Tumblrのタグをリスト表示orタグクラウド表示する
- Tumblr Tag Clouds参照、コードをコピペ
<!-- Start Tumblr Tag Cloud -->
<script type="text/javascript" src="http://tumblrtags.rivers.pro/jquery.js"></script><script type="text/javascript" src="http://tumblrtags.rivers.pro/widget.js?css=custom&minsize=120&maxsize=280&limit=none&order=frequency"></script>
<!-- End Tumblr Tag Cloud -->
上記を任意の場所にペースト。
↓各パラメータの設定。必要に応じて追加or削除する。詳しくは上記ページ参照。The code to the left can take these optional parameters:
1. css=default (or flickr, custom)
2. minsize=120 (or any integer)
3. maxsize=280 (or any integer)
4. limit=none (or any integer)
5. order=none (or frequency, alphabetical)
6. math=log (or linear)
The defaults in bold can be changed to customize your tag cloud. The first option can be set to:
* default: includes minimal styling, leaving most of it to your theme's CSS (example)
* flickr: styles the cloud like Flickr's tag clouds (because they are pretty)
* custom: no styles whatsoever will be applied and you'll have to provide your own, either in custom CSS or your theme. (If you're writing your own CSS, the cloud's wrapper div id is tag_cloud and that of the unordered list of tags is tag_list.) - cssをcustomで使う場合、"tag_cloud"(クラウド表示用)、または "tag_list"(リスト表示用)のidでCSSを自由に設定。
自分の場合#tag_cloud{
line-height: 220%;
/**margin-left: -40px;
width:210px;**/
}
#tag_list{
line-height: 220%;
list-style-type: disk;
}
その他:
リスト表示のみだがこちらも便利。
Tumblr Tag Cloud Maker
前述の「Tumblr Tag Clouds」が、全ポストを巡回してタグを調査→表示というプロセスなのに対し、タグに関する情報を保存してそこからタグクラウドを書き出すとのことで、一度表示させてしまえば表示がかなり高速になる。
(ただ、削除したタグもそのまま表示されてしまう点に注意。)
確かに「Tumblr Tag Clouds」は一度表示するまで割と待たされたが、mathを設定しなければ割とサクサク表示してくれたので、どちらを使うかはご自身の環境とお好みで。
0 *:
コメントを投稿