はまぞうブログをカスタマイズ(7)カテゴリーIDをbody_class()風に扱う

はまぞうブログをカスタマイズ(7)カテゴリーIDをbody_class()風に扱う

はまぞうブログをカスタマイズ

ボクがwordpressでテーマファイルを作成するときに、かなり重宝しているのが、body_class()です。これを<body>に使うと、ページごとのbodyのclassが変わるので、CSSを書くときにかなり楽になります。

それと同じようなことが、はまぞうブログでもできないかどうか、調べた結果、たどりついたのが、置換タグ<%CategoryId%>です。

1. 試しにwordpressと同じようにbodyにclassとして入れてみた

最初に試したのは、wordpressで使うのと同じように、bodyの中にclassとして埋め込む方法です。

上記のようなソースですね。

結論からいうと、これは使えなかったです。

はまぞうブログでは、前回にも書きましたが自動的にヘッダーが入るようになっています。このヘッダー部分は、どうも<body>内のテキスト直後に入る模様です。

テンプレートの中に上記ソースを記述して、実際のブログ画面のソースで確認したところ、以下のように出力されていました。

これでは、body_classとしてカテゴリーIDを扱うことはできません。

2. <body>直下に<div>を作って解決

今回は、wordpressと同じように、body_classにする必要は何もありません。似たようなことができさえすればそれで構わないので、

とソースを作り上げてしまえば、それで解決する問題でした。

こういうことができることが確認できると、いろいろ幅が広がりますね。


Back to Top