パソコン・ウェブ制作

WordPressのカテゴリ一覧表示をカスタマイズしました。

投稿日:2014年10月5日 更新日:

カテゴリ

シンプルすぎるWordpressのカテゴリ一覧表示をカスタマイズしました。
※作業開始前に必ずバックアップを取ってください
※素人のカスタマイズですので同じように設定しても動作しない場合があります。あらかじめご了承ください。

修正する場所がわからない・・・

普段修正をするとき、Chromeで右クリックをすると「要素の確認」というメニューを使って、何のスタイルが適用されているか確認をして、そこの要素を修正しています。

ですが、カテゴリ一覧については適用されているスタイルの指定がありません。
新たに「.cat-item」のスタイルを指定して、何となく装飾をすることはできたのですが、カテゴリの件数表示がカテゴリ名に続いて括弧で表示されたままで、クリックすることもできません。

お手上げ状態になったので、いつものようにGoogleで検索したところ、「functions.php」を修正する必要があるとの情報が!
こちらのブログを参考にさせていただきました。
【リンク】WordPressのカテゴリーウィジェットの投稿数部分をカスタマイズしてデザインするサンプルincrement Log

最初に「functions.php」に追記

要素については全くわかりませんので、そのままコピペしました。
これをするだけで、カテゴリ名と件数が分離された状態になり、件数の数字もクリック出来るようになりました。

続いてスタイルの設定

参考にしたブログでは「.widget-categories」を設定していましたが、私の場合はこれが上手く動作しなかったので「.cat-item」を設定しました。

上記は私のデザインに合わせた内容となっているので、適宜変更してください。
ここのブロック要素も前回のエントリーに倣って全体をクリック出来るようにしています。

ついでにカスタマイズ

ブロック要素全体をクリックするようにカスタマイズした後、じんわり切り替わるようにしました。
適用させたい要素にこれを追加するだけでOKです。

「0.5s」は切り替え完了に要する時間の設定です。
「1s」なら1秒、「0.5s」なら0.5秒です。

ランキング表示の箇所の場合、こうやりました。

ご参考まで。







-パソコン・ウェブ制作
-

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

*

関連記事

WordPress Popular Posts

WordPress Popular Postsを導入しました

閲覧数をランキング表示してくれるWordpressのプラグイン「WordPress Popular Posts」を導入しました。 普通にランキング表示するだけであれば、難しくはないのですが、Sting …

iTunes Match

iTunes Matchが日本でもサービス開始しました

iTunes Match 日本でのサービスは難しいのではとされていた、iTunes Matchがついにサービスを開始しました。 利用料は年間3980円。 iTunesで購入した曲や自分がCDを持ってい …

Hit bit HB-101

ソニーPC事業譲渡で思い出したMSXとの出会い

Hit bit HB-101 VAIOブランド譲渡のニュースで思い出したのだけど、私のパソコンルーツはソニーのMSX、HiTBiTを購入したのが始まりだったということ。 今後何回か書いていきたいと思っ …

Marvericks

YosemiteからMarvericksにダウングレード

Twitterで何度かダウングレードについて触れましたが、もっさり具合に限界を感じたので、YosemiteからMarvericksにダウングレードしました。 ダウングレード手順など 多くのサイトで紹介 …

Stinger5

テーマファイルをStinger3からStinger5に変更しました

Twitterでは「早くStinger5に変えたいなぁ」と何度かツイートしていましたが、ようやっとStinger5に切り替えが完了しました。 見た目はほぼ変わっていません。というか、Stinger3で …

ランドロック
スノーピーク ランドロック買っちゃいましたー!!
2014年9月23日 に投稿された
森のまきばオートキャンプ場
2017年1月15日 に投稿された
バンドブレーキからサーボブレーキに交換
2017年2月26日 に投稿された
ニュー田代オートキャンプ場
2016年10月24日 に投稿された
ランドロック
スノーピーク ランドロック使用レビューその2
2014年10月20日 に投稿された
モビリティパーク
2016年9月11日 に投稿された
オートキャンプインむじな
2017年5月21日 に投稿された
オートキャンプせせらぎ
2016年9月18日 に投稿された
ネイチャーランドオム
2017年6月3日 に投稿された
トイレタンクのオーバーフロー管を交換しました
2015年11月8日 に投稿された
follow us in feedly
にほんブログ村に参加しています
にほんブログ村 アウトドアブログ ファミリーキャンプへ