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

タグクラウドは、管理画面ではあまりカスタマイズできません。必要であれば、フィルターフックやプラグインを用いて表示設定や概観の変更を行うことができます。

目次

  • 出力をカスタマイズ
  • 各タグの投稿数を表示できるプラグイン「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;
}
タグのIDの確認方法

  • 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.
  • このエントリーをはてなブックマークに追加

関連記事

ie.cssの子テーマ化など Twenty Twelve 1.1での変更点

TwentyTwelveが1.0から1.1にアップデートされたので、勉強もかねていくつか変更点を洗ってみました。 ie.cssを外出し pubdateの削除 rel="generator"

no image

投稿タイトル(entry-title)を非表示にする

表題通り「投稿タイトルを表示しない」ことは、"投稿ページ"ではあまりないと思いますが、"固定ページ"では意外とあったりします。 編集画面でTitleを入力しないでおけば、それで済むのですが、ペー

no image

アップグレードで「更新を展開しています... 」のままになった場合の対処のひとつ

久々に出会ったような気がするのでメモです。 ローカルのテスト環境でWordPressを3.7から3.8にアップグレードしようとしたところ、「更新を展開しています... 」で止まってしまい更新処理がす

no image

アイキャッチにマウスオーバーすると投稿タイトルを表示

WordPressのフォーラムから定期的に流入があるため、対応をいくつか探ってみました。トピックは、「サムネイルにマウスオーバーするとタイトルが表示されるようにしたい」 ちなみに、投稿内のキャプ

「All in One SEO Pack」を代替するための準備

「All in One SEO Pack」は、SEO対策に必要な基本的な設定を行ってくれるプラグインです。とある事情で、無効化することになったので代替を行いました。特に問題があるわけではなく、特殊なこ

Twenty Fifteen カスタマイズ

WordPress 4.1のデフォルトテーマである「Twenty Fifteen」は三世代前の「Twenty Twelve」に似たテーマで非常にシンプルなテーマにまとまっていますね。カスタマイズをまと

ポップアップが実装できるプラグイン「Anything popup」「Easy Modal」

ポップアップ 「Anything Popup」 「Anything popup」は、ページにポップアップが実装できるWordPressプラグインです。ポップアップ要素を投稿ページと同様に作成できるた

Twenty Fourteen カスタマイズ

「Twenty Fourteen」はWordPress 3.8のデフォルトテーマです。TwentyThirteenから彩りもガラッとかわってますね。個人的には、すごく好きなデザイン。 Twent

Twenty Fifteen テーマ用フォント "Noto" / "Inconsolata"の使用を止

TwentyFifteenでは、テーマ用のフォントとして「Noto」と「Inconsolata」というフォントをGoogleフォントから引っ張ってきて使用されるようです。 ちなみにどのようなフォント

ツールチップ実装プラグイン「WordPress Tooltip」

「WordPress Tooltip」は、WordPressにツールチップを実装できるプラグインです。jQueryプラグイン「TipTip」を組み込んでいます。プラグインページの対応バージョンは古めで

Comment

Message

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

*

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

    PAGE TOP ↑