SnippetCSSAMPで表示CSSCSSは、WordPressのブラウザでの表示をコントロールする仕組みで、シンプルなテーマでも数千行の独自ルールが記述されていて、カスタマイズを行う場合意外と難儀するにも関わらず、CSSの仕組みや、使い方について説明されているリソースは少ないと感じていました。いう二つの関数によって生成されています。これら二つの関数は、どこでどんな働きをしているのか見ていきたいと思います。get_body_class()のコードの一部を以下に書き出してみます。いうクラスを追加しなさい...といった意味のコードが、連続して記述されています。body_class()は、WordPressが表示しているページが、トップページなのか、アーカイブなのか、どんなカテゴリーのページなのか等々、現在表示しているページの状態を表すクラスが、body要素に追加します次に、post_class()について、見ていきたいと思います。get_post_class()のコードの一部を以下に書き出してみます。このクラスは、この投稿の投稿IDと連携したクラス、投稿フォーマットが何かをクラスで示したり、投稿の状態ををクラスで表現します。クラスが設定されます。WordPressが自動的に出力するCSSクラスが、どんなものなのかを簡単に見てきましたが、これらはどんな便利さや、メリットを提供するのかという点について考えてみたいと思います。WordPressのbody_class(),post_class()は、どんなメリットがあるのか実際に、試してみましょう。Raindropsを使用した場合のコードを書きますので、テストコードを実行する場合は、テーマをインストールの上お試しください。課題:カテゴリーごとに、異なるヘッダー画像を表示するWordPressのヘッダー画像は、通常一枚だけしか設定できません。レインドロップステーマは、投稿単位でヘッダー画像の表示や画像の選択、非表示等の機能はありますが、カテゴリー単位でヘッダー画像を指定する機能はありません。カテゴリーで表示する画像をアップロードします。カスタマイズを選択します。テキストエリアに、以下のように記述します。#header-image{background:url(ここにコピーしておいた画像URLを書いてください);}これで、カテゴリーgame用のヘッダー画像が、表示されるようになりました。WordPressが表示する様々なページの中で、どんな時に、そのスタイルを適用するかを簡単に設定できるように設計されています。PHPが出来る人は、body_class()やpost_class()の機能を拡張して、独自のコンディショナルクラスを追加したりすることもできます。post_class()のもう一つの側面body_classや、post_classのCSSクラスには、SEOに関する側面があります。WordPressのいくつかのテーマは、microformatという、サーチエンジンとのコミュニケーション用のクラスが存在します。post_class()が出力する、hentryクラスは、microformatのクラスです。microformatを意識しない人にとっては、無用なクラスに見えるかもしれませんが、WEBサイトとサーチエンジンとのコミュニケーションに、欠かせない役割を担っています。ホストされている公式テーマには、この関数の使用が義務付けられています。CSSによるカスタマイズは、PHPによるカスタマイズに比べて、しきいも低く初心者の方でも、カスタマイズを簡単に始めることが出来る強力な味方です。WordPressのCSSのカスタマイズの基底になるbody_classやpost_classの働きをうまく使う事で、簡単で安全なカスタマイズを楽しむことが出来そうです。コメントは受け付けていません。tenman.info。