はまぞうブログをカスタマイズ(8)サイドバーの出力方法を調べる

はまぞうブログをカスタマイズ(8)サイドバーの出力方法を調べる

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

はまぞうブログのサイドバーにはカテゴリー・最新記事・過去記事・カレンダーなど、いわゆるブログのサイドバーに表示されるものを表示することができます。

これは、管理画面のサイドバーの項目で確かめることができます。

Screenshot_19

しかし、これでは、表示順やどんなものが表示できるかがわかるだけで、どんなふうに出力されるかがさっぱりです。

はまぞうブログをカスタマイズすることを考える上では、どんなふうに出力されるかというのは、やはり大切なことなので調べてみることにしました。

サイドバーの出力はリストではない

自分の感覚だと、サイドバーの出力、少なくともカテゴリーや最新記事などの列挙は、リスト<ul>を使って<li>で列挙することが望ましいと思うのですが、どうやらはまぞうブログでは<div>の組み立てで出力されるようです。

実際に出力されるhtmlは以下のとおり。

カテゴリーの出力html

表示だけ見るとリストだったのに、htmlの出力は<div>の繰り返し。それは、子リストも同じ。

最新記事の出力html

最新記事の場合もカテゴリーと同じで、<div>の繰り返し。

過去記事の出力htmlやコメントリスト出力htmlはカテゴリーと同じ

過去記事やコメントリストの出力htmlもカテゴリーのときと同じだったところをみると、はまぞうブログのサイドバー出力htmlの基本は、以下のようです。

出力されるhtmlのカスタマイズはできませんので、これはcssを使っていじるしかありません。

いじれないといえば、サイドバーのタイトルもいじれない

はまぞうブログの場合、サイドバーのブロックごとのタイトルもいじれません。標準で用意されている名前をそのまま使うことになるので、英字にしたほうがカッコよくても利用することが普通はできません。CSSを使ってこれもいじるしかなさそうです。


Back to Top