<ZELOカスタマイズ記⑩>サイドバーのラベル表示をカテゴリっぽく階層表示したはなし

WordpressからBloggerにお引っ越し中!

一番違うところはどこかって聞かれたら、やっぱりカテゴリがないところじゃないですかね。
すべて「ラベル」で管理するってことに面食らったかたも少なくないことでしょう。

今日はその「ラベル」のサイドバーを、「カテゴリ」っぽく階層表示しちゃおうとゆーカスタマイズです。

完成イメージ

ZELOでラベルをカテゴリっぽく階層表示


Bloggerのラベルをカテゴリみたいに階層表示する


レイアウト
 → sidebar-sectionの「+ガジェットを追加」
 → 「HTML/JavaScript +」 を選択


  • タイトルには「カテゴリー」など、表示させたい言葉を入力
  • コンテンツ部分にHTMLを入力

(例)
ブログ
├Blogger
├ZELO
└カスタマイズ

みたいな階層表示をするためには、


<a href="表示したいURL"><b>ブログ</b></a><br />
├<a href="表示したいURL">Blogger</a> <br />
├<a href="表示したいURL">ZELO</a><br />
└<a href="表示したいURL">カスタマイズ</a><br />

を入力して [保存]!


わたしは相対パスを使ったので、最終的に入力したHTMLは

<a href="/search/label/ブログ"><b>ブログ</b></a><br />
├<a href="/search/label/Blogger">Blogger</a> <br />
├<a href="/search/label/ZELO">ZELO</a><br />
└<a href="/search/label/カスタマイズ">カスタマイズ</a><br />

みたいなカンジで、かんせ~い!パチパチパチパチ

サイドバーの見出しをちょっと装飾したいなぁとゆー欲がわいてきてしまいましたとさ。。

0 件のコメント :

コメントを投稿

関連記事