WEBデザイン.net｜タグクラウドを設置
MovableTypeは記事にタグをつけることができるので、私のサイトにもタグクラウドを設置してみました。タグの利用頻度に応じて、文字のサイズや色を変化させ、コンテンツを利用者に視覚的に理解してもらうことができます。タグクラウドを知らない方のために、はてなブックマークのタグクラウドの例を掲載してみました。 タグクラウドは文字のサイズ、色の濃淡があることで視覚的な理解を早めることができますね。 私のタグクラウドは、タグの使用回数に応じて文字サイズとフォントカラーを変えるようにしています。相対的にランク（６段階）決めを行い、それぞれのランクにCSSを指定して表示しています。 文字サイズは相対的に表示し、低いランクは薄いカラーリングを使い、高いランクには濃いカラーリングと font-weightにboldを加えました。 MT向けのタグクラウドソース <MTTags> <MTSetVarBloc
法則73 美しいタグクラウドを作成する｜サンプル紹介｜【公式サポートサイト】Movable Type 4.x 本格的CMSサイトを構築するためのMTスーパーテクニック クリエイターが身につけておくべき新・100の法則。
タグのレベルを設定するテンプレートソース <ul> <MTTags> <li class="tagLebel<$MTTagRank max="6"$>"> <a href="<$MTTagSearchLink$>" title="<$MTTagName$>"> <$MTTagName$></a></li> </MTTags> </ul> 文字のサイズに強弱を付けるCSSソース ul li.tagLebel1 { font-size: 200%; } ul li.tagLebel2 { font-size: 180%; } ul li.tagLebel3 { font-size: 160%; } ul li.tagLebel4 { font-size: 140%; } ul li.tagLebel5 { font-size: 120%; } ul li.tagLebel6 { font-si
Tag Cloudのスタイル - 3ping.org
タグクラウドの必要性についての是非はここでは置いておいて、このアイテムのデザインって色々考えさせられますね。 Vicuna CMSでも真面目に対応しようと重いケツを上げましたので、とりあえずサンプルとなるCSSスタイルを色々と書いてみました。 表示例とCSSファイルを置いておきましたので、気に入った表示があったらどうぞ使って下さい。 2007.10/21 追記・編集 Tag Cloud 10,11,12で.level5のフォントサイズが.level4と同じになってたのを修正 応用編としてTag Cloud 13を追加 単純に該当する記事が多いタグが他より目立てばいいだけなので、大抵のスタイルは大小の区別で表示しているけど、それだけじゃちょっと味気ない気もするので サイズ 色 明暗 彩度 色彩 形 というところでタグの強弱をより強調してみました。 HTMLは以下のような要素とクラス名で作って
MovableTypeにタグクラウド(SEO対策済み)を設置する
MovableTypeにタグクラウド(SEO対策済み)を設置する ブログのリニューアルをおこなったのですが、ついでにタグクラウドを設置してみました。(右メニューの一番下に設置してます。) 普通に設置しても面白くないので、SEOをふまえたタグクラウドにしてます。 タグクラウドを設置する利点 blogのエントリーを通常のカテゴリーとは別に、汎用性のある分類を行うことができます。 例えば、最近このblogでは『Twitter』に関する話題を取り扱うことが多いのですが、カテゴリーを作るほどではありません。 そんな場合『Twitter』のタグを設定しておけば、『Twitter』に関するエントリーの一覧を作ることができます。 参考：Twitterのタグページ また、SEO上も有効で、タグでキーワードを設定すれば、そのキーワードの専門ページが1ページ作成されることになります。 基本的な設置方法 テンプレ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://bizcaz.com/archives/2008/01/28-011535.php
http://bizcaz.com/archives/2006/12/01-104554.php
http://bizcaz.com/archives/2006/09/03-000712.php