これは、アーカイブ表示に準じてそうしたのですが数が増えてくると縦表示は見辛いですね。もっとも、スタイルシートの制御で横に並べることは出来ますが、タグクラウドの特徴のひとつである「エントリー数に応じて文字の大きさを制御する」というところまではしていませんで(PHPプログラムのmodules/tags.inc.phpの方で)。
なので、modules/tags.inc.phpをタグクラウド表示に見合うように修正しました。適切にスタイルシートを設定すると以下のような表示になります。このショットはこのサイトでの例なのですが、タグ数が少ないのであまり雲って感じではないんですが、増えてくると見栄えも違ってくるでしょう。これよりもうちょいタグ数が多い、個人ブログの方はこんな感じ です。ちなみに、テーマ「ベーシック」での、この部分の表示は以下のようにしています。参考になれば。クラス名などは従来通りです。
/*---------------------------[ タグ 一覧表示用 ]----------------------*/ div.tags-list { width: 450px; margin: 30px auto; background: url(Images/clouds96.png) right top no-repeat; } div.tags-list ul { list-style: none; margin-top: 60px; } div.tags-list ul li{ margin: 0 6px 3px 6px; white-space: nowrap; /* 日本語ワードの改行を適切にするための指定 */ display: inline; text-align: center; zoom: 1; } div.tags-list h3 { margin: 2em auto; color: navy; }
これに対応したmodules/tags.inc.phpを添付しておきます。
あ、追記ですが、この添付ファイルの最初の方に、
$minFontSize = 13; // 最小文字サイズ(ピクセル) $maxFontSize = 36; // 最大文字サイズ(ピクセル)
という2行があります。これはタグ表示の文字サイズを制御するためのものです。エントリー数に応じて、タグの文字が大きくなっていきますが、際限なく大きくなっても困るので、上限を設けています。ピクセル指定です。適宜、調整して下さい。
添付ファイル: tags.inc.php
1. ぷらむ — 2009/12/24@11:31:37