F.Ko-Jiの「一秒後は未来」


Warning: Undefined array key 0 in /home/fkoji/fkoji.com/public_html/blog.fkoji.com/wp-content/themes/fkoji/breadcrumb.php on line 23

Warning: Attempt to read property "category_parent" on null in /home/fkoji/fkoji.com/public_html/blog.fkoji.com/wp-content/themes/fkoji/breadcrumb.php on line 26

Warning: Attempt to read property "slug" on null in /home/fkoji/fkoji.com/public_html/blog.fkoji.com/wp-content/themes/fkoji/breadcrumb.php on line 43

Warning: Attempt to read property "name" on null in /home/fkoji/fkoji.com/public_html/blog.fkoji.com/wp-content/themes/fkoji/breadcrumb.php on line 44

カテゴリ一覧をタグクラウドに

cloud.jpg

このブログのサイドバーに掲載しているカテゴリ一覧を、PHPでタグクラウドにしてみました。aタグにstyle属性をつけてfont-sizeの値を、MTの<$MTCategoryCount$>タグの値(カテゴリ内の記事数)を元に決めます。

記事数をそのままfont-sizeのピクセル値にすれば簡単ですが、そのままだと小さすぎたり大きすぎたりします。そこで今回は最小値を11px、つまり記事数が11以下なら同じ大きさにして、それ以上の記事数なら記事数を1.2で割った値をピクセル値にしてみました。

また、リンクの下線を表示しないようにするために、カテゴリ一覧部分のclassについてa:linkとa:visitedにtext-decoration: none;を指定しています。

未分類

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

著者について

fkoji

F.Ko-Ji

Webエンジニアやってます。最近は ドットインストール の開発がお仕事です。その傍ら、個人で Meity電車遅延なう梅酒.in#グラドル自画撮り部 の部室といったネットサービスを開発・運営してます。梅酒と草野球とリアル脱出ゲームが好きです。

» 詳しいプロフィールや運営サービスの一覧など