ホームページ制作のライフスタイルクリエイターズ|神田翼|フリーランスWebデザイナー

神田 翼 (管理人)のプロフィールはこちら

WordPressでサイドバーのカテゴリーの件数を表示して装飾する方法

こんにちは、フリーランスパパの神田翼(@tsubasa_lsc)です。

今回の記事は、WordPressのテーマを自分でオリジナルで作成している人向けです。無料・有料の既存のテーマを使用している人も、やってみてもいいかもしれませんが、元々どんな構造でコードが書かれているのか分からないので、おすすめしません。

タイトルを見ても、パッと想像つかないかもしれないので、まずはビフォーアフターの画像を載せておきます。


この画像を見て「あぁ〜これこれ!これを探してました!」という人向けです(笑)

ちゃんと説明すると、WordPressでサイドバーのカテゴリーの件数を表示して、表示した件数の数字をCSSで装飾する方法です。自分のサイトのカテゴリーが見にくいなと思っていたので、CSSでコードを加えて編集しました。その時の覚書を残しておきます。

スポンサーリンク

sidebar.phpの編集

最もスタンダードなカテゴリの表示の仕方。カウントなしのカテゴリ一覧を取得するコード。


今回の本題。カウントのところにspanでclassを指定して、装飾を加えられるようにします。

sidebar.phpのカテゴリを表示したい位置に、上記のコードをコピペすればOKです。

該当のCSSファイルにお好きな装飾を追加

今回は僕のサイトで加えた装飾をそのまま書いておきますので、お好きにアレンジして下さい。


最後に

ブログ運営をしていると、あともう少し見栄えが良くなれば!とか思いませんか?僕はいつも思っています(笑) ホームページを作る仕事ををしているということもあり、少し気になれば自分で調べてささっと変更してしまいます。今回の記事の中で説明していることは、PHPが少し入っていますが、ブログ運営を行う上でHTML・CSSぐらいは基本を学んでおいたほうが良いのではないか?と思っています。

HTML・CSSを学ぶことは理想のブログに繋げることへの第一歩目かもしれません。時間があれば勉強してみてください!

スポンサーリンク

デザイナー/フリーランスパパ@神田翼
神田翼

フリーランスのWebデザイナーの神田 翼です。2児の父親です。父親でもガッツリ子育てがしたいという思いから、フリーランスとして働くことにしました。このブログではフリーランス・子育て・WordPress・ブログ運営のことを書いています。(プロフィール)

最新の記事一覧

月別表示

トップへ戻る