Wordpressでタグクラウドを表示する
公開日| 2009年12月21日 | 2 のコメントがあります。
WordPressでタグクラウドを表示するのは、簡単です。
例えば、テーマ(テンプレート)の中に、以下のようなコードを埋め込むだけです。
|
つまり、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)
|
先の例で記述したコードは、以下のような設定になっています。
- 最多使用数のタグの表示に使うフォントサイズ : 18px
- ソート: 使用数でソート
- 表示順: 多い順
Wordpressって、よくできてますね。()
普通、CMSでは、この種のものを実現するために、プラグインなどを追加設定してあげないといけないことが多くありますが、Wordpressでは、標準ですからね。()
この記事を読んだ人は、こんな記事も読んでいます。:
コメント
2 Responses to “WordPressでタグクラウドを表示する”
コメントをどうぞ
2010年05月15日 @ 15:17:04
[…] This post was mentioned on Twitter by Hidenori Funaki. Hidenori Funaki said: メモです。Wordpressでタグクラウドを表示する。http://blog.off-soft.net/wordpress/tag_cloud.html […]
2011年08月11日 @ 18:01:56
[…] タグクラウド です。表示は wp_tag_cloud() を使います。 WordPressでタグクラウドを表示する – BLOG OFF SOFT.com 上記リンクを参考に、下記のコードは […]