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

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

Joomla!,WordpressなどCMSを使ったサイト構築、サイト管理からソフトウェアの使用方法、開発環境までのヒントを記述します。

このサイトを RSS で購読

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

公開日| 2009年12月21日(Mon) | コメントはありません。

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



Wordpress関連読本人気ランキング(Amazon.co.jp調べ)

一度、本を読まれるのも良いかもしれません。
ウェブだけでは、分かりにくいことも、本で知識を補えることもあります。
Wordpressを自在に使いこなせば、簡単にプロのようなウェブサイトを構築できるようになります。

WordPress 2.7対応「導入&カスタマイズ」実践ガイド―個人ブログも企業サイトも簡単&無料で構築できる!
WordPress 2.7対応「導入&カスタマイズ」実践ガイド―個人ブログも企業サイトも簡単&無料で構築できる!
PHPによるWordPressカスタマイズブック―2.8対応 テンプレートの改造からプラグインの作成まで
PHPによるWordPressカスタマイズブック―2.8対応 テンプレートの改造からプラグインの作成まで
WordPressレッスンブック 2.8対応―ステップバイステップ形式でマスターできる
WordPressレッスンブック 2.8対応―ステップバイステップ形式でマスターできる
WordPress逆引きデザイン事典[2.X対応]
WordPress逆引きデザイン事典[2.X対応]
基本からしっかりわかる WordPress 2.7 カスタマイズブック (Web Designing BOOKS)
基本からしっかりわかる WordPress 2.7 カスタマイズブック (Web Designing BOOKS)
お気に入りに追加(BookMark): はてなdel.icio.usLivedoor ClipYahoo!FC2Nifty ClipPOOKMARK. AirlinesBuzzurl(バザール)Choixnewsing

Trackback URL

管理者の承認後に表示します。


コメント

コメントする