WordPress「JIN」でタグのデザインを変更し全てのタグを表示させる方法
以前の記事で書いたとおり、WordPressのテーマを「Simplicity2」から「JIN」に変更しました。
「Simplicity2」では、サイドバーのタグの一覧は、以下の画像のとおり、使用数が多いタグほど表示が大きくなる仕様でした。
一方、「JIN」は、デフォルトでは、タグの表示の大きさは均一でタグに記事数が表示される仕様でした。
デザイン的には「JIN」の方が好みなのですが、タグは重要な分類と考えているので、使用頻度の高いタグが目立つ以前の仕様にしたいと思いました。
また、WordPressでブログを始めて2年半以上経った今気づくのも情けないのですが、デフォルトではタグは45個までしか表示されないことを知りました。
そこで、タグをカスタマイズすることにしました。
高機能なタグ管理ができるプラグイン「Simple Tags」を使うことにしました。
このプラグインを使うと、前述したようなタグの使用頻度により大きさが変わる仕様にできたり、タグを46個以上表示させることが可能になります。
では、設定方法をみていきます。
「Simple Tags」をインストールし有効化します。
WordPress管理画面の設定の中に「Simple Tags」が表示されますので、これを選択します。すると設定画面になり、各種設定がタブで別れていますが、ここでは「タグクラウド」の設定を紹介します。
以下の画像のとおり、日本語の解説のため内容はわかるかと思いますが、タグの表示順や表示するタグの最大数、色やフォントサイズなどをカスタマイズすることができます。
ここで設定し終えたら、WordPress管理画面の外観>ウィジェットで「Tag Cloud(Simple Tags)」をサイドバーのウィジェットに加えれば完了です。
ちなみにここでも前述したタグの表示順や表示するタグの最大数などの設定をすることもできます。
「Simple Tags」で設定した結果、最終的には、以下の画像のとおりの表示となっています。なお、当然、この「Simple Tags」はJIN以外のテーマにも使用できます。
「Simple Tags」は、多機能でこれ以外にもたくさんの機能があります。タグを詳細に管理したり、デザインをカスタマイズしたい方は、ぜひ「Simple Tags」を試してみてください。
この記事は以上です。
このブログには、iPhone・iPad・Apple Watch、アプリ、Kindle出版、ブログ運営などに関する記事があります。カテゴリーページや下にある「関連記事」を、ぜひご覧ください。
WordPressの「JIN」のSNSアイコンにシェア数を表示させるカスタマイズ
2018年6月22日 小田やかた
WordPress「JIN」のカスタマイズまとめ
2018年6月29日 小田やかた
WordPressの「JIN」の「トップに戻る」の設定方法
2018年6月12日 小田やかた
初心者でもできたブログのhttps化(SSL化)の手順を全公開
2018年6月18日 小田やかた
ブログの記事を投稿したら自動で「Twitter」「Facebook」「Google+」「Medium」にアップする方法
2017年5月24日 小田やかた
HTMLやCSSなどの知識が乏しい私でもできたWordPressの「Simplicity2」への移行
2017年11月24日 小田やかた
WordPressの「JIN」のヘッダーの検索とメニューのアイコンの色の設定方法
2018年6月11日 小田やかた
WordPressの記事の下に自動で定型文を入れる方法
2015年10月16日 小田やかた
WordPressのテーマ「JIN」の引用の囲みのカスタマイズ
2020年7月29日 小田やかた
CSSやHTMLに詳しくない私でもできた「Simplicity2」のカスタマイズ
2017年12月4日 小田やかた
Simplicity2でブログのフォントをGoogleフォントにしてみた
2018年1月31日 小田やかた
【第2回】初心者の私でもできたWordPressをいちから始める手順
2015年10月10日 小田やかた
このブログを書いている ブロガー&Kindle作家 の小田やかたです。
二人の子どもを持つ共働きサラリーマンです。
iPhone・iPadアプリを活用した効率的なインプットとアウトプットの方法をブログ、Kindle本、X、noteで発信しています。

【新版】Apple Watchで何ができるか 〜起床から就寝までの実際の使い方を徹底公開〜
-
出先での長文入力は「iPhone+キーボード」か「MacBook Air」か 〜QWERT...
-
iPhoneやiPadで画像の拡張子を変更する方法
-
「ObsidianSync」を試してみたので導入手順と導入後の状況を共有します
-
楽天から「パスワード初期化のご連絡」のメールが来たので対応したこと
-
Apple Watchで月間カレンダー(祝日付)を表示させたいなら「CalCs(カルシーズ...
-
Obsidianの「Minimal Thema settings」の設定内容の詳細
-
Obsidianで文頭をインデント(字下げ)する方法②
-
Webベースのタスク管理ソフト「TaskChuteCloud」と「Todoist」の併用の...
-
ThreadsのWebサイトのURLの確認方法
-
読書ノート作りは面倒なのか
- HOME
- ブログ運営
- ブログのカスタマイズ
- WordPress「JIN」でタグのデザインを変更し全てのタグを表示させる方法


























