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

タグクラウドは、管理画面ではあまりカスタマイズできません。必要であれば、フィルターフックやプラグインを用いて表示設定や概観の変更を行うことができます。
目次
- 出力をカスタマイズ
- 各タグの投稿数を表示できるプラグイン「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 Twelve カスタマイズ
何点かTwentyTwelveのカスタマイズについてご質問をいただきましたのでここでまとめてみます。 目次 子テーマのつくりかた 他記事へのリンク アーカイブタイトル("カテゴリー別アーカ
-
-
テーマ ブックマーク 2014
有料 技術系・ガジェットサイトテーマ 30 Blog & Magazine Style WordPress Themes for Tech & Gadget Sites
-
-
コメントフォーム・リストのカスタマイズ
コメント投稿部分は、基本的にはどのテーマでも同じフォームを出力してテーマのstyle.cssで外観を変えています。コメントフォーム欄をカスタマイズするには、プラグインもしくはフックを用いてカスタマイズ
-
-
折りたたみ要素やタブなどをショートコードで実装できるプラグイン「Arconix Shortcodes」
「Arconix Shortcodes」は、投稿内にショートコードでいろいろな要素を実装できるプラグインです。ダウンロードはこちらからできます。ダウンロード・解凍してpluginsディレクトリにアップ
-
-
「固定ページ」ウィジェット カスタマイズ
「固定ページ」ウィジェットは、そのままではありますが、固定ページの一覧をウィジェットに表示してくれます。 カスタマイズは、管理画面よりいくつかできるようです。 目次 特定の(固定)ページ
-
-
パーマリンク・スラッグなどURL カスタマイズ
管理画面からの設定 管理画面の「設定」→「パーマリンク設定」で以下の設定が可能です。 共通設定 色々なタグの組み合わせで、URLをカスタマイズできます。 パーマリンク設定の画面に利用可
-
-
「カテゴリー」ウィジェット カスタマイズ
「カテゴリー」ウィジェットは、管理画面ではあまりカスタマイズできません。必要であれば、フックやプラグインを用いて表示設定などの変更を行うことができます。 目次 「カテゴリー」ウィジェットの追加
-
-
Pocketボタンの設置
日本のブログでは、4大SNS(Twitter, はてな, Facebook, Google+)に加えて最近では、Pocket(以前は、Read it later)もよく見かけますよね。追加してみました
-
-
「All in One SEO Pack」を代替するための準備
「All in One SEO Pack」は、SEO対策に必要な基本的な設定を行ってくれるプラグインです。とある事情で、無効化することになったので代替を行いました。特に問題があるわけではなく、特殊なこ
-
-
投稿記事から「(ログイン)ユーザー名」がバレるのを防ぐ
ここ最近、アカウント乗っ取りやセキュリティ事故関連のニュースが相次いでいますが、WordPressで制作されたサイトも標的に会っているようです。一般的な手法としては「ブルートフォースアタック」という手
- PREV
- 「カテゴリー」ウィジェット カスタマイズ
- NEXT
- メール送信(qdmail)
Comment
@KanoTetsuyaJP つhttps://t.co/VaGEKnpvgY
WordPress: 「タグクラウド」ウィジェット カスタマイズ | Think deeply, Do ... http://dlvr.it/37hdXf