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

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

目次

  • 出力をカスタマイズ
  • 各タグの投稿数を表示できるプラグイン「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.
  • このエントリーをはてなブックマークに追加

関連記事

Google Code Prettifyを使用してソースコードを表示をしてくれる「Prettify Code Syntax」

Prettify Code Syntaxは、WordPressでGoogle Code Prettifyを使用してソースコードを表示してくれるプラグインです。 プラグインダウンロード Google

Twenty Thirteen ナビゲーションメニューを固定

ナビゲーションメニューを固定にしてみました。下方にスクロールしても最上部に固定されるやつです。 スクリプト 以下のjsファイルを用意して下さい。 nav要素のidは、ソースもしくはheade

no image

ソーシャルボタン設置 プラグイン

各種メジャーなソーシャルメディアボタンを設置できるプラグイン WP Social Bookmarking Light 国産プラグイン。国産ゆえ、はてなボタンの設置も可能 ダウンロード Twe

no image

Pocketボタンの設置

日本のブログでは、4大SNS(Twitter, はてな, Facebook, Google+)に加えて最近では、Pocket(以前は、Read it later)もよく見かけますよね。追加してみました

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

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

no image

テーマ ブックマーク 2014

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

Twenty Twelve "Open Sans"の使用を止

「Twenty Twelve」では、"スペシャルフォント"ということで「Open sans」を特別にロードしているようです。今のところ使うつもりがないのでリンクしないようにしました(必要になれば戻せば

コメント欄停止・コメント削除

WordPressでは標準でコメント機能が付いてきます。この投稿ではコメント機能の停止や既に投稿されたコメントを削除する方法を紹介します。 設定による停止方法 新規の投稿に関してコメントを停止

ナビゲーションメニューに検索フォームを追加

メニュー内に検索フォームを追加したいという問い合わせをいただいたので試してみました。 メニューのつくられかた まずは、WordPressでメニューがつくられる手順を説明します。 箱をつく

翻訳ファイルの子テーマ化

子テーマでfunctions.phpなどを変更していくと翻訳すべき項目にぶつかっていくと思います。例を挙げると_()の部分で、Wordpressが翻訳を行ってくれる部分です。 個人的には、日本語

Comment

Message

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

*

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

    PAGE TOP ↑