web2.0的ラボTopブログパーツ開発自作プログラム
カテゴリークラウド(Category&cloud)

Posted at 07/01/06 Comment(0)» Trackback(0)» ブログパーツ開発»

powerd by 楽市アド360

先日紹介した「ツリークラウド(Tree&cloud)」ですが、タグクラウド好きの方もいるかなと思い、ツリー表示をなくしたものも作ってみました。

c_cloud.jpg

現在、当サイトのトップページ以外のページでテスト中です。

アフィリエイト
レビューブロガーを目指せ

うーん。意外とこっちでも良いかも♪


+++カテゴリクラウドの作り方(Movabletypeのみです)+++

1)プラグイン:CatLevel(私の自作です)をダウンロードし、MTをインストールしてあるサーバーのフォルダ 「/mtフォルダ/plugins/」 にアップロードします。

2)Tree&Cloudを表示させたい場所に、下記コードをコピーします。

<MTIfArchiveTypeEnabled archive_type="Category">
<div class="side-out"><div class="side-in">
<div class="side-title"><p>記事カテゴリ</p></div>
<div class="side-body">
<MTTopLevelCategories>
<MTIfNonZero tag="MTCategoryCount">
<a class="tag_<$MTCatLevel restrict="1" $>" href="<$MTCategoryArchiveLink$>"><MTCategoryLabel pmhc="" ></a><font color="#777777">(<$MTCategoryCount$>)</font>
<MTElse>
<font color="#777777"><MTCategoryLabel pmhc="" >(<$MTCategoryCount$>)</font></MTElse>
</MTIfNonZero>
<MTSubCatsRecurse>
</MTTopLevelCategories>

3)スタイルシートに次の記述を追加します。

.tag_1 {text-decoration:none;font-size: 110%;color: #aaaaaa;}
.tag_2 {text-decoration:none;font-size: 110%;color: #555555;}
.tag_3 {text-decoration:none;font-size: 135%;color: #555555;}
.tag_4 {text-decoration:none;font-size: 145%;color: #555555;}
.tag_5 {text-decoration:none;font-size: 160%;color: #000000;}
.tag_6 {text-decoration:none;font-size: 175%;color: #000000;font-weight:bold}

※<$MTCatLevel restrict="1" $>が、各カテゴリのエントリー数に応じたレベルを表示し、スタイルを呼び出します。

デフォルトではエントリー数が12件以上だと、最大レベルになります。もっと数を大きくしたければ、<$MTCatLevel restrict="1" $>の中のアトリビュートの設定「restrict="1"」を例えば「restrict="2"」にすれば、最大レベルが12×2=24件となり、他のレベルも調整されます。


4)再構築すれば、終了です。



  RSS2.0  Atom 
RSSリーダーに登録すれば、更新がすぐにわかります。
次の記事 » Web2.0的仕事術
前の記事 » まとめも

"カテゴリークラウド(Category&cloud)"へのトラックバック
トラックバック先URL

※当サイトへのトラックバックは、当サイト内ページへのリンクがないと、受け付けない仕様になっています
"カテゴリークラウド(Category&cloud)"へコメントを投稿
次のようなコメントは、基本的に掲載しかねますので、ご了承ください。

・「応援してます!応援ポチ☆」のような、返答しようがないコメント。私は「応援ポチ」という言葉が嫌いです。「応援ポチ」もしくはそれに順じた言葉が書き込まれたコメントは無視させて頂きます。
・当記事と全く関係ない話題、サイトの売り込みなど。宣伝色を少しでも感じたものは削除します。
・相互リンク依頼のコメント(専用ページから申し込みください)
ブログバーツに関する質問掲示板に書き込んでください)
・その他、管理人が不適切だと感じたコメント

上の情報を保存する場合はチェック

about me


今からリンクシェア見本市に出かけます。 10hours ago

かん吉2.0
ウェブサイト作成・運営を生業としています
技術ネタを粛々と紹介してます

公開しているサービス

※日常のネタは親ブログのわかったブログ
運営ブログの新着記事を全て読めます

フィード
my bookstand
powerd by Amazon360
関連サイト: アフィリエイトゴールMovabletypeマニュアル?