2007年08月17日

ライブドアブログをはじめ、他のブログサービスでのスタイルシートCSS)の設定は、スタイルシートCSS)ファイルをHTMLファイルにリンクさせ、いわゆる外部ファイルをリンクさせて行っています。

この方法のことを「リンキングスタイルシート」とか、スタイルシートCSS)の「外部リンク方式」などと呼びます。

スタイルシートCSS)の設定方法には、この他に「インラインスタイルシート」や「ドキュメントスタイルシート」という設定の方法もあります。

しかし、特にブログでスタイルシートCSS)を設定する場合は、「インラインスタイルシート」や「ドキュメントスタイルシート」は、あまり使用することはないと思いますので、ここでは詳しく取り上げません。


ライブドアブログのファイルは、スタイルシート(CSS)の他、トップページ、個別記事ページ、カテゴリーアーカイブ、月別アーカイブというHTMLファイルが4つあり、合計5つのファイルがあります。

スタイルシート(CSS)ファイルで設定した、ブログの見栄え部分、例えば、文字(テキスト)の大きさや色、ブログの細かいレイアウトや背景色などは、それぞれのHTMLファイルからスタイルシート(CSS)ファイルにリンクさせて表現させています。

ライブドアブログのスタイルシート(CSS)ファイルをHTMLファイルからリンクさせるための記述は、トップページ、個別記事ページ、カテゴリーアーカイブ、月別アーカイブというHTMLファイルそれぞれに、下記のように記述されています。

<link rel="stylesheet" href="<$CSSUrl$>" type="text/css" />

<$CSSUrl$>は、ライブドアブログの独自タグで、スタイルシート(CSS)ファイルのURLを表したものです。

この方法の利点は、ブログの見栄え部分はすべてスタイルシート(CSS)ファイルで行っているので、見栄え部分を変更したいとき、スタイルシート(CSS)ファイルの記述を変更すれば、すべてのHTMLファイルに適用できることです。

ライブドアブログでは、トップページ、個別記事ページ、カテゴリーアーカイブ、月別アーカイブという4つのHTMLファイルすべてが一括で適用されます。

しかし、一度設定したスタイルシート(CSS)のタグは、設定したセレクタすべてに適用されてしまいます。

これでは、自由なはずのスタイルシート(CSS)で、表現が限定されてしまうという不都合が生じることがあります。

そこで便利なのは、任意の範囲にスタイルシート(CSS)を設定する方法です。


次回は、この「任意の範囲にスタイルシート(CSS)を設定する方法」について記事を書いてみたいと思います。

 

ライブドアブログのカスタマイズ - livedoor Blog 共通テーマ



トラックバックURL

この記事にコメントする

名前:
URL:
  情報を記憶: 評価: 顔