[解決済み] ウィジェットの「カテゴリ」のカスタマイズ方法

[steve-osaki]

ウィジェットの「カテゴリ」のデザインをカスタマイズしたいと考えていますが、

肝心のカスタマイズする場所が分かりません。

（Welcartカテゴリではなく、普通のカテゴリです。）

Googleで色々と検索しましたが、

テーマによって仕様が異なるためかWelcartテーマ内で該当するソースが見つけられません。

普通の「カテゴリ」ウィジェットのデザインを変更するには、

どのファイルの何処のソースを編集すれば良いのか

ご教授いただければと思います。

宜しくお願いいたします。

[nanbu]

こんにちは。

ブラウザでソースを確認してください。Chrome が要素確認には便利です。

ソースを確認してウィジェットを構成しているタグのid やclass を調べ、それをキーにしてテーマ内のstyle.css を検索してみてください。

例えばsidebar で検索すると関連のセレクターを発見できると思います。あとは近いものを参考に試行錯誤する事になります。

いずれにしても、ほとんどの場合スタイルシートの修正でOKだと思います。

[steve-osaki]

ご回答ありがとうございます。

style.css参照しておりますが、

勉強不足ゆえ思うようにカスタマイズ出来ておりません。

li id=”categories-4″

のように、個別の番号を吐き出している部分のカスタマイズ

をどうやって良いのか分かりかねています。

同じタグなのに開くページによって違う番号を吐いていたりするので、いちいち番号毎にCSSを書くのもCMSとして意味が無いし…

と、手が止まっております。

何かヒントをいただけますと幸いです。

[nanbu]

id を使うのではなく、class を使います。

<li id="categories-2" class="widget widget_categories">

の場合、widget_categories をセレクタにし、スタイルをかけます。

[steve-osaki]

返信が遅くなり申し訳ありません。

ご指示どおりにスタイル変更したら上手くいきました。

お手数おかけしましたm(__)m

[投稿者]

投稿