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

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

目次

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

  • このエントリーをはてなブックマークに追加

関連記事

Twenty Eleven カスタマイズ

目次 author-info 消す 作成者(投稿者)を消す 投稿者情報を表示しない proudly powered by wordpressのリンクをコピーライトに変更

ブルー・オレンジ・ピンクと選べるテーマ「Bouquet」をカスタマイズ

プレビューはこちら ダウンロード 目次 ヘッダー画像の高さを変更 アイキャッチをアップロード h1タグがやたら多いので最適化 画像をレスポンシブ対応 フォント「Sorts Mill

多言語化プラグイン「qTranslate」

ブログを多言語化しようと思い、プラグイン「qTranslate」を導入してみました。 General Settingsで使用する言語を選択する ★使用する言語を選択 管理画面「設定」⇒「Lang

no image

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

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

「最近のコメント」ウィジェットをカスタマイズ

「最近のコメント」ウィジェットは、サイトに投稿されたコメントを新しい日付順に表示してくれます。件数も「ウィジェット」ページで設定できます。(管理画面の「外観」→「ウィジェット」) (削除

no image

テーマ ブックマーク 2014

有料 技術系・ガジェットサイトテーマ 30 Blog & Magazine Style WordPress Themes for Tech & Gadget Sites

head内に出力される要素を整理

Wordpressを使用していくうちに、head内がカオスな状態になっていくきますよね。そこで、そういう状態になったものをスッキリさせていこうという試みをやっていこうと思います。 削除方法 取り急

「カレンダー」ウィジェット カスタマイズ・プラグイン

目次 カレンダー移動をajax遷移させるようにする 営業日・休業日を色分けして表示 ページやウィジェットにgoogleカレンダーを追加 カレンダーウィジェットをajax遷移させるよ

Lightbox (画像ポップアップ) プラグイン

WordPressで使用できるLightbox(画像ポップアップ)プラグインのまとめ ひとまずインストール・有効化するだけで使用可能です。(3.7/3.8/3.9) blueimp lig

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

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

Comment

Message

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

*

PAGE TOP ↑