「タグクラウド」ウィジェット カスタマイズ

タグクラウドは、管理画面ではあまりカスタマイズできません。必要であれば、フィルターフックやプラグインを用いて表示設定や概観の変更を行うことができます。
目次
- 出力をカスタマイズ
- 各タグの投稿数を表示できるプラグイン「Configurable Tag Cloud」
- タグリンクへ「nofollow」を付与
- タグリンクに付与されるclass属性やtitle属性を除外する
- その他プラグイン
出力をカスタマイズ
フィルターフックを使用してカスタマイズを行うことができます。パラメータは以下になります。Function Reference/wp tag cloud
// function.php(子テーマ) add_filter( 'widget_tag_cloud_args', 'my_widget_tag_cloud_args'); function my_widget_tag_cloud_args( $args) { $args = array( 'smallest' => 10, // 最小のフォントサイズ:8[デ] 'largest' => 15, // 最大のフォントサイズ:22[デ] 'unit' => // フォントサイズ単位:'pt'[デ] CSSで使用できる単位pt, px, em, % 'number' => 20, // 表示タグ数の上限:45[デ] 'format' => // 表示フォーマット:'flat'(横並び)[デ]、'list'(縦並び <li></li>)、'array'(表示されない。他のPHPコード用に使用する場合) 'separator' => // 表示タグ毎の区切り '\n'[デ] (スペース) 'orderby' => // 並び替項目 'name'[デ](タグ名)、'count'(投稿数) 'order' => // 並び順 'ASC'(昇順)[デ]、'DESC'(降順)、'RAND'(ランダム) 'exclude' => // 除外するタグ 除外するタグのIDをカンマ区切りで列挙 'include' => // 表示するタグ 表示するタグのIDをカンマ区切りで列挙 'topic_count_text_callback' => //タグリンクにtitle属性を付与する関数 'default_topic_count_text'[デ](標準で"~件のトピック"と付けられます。) 'link' => // リンク先 'view'[デ](タグアーカイブページ)、'edit'(編集ページ) 'taxonomy' => // クラウドに表示する項目 'post_tag'[デ](タグ)、'category'(カテゴリー)、'link_category'(リンクカテゴリー)、'any other registered taxonomy'(全て)もしくは配列で複数指定する。 'echo' => // 表示有無 true(表示)[デ]、false(非表示:変数として使用する場合) ); return $args; }
- URLから確認:管理画面の「投稿」→「タグ」を開き、そのタグのURLのなかに「tag_ID=」に続く数字がタグのIDになります。
- DBから確認:(wp_)termsテーブルの中身を確認。「name」で検索し、term_idがそのタグのIDになります。
各タグの投稿数を表示できるプラグイン「Configurable Tag Cloud」
よく使われそうな設定に加えてタグ付けされた投稿の数が表示できます。
#ドロップダウン表示
Configurable Tag Cloud (CTC)
タグリンクへ「nofollow」を付与
タグクラウドの各リンクにnofollowを付与します。
フィルターフックで「nofollow」を付与
function my_wp_tag_cloud( $text) { return str_replace( '<a href=', '<a rel="nofollow" href=', $text); } add_filter( 'wp_tag_cloud', 'my_wp_tag_cloud');
「nofollow」が付与できるプラグイン「Taxonomy List Widget」
よく使われそうな設定に加えてタグリンクにnofollowを付ける設定が可能です。
Taxonomy List Widget
タグリンクに付与されるclass属性やtitle属性を除外する
タグクラウド作成後にpreg_replaceでclass属性とtitle属性を除外します。
// class属性とtitle属性両方除外する function remove_title_wp_tag_cloud( $text) { return preg_replace( '~class=\'tag-link-(\d+)\' title=\'([^\']+)\'~m', '', $text); } add_filter( 'wp_tag_cloud', 'remove_title_wp_tag_cloud'); // class属性のみ除外する function remove_title_wp_tag_cloud( $text) { return preg_replace( '~class=\'tag-link-(\d+)\'~m', '', $text); } add_filter( 'wp_tag_cloud', 'remove_title_wp_tag_cloud'); // title属性のみ除外する function remove_title_wp_tag_cloud( $text) { return preg_replace( '~title=\'([^\']+)\'~m', '', $text); } add_filter( 'wp_tag_cloud', 'remove_title_wp_tag_cloud');
その他プラグイン
SEO Tag Cloud Widget 各タグリンクのTitle属性にタグ名を付与する
3D Tag Cloud WP-Cirrus 3D表示・スタイリングなどができる
Ultimate Tag Cloud Widget
WordPress Plugins » Tag: tag-cloud - Recent Posts
An error occurred while parsing your RSS feed. Check that it's a valid XML file.関連記事
-
-
「最近の投稿」ウィジェット カスタマイズ
目次 ウィジェットを削除 標準の設定 特定のカテゴリーに属する投稿を除外 カスタマイズ プラグイン 「最近の投稿」ウィジェットを削除 「最近の投稿」ウィジェット
-
-
Twenty Thirteen ナビゲーションメニューを固定
ナビゲーションメニューを固定にしてみました。下方にスクロールしても最上部に固定されるやつです。 スクリプト 以下のjsファイルを用意して下さい。 nav要素のidは、ソースもしくはheade
-
-
ナビゲーションメニューに検索フォームを追加
メニュー内に検索フォームを追加したいという問い合わせをいただいたので試してみました。 メニューのつくられかた まずは、WordPressでメニューがつくられる手順を説明します。 箱をつく
-
-
画像マウスオーバーでキャプションを表示
メディアをアップロードした際に、「キャプション」項目にテキストを設定された画像を挿入した場合はキャプションショートコードが生成され、ページ内の各画像下にその設定したテキストが表示されます。 今回
-
-
投稿タイトルのtitle属性を削除など Twenty Twelve 1.2での変更点
TwentyTwelveが1.1から1.2にアップデートされたので、いくつか変更点を洗ってみました。 (*全てを網羅しているわけではありません) 全ての変更部分は、こちらに記載されています。
-
-
ポップアップが実装できるプラグイン「Anything popup」「Easy Modal」
ポップアップ 「Anything Popup」 「Anything popup」は、ページにポップアップが実装できるWordPressプラグインです。ポップアップ要素を投稿ページと同様に作成できるた
-
-
Twenty Twelve 投稿者情報を表示/非表示に
TwentyTwelveでは、投稿ページごとに投稿者の情報を掲載することができます。他のテーマでも同様だと思います。こんな感じです。ここでは、掲載と削除の方法について記載します。 表示方法 「
-
-
Twenty Fourteenカスタマイズ用プラグインと派生テーマ
WordPressの現在のデフォルトテーマ「Twenty Fourteen」のカスタマイズに便利なプラグインと、「Twenty Fourteen」をもとに作成されたテーマのまとめです。 カスタマ
-
-
新年早々やらかした
あけましておめでとうございます。 タイトルどおり、新年早々やらかしてしまいましたのでご報告まで。どうやらかしたかというと、確認用サイトとこのブログを間違えてしまいWordpress 3.5にアップグ
-
-
「続きを読む」(moreタグ)をカスタマイズ
WordPressではほとんどのテーマでは、複数の投稿を表示するアーカイブページ(カテゴリー別、タグ別、年月日別、作成者別など)ではmoreタグ(<!--more-->)を挿入することで、
- PREV
- 「カテゴリー」ウィジェット カスタマイズ
- NEXT
- メール送信(qdmail)
Comment
@KanoTetsuyaJP つhttps://t.co/VaGEKnpvgY
WordPress: 「タグクラウド」ウィジェット カスタマイズ | Think deeply, Do ... http://dlvr.it/37hdXf