Joomla!,Wordpressでサイトを構築するためのヒント

Joomla!,Wordpressでサイトを構築するためのヒント

購読(RSS)

Wordpressでタグクラウドを表示する

公開日| 2009年12月21日 | 2 のコメントがあります。

WordPressでタグクラウドを表示するのは、簡単です。
例えば、テーマ(テンプレート)の中に、以下のようなコードを埋め込むだけです。

<?php wp_tag_cloud('largest=18&orderby=count&order=desc'); ?>

つまり、Wordpressでは、標準タグ(WordpressのAPI)で用意されていて、それを使うだけです。

wp_tag_cloudのパラメータは、以下のとおりです。

smallest

整数) 最少使用数のタグの表示に使うフォントサイズ。初期値は 8。
largest
整数) 最多使用数のタグの表示に使うフォントサイズ。初期値は 22。
unit
文字列smallest,largest の値の単位。pt, px, em, % 等、CSS でフォントサイズに用いる単位を指定可能。初期値は point の pt

number
整数) クラウドに表示するタグ数。初期値は 45。'0' を指定すると全タグを表示。
format
文字列) クラウド表示のフォーマット

  • 'flat' (初期値) タグをホワイトスペースで区切る
  • 'list' タグを class='wp-tag-cloud' 付きの ul(番号なし箇条書き)内に表示
  • 'array' タグを配列に格納し、タグクラウドデータを PHP で扱えるように配列のまま返す。注: 配列の取得(表示ではなく)は WordPress 2.5 以上で使えます。
orderby
文字列) タグの表示順とする項目。有効値:

  • 'name' – タグ名(初期値)
  • 'count' – 使用数
order
文字列) ソート順。有効値(大文字):

  • 'ASC' – 昇順(初期値)
  • 'DESC' – 降順
  • 'RAND' – ランダム(WordPress 2.5 以上で指定可能)
exclude
文字列) 除外するタグの term_id をカンマ区切りで指定。例えば、'exclude=5,27' とすれば term_id が 5 と 27 のタグは表示されない。デフォルトでは除外なし。

include
文字列) 表示対象とするタグの term_id をカンマ区切りで指定。例えば、'include=5,27' とすれば term_id が 5 または 27 のタグのみを表示。デフォルトでは全てのタグが対象。
link

(文字列) 特定のタグを編集できるようリンクを設定
注: このパラメータは WordPress 2.7 にて導入

  • 'view'(初期値)
  • 'edit'
taxonomy
(文字列) クラウドの生成に使われるタクソノミー。
注: このパラメータは WordPress 2.8 にて導入

  • 'post_tag' -(初期値)クラウドのソースとして投稿タグを使う
  • 'category' – クラウドのソースとして投稿カテゴリーを使う
  • 'link_category' – クラウドのソースとしてリンクカテゴリーを使う
echo
(真偽値) 結果を出力するか、変数として保存するかを決定する。初期値は true(タグクラウドを表示)。
注: このパラメータは WordPress 2.8 にて導入

  • 1 (true) -(初期値)
  • 0 (false)

<?php wp_tag_cloud('largest=18&orderby=count&order=desc'); ?>

先の例で記述したコードは、以下のような設定になっています。

  • 最多使用数のタグの表示に使うフォントサイズ : 18px
  • ソート: 使用数でソート
  • 表示順: 多い順

Wordpressって、よくできてますね。( :D )
普通、CMSでは、この種のものを実現するために、プラグインなどを追加設定してあげないといけないことが多くありますが、Wordpressでは、標準ですからね。( :o )

タグクラウドは、単純に記事の中にタグ(単語)がどれだけ含まれているかを視覚的に表示するものです。
これは、SEO対策としてもある程度の効果があるとされています。(昔はです。今は、効果のほどは、よくわかりませんね。)

実際、読者がパッと見たときに、何について書かれたものかを視覚的に通知するものとしては、面白いとは思います。
ただ、これって、投稿タグをしっかり記述していかないと意味がありません。

記事編集の画面の右側に表示されている”投稿のタグ”をしっかり記述しましょう。
tag_0


ブックマークへ追加: はてなブックマークへ追加するdel.icio.usLivedoor ClipYahoo!FC2Nifty ClipPOOKMARK. AirlinesBuzzurl(バザール)Choixnewsing

Trackback URL

このコメントは管理人から承認された後、表示されます。


コメント

2 Responses to “WordPressでタグクラウドを表示する”

  1. Tweets that mention Wordpressでタグクラウドを表示する | Joomla!,Wordpressでサイトを構築するためのヒント — Topsy.com
    2010年05月15日 @ %H:%M

    [...] This post was mentioned on Twitter by Hidenori Funaki. Hidenori Funaki said: メモです。Wordpressでタグクラウドを表示する。http://blog.off-soft.net/wordpress/tag_cloud.html [...]

  2. ウィジェットなしでタグクラウドを表示させる | ゆる?くWebのこと
    2011年08月11日 @ %H:%M

    [...] タグクラウド です。表示は wp_tag_cloud() を使います。   WordPressでタグクラウドを表示する – BLOG OFF SOFT.com   上記リンクを参考に、下記のコードは [...]

コメントをどうぞ





*