パソコン相談所

■ブログのカスタマイズは、スタイルシートと各ページの構成で決まる

最 近のブログやホームページは、「スタイルシート（正確にはカスケード・スタイルシート）」というものを使ってデザインすることが多くなっています。スタイ ルシートとは、簡単に言うと「書式設定」みたいなもの。たとえば「ページのタイトル部分の文字は濃い青で」とか「各段落の冒頭部分は太字の青で」とか、 「ページの背景は水玉模様の画像で埋める」とか・・・そういうどのページにも共通する「見た目・デザイン」の設定をしておくためのものです。

ほとんどのブログでは、この「スタイルシート」でデザインの大半を編集し、共通では指定できない個別の部分を、トップページ・個別ページ・カテゴリー別ページ・月別ページなどの各ページのレイアウトで補っています。

だから、ブログのカスタマイズ＝htmlタグのカスタマイズの、ポイントを絞って覚えようというのなら、カスケードスタイルシードで、よく使われる内容を手早く覚えるのが一番です。

■スタイルシートはどこでアレンジするのか？

ブ ログサービスのユーザー管理画面では、たいてい「テンプレート選択」とか「スタイル編集」というような項目があるはずです。ここから入っていくと、スタイ ルシートの編集を行うことができます。ちなみに、イーラ・パークでは、｢管理画面」→「テンプレート」→「カスタマイズ」とクリックするとスタイルシート の編集画面にたどり着けます。

スタイルシートというファイルは、テキストデータで書かれている

スタイルシートという設定データは、特殊なソフトやデータ形式でできているのではなく、単なる「文字情報」として保存されています。なので、アレンジする際にも、必要な箇所を、文章を訂正するような感じで文字入力して変更していけばOKです。
インターネットの画面で編集するのが大変な場合には、「テキストデータ編集ソフト」（Windowsには標準で「メモ帳」がありますので、それでOK）へコピーして編集し、その後再び画面上へコピー＆ペーストしてもOKです。

ちなみに、スタイルシートというのは、以下のような感じで書かれています（サンプルです。本当はこんなに短くないです）

・・・ハッキリいって、こんな文字の羅列、見たことのない人にとっては「なんのこっちゃ？」ですよね？中にはこういう文字、見ただけでムカつく人もいるかもしれません。

けれども、ちょっとの間我慢してください。全部覚えようというわけではありません。こういう文字の羅列の中の、ポイントの部分だけを絞って覚えれば、あなたも自分でスタイルシートをアレンジできるようになります！！（かも？）

■まずは手っ取り早く色の変更

その中でも、比較的わかりやすいのが「色」の変更。

ブログのデザインでは、タイトル文字や日付・記事のタイトル・カテゴリーなどの主だった要素の文字が同じ色や似通った色に統一されていますよね。この色を変更するだけでも結構なイメージ変更になります。

スタイルシートのアレンジの手始めに、まずは色の変更をしてみましょう。

■htmlタグで、色は「カラーコード」で表されている

カラーコードとは・・・たとえば「#CC0000」のような文字列のことです。ちなみに「#CC0000」は■■■←こういう色のことをあらわしています。

スタイルシートの設定では、文字の色や背景の色を決めるのに、このカラーコードを使って記述しています。

ちなみに、htmlタグでは「#」で始まる「#FF0033」のような7文字のコードは、必ず色を表していますので、スタイルシートに書かれた「#○○○○○○」という部分を別の文字列に変更して保存すれば、該当する部分の色が一気に変わります。

カラーコードの書き方や、どういうコードがどういう色を表すか？は「カラーコード表」のページをご覧ください。

■色はスタイルシートだけでは決まらない

ただし・・・スタイルシートの「#○○○○○○」の部分を全部変更したからといって、色が全部指定できるわけではありません。ブログ上に貼り付けられている、イラストや壁紙などの画像の色は、その画像そのものの色を変更しなければなりませんので、この点をご理解ください。

さて、初回はこのくらいにしておきましょう。次回は、「壁紙と背景色の設定」について説明します。

■カスタマイズに関するご質問・ご相談は・・・

このコーナーで説明しているカスタマイズを実際にやるときには、かならず自己責任で行ってください。

「やってみたけどわからない。」「難しくてできない」「質問したい」というような場合は、当相談所へのご質問・ご相談として承ります。その場合にはページ右上の「ご相談」ページから内容を入力して送信していただくか、あるいは直接メールでお問い合わせください。