タグクラウドの項目ソートと文字サイズの変更(seesaaブログ)

カテゴリー別今日の人気ランキング

はじめに

seesaaブログのタグクラウドは、タグの文字が大きすぎたり、多すぎたりして、レイアウトに合わない場合があります。

標準では、文字コード順にタグが並び、タグの登録記事数に応じて文字の大きさが変更されるようになっています。これを登録記事の多い順に並べ替えて、かつ登録記事数をカッコ書きで表示します。

また、文字サイズは、Seesaaの内部で計算して指定しているため、文字サイズの変更が効きませんが、この内部関数にパラメータを与えてやれば、文字サイズを簡単に変更することができるので、その方法を紹介します。

  • 下記手順で、実際にタグクラウドの項目ソートと文字サイズの変更を行ったブログ
    趣味の園芸と四季の花

変更手順

以下の手順で変更方法を説明していきます。

【変更前(デフォルト)】→seesaatag3.gif 【登録記事数追加】→seesaatag4.gif 【記事数の多い順に並べ替え】→seesaatag5.gif
【文字サイズの変更】→seesaatag6.gif 【単語の途中で改行しない】seesaatag7.gif  

変更方法

  1. 「デザイン」→「PC」→「コンテンツ」→ブログパーツの「タグクラウド」をクリックします。
  2. 「コンテンツHTML編集」をクリックしてソースを表示します。
  3. ソースコード(デフォルト)は次のようになっています。

登録記事数追加

ソースコード6行目の記述の中に、下段のように赤字部分を追加して、保存します。

<% loop:list_tags -%><a href=”<% blog.tag_url(tag) %>” class=”_tag” title=”<% tag.word | html %>/<% count %>”><% tag.word | html %>(<% count %>)</a> <% /loop -%>

記事数の多い順に並べ替え(ソート)

ソースコード9行目と10行目の間に、下記のソースコードを挿入します。

<script type=”text/javascript” language=”javascript”><!–
tag_cloud(“tag_cloud_<% content.id %>”);
 < ここに下記ソースコードを挿入 >
–></script>

各タグの記事数は、「aタグ」の中の「title属性」に「title=”タグ名/記事数”」の形式で埋め込まれているので、title属性を「split(‘/’)関数」で分割して抽出し、ソートします。

文字サイズの変更

  1. タグクラウドのブログパーツで使われている seesaa内部関数 tag_cloud()は、tag_cloud ( id, レベル, 最小文字サイズ ) と文字サイズ計算に係るパラメーターが指定できるようになっています。
  2. 「レベル」は、文字サイズを計算する際の、最大文字サイズのリミッターのようなもので、値が小さいほど最大文字が小さくなり、指定しないと「15」が設定されます。

    「最小文字サイズ」は、最小の文字の大きさ(px値)で、これ以下には小さくなりません。指定しないと「11」が設定されます。

    この内部関数のパラメーターを利用して、文字の大きさを変更します。

ソースコード9行目の「tag_cloud(“tag_cloud_<% content.id %>”);」に、下記のようにパラメーターを追加して、保存します。

tag_cloud(“tag_cloud_<% content.id %>”);
  ↓
tag_cloud(“tag_cloud_<% content.id %>”,5,10);

単語の途中で改行しないように変更

ソースコード6行目の中に、赤字部分を追加して、保存します。

<% loop:list_tags -%><a href=”<% blog.tag_url(tag) %>” class=”_tag” title=”<% tag.word | html %>/<% count %>”><nobr><% tag.word | html %>(<% count %>)</nobr></a> <% /loop -%>

スポンサーリンク
wp_レクタングル (大)
wp_レクタングル (大)
☆最後までお読みいただきましてありがとうございます。
☆この記事がお役に立ちましたらシェア・フォローしていただけると嬉しいです!

シェアする

フォローする

スポンサーリンク