CSS または Cascading Style Sheets は、HTML ドキュメントの視覚的な外観と書式を定義するために使用されるスタイルシート言語です。 WordPressのテーマは、CSSとHTMLを使用して、WordPressで生成されたデータを出力します。 すべてのWordPressテーマには、WordPressが生成するページの書式を定義するためのスタイルルールを持つstyle.css
ファイルが含まれています。
CSSは非常にシンプルで使いやすく、簡単に学ぶことができます。 初心者向けの CSS チュートリアルを公開している Web サイトは数多くあり、WordPress の新規ユーザーが使い始めるのに役立ちます。 しかし、使い方が非常にシンプルなので、多くのWordPressユーザーは、WordPressテーマのstyle.css
ファイルを見るだけで、基本的なことを理解することができます。
例です。
HTML 要素は CSS で直接スタイル設定することができます。 デザイナーは識別子とクラスを使って、CSS でスタイルを設定できる異なるセクションを定義します。 これにより、Webページ上の同じHTML要素であっても、異なるセクションで異なるスタイルを使用することができるようになります。 例えば、あるページのヘッダーセクションにあるブログタイトルのh1
要素は、同じページのポストエリアにある別のh1
要素とは異なるスタイルにすることができます。
例:
<div><h1 class="blog-title"><a href="<?php bloginfo('url'); ?>" title="<?php bloginfo('name'); ?>"><?php bloginfo('name'); ?></a></h1></div>
上に示した HTML は、「header」という名前の識別子と「blog-title」という名前のクラスを含んでいます。 これらのセクションは CSS でスタイルを設定することができます。
例を挙げます。