2020年2月16日TwitterFacebookB!HatenaPocketLINELINERSSCopyWordPressのカテゴリーウィジェットってシンプルですよね。それはそれでいいとは思いますが、私はもう少しなんとかしたいと思っていました。そこで今回はカテゴリーウィジェットのデザインをカスタマイズしたので忘れないようにメモしておきます。最後にスポンサーリンクアイコンをつけるサンプルカテゴリーサンプルカテゴリーサンプル2子カテゴリーカテゴリーサンプル3まずはシンプルに親カテゴリーと子カテゴリーにアイコンをつけて行間を調整してみました。Awesomeを使用しています。Awesomeについては下の記事を参考にしてください。『CSS(スタイルシート)で指定する』を少し書き換えました。...https://kirari-yums.net/2018/09/14/post-3228/リストの黒ポチを消すにはリストの黒ポチ(黒丸)を消すには以下のようにしてください。}カテゴリーごとにアイコンをつけるカテゴリーごとに違うアイコンをつけることもできます。カテゴリー毎にアイコンをつける場合のセレクタを以下のように記述してください。後にカテゴリーIDを入れます。カテゴリーIDの調べ方については以下の記事に書いています。【WordPress】投稿IDとカテゴリーなどのIDを調べる方法WordPressを使っているとプラグインの設定などで投稿IDやカテゴリーIDが必要なときがあります。margin-right:5px;}このようにカテゴリーごとにアイコンを指定すれば違うアイコンにすることができます。以前結耶が「カテゴリーごとに画像やアイコンをつけられるプラグイン」を紹介してたけどこれならプラグインを使わずに違うアイコンにできるんだね!結耶そうだよ~(^-^)スポンサーリンク記事数の表示カスタマイズカテゴリーの横に記事数を表示させるには、カテゴリーウィジェットの設定で「記事数を表示する」にチェックを入れると表示出来ます。(8)こんな感じで表示されます。HTMLソースをみると以下のようになっています。(12)</li>このままだと記事数にはリンクがついておらず、カスタマイズもやりづらい(私にはできなかったです)ので記事数をaタグの中に入れ、カスタマイズできるように(php)コードを追加しました。phpコードは私ではよくわからないので調べてみました。aタグの中に記事数を入れるコードを紹介している記事はたくさんあります。いくつか試してみました。その中で上手く表示されたのは以下の記事です。STINGER7:サイドバーのカテゴリーをカスタマイズする方法【ウィジェット】STINGER7を使っているほとんどの方はサイドバーにカテゴリーの一覧を表示していると思います。...https://web-ashibi.net/archives/670こちらではテーマ「STINGER7」でのカテゴリーウィジェットのカスタマイズ方法を紹介されていますが、こちらの記事の中の「記事数を<a>タグの中に入れる」章のコードを使わせてもらったら上手く表示されました。コードはfunction.phpに追加してください。(子テーマをお使いの方は子テーマのfunction.phpに追加してください。)Luxeritasをお使いの方テーマLuxeritasをお使いの方は[Luxeritas][こテーマの編集][function.php]に追加してください。コードを追加するとHTMLは以下のように置き換えられます。