WordPress個別サポート

タグクラウドを表示する最も簡単な方法はウィジェットを使う方法です。

タグクラウドの表示

タグクラウドの表示

この方法では、タグクラウドは単純に1列で表示されます。

表示されたタグクラウド

表示されたタグクラウド

スポンサーリンク

WordPressテーマ「LOTUS (TCD039)」

wp_tag_cloud関数によるタグクラウドの表示

もう少し柔軟にタグクラウドの表示フォーマットを変更したい場合、wp_tag_cloud関数が役立ちます。

テンプレート(例:sidebar.php)に次のように1行記述すれば、タグクラウドが表示されます。

<?php wp_tag_cloud(); ?>
表示されたタグクラウド

表示されたタグクラウド

タグクラウドの表示フォーマットの変更

wp_tag_cloud関数にパラメータを指定して、表示するタグクラウドのフォントサイズやフォーマットを変更することができます。次の例では、最初のフォントサイズを14に、表示形式をリスト形式に設定しています。

<?php wp_tag_cloud('smallest=14&format=list'); ?>
表示されたタグクラウド

表示されたタグクラウド

wp_tag_cloud関数のパラメータについて詳しくはマニュアルを参照してください。

○WordPressマニュアル
wp_tag_cloud関数

表示内容を配列に取得してタグクラウドを表示

wp_tag_cloud関数のパラメータで「format=array」を指定すると、表示内容を配列に格納することができます。配列を処理するPHPの構文を使えば、1行に3つずつ表示したり、個別のタグの前後に文字列を付加するなど、柔軟な形式でタグクラウドを表示することができます。

<?php
$ar_tags = wp_tag_cloud('format=array&smallest=14');
$cnt = 0;
foreach ($ar_tags as $tag) {
    echo "{$tag}  ";
    if ($cnt % 3 == 2) {echo "<br />";}
    $cnt++;
}
?>
表示されたタグクラウド

表示されたタグクラウド

この記事をSNSで共有する
WordPressでお困りのときはご相談を
この記事を書いた西沢直木が直接、WordPress個別サポートで対応します。
こんなときはご相談を
  • WordPressの使い方(ページやメニューの作り方を教えてほしい)
  • カスタマイズ(機能の追加やデザイン調整をお願いしたい)
  • トラブル対応(画面真っ白・「ログインできない」を解決したい)
マンツーマンなので相談内容は自由です。いただいた課題をその場で解決、CSSやPHPも目の前で修正します。気軽にご相談ください。
WordPress講座の問い合わせ先

関連記事

BizVektorのカスタマイズ

WordPressによるサイト作成のヒント

WordPressプラグイン

スポンサーリンク
西沢直木によるWordPress講座の紹介
ホームページ作成講座WordPress個別サポート