1. 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 -->

    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.)

  2. cssをcustomで使う場合、"tag_cloud"(クラウド表示用)、または "tag_list"(リスト表示用)のidでCSSを自由に設定。
    line-height: 220%;
    /**margin-left: -40px;

    line-height: 220%;
    list-style-type: disk;

Tumblr Tag Cloud Maker

前述の「Tumblr Tag Clouds」が、全ポストを巡回してタグを調査→表示というプロセスなのに対し、タグに関する情報を保存してそこからタグクラウドを書き出すとのことで、一度表示させてしまえば表示がかなり高速になる。

確かに「Tumblr Tag Clouds」は一度表示するまで割と待たされたが、mathを設定しなければ割とサクサク表示してくれたので、どちらを使うかはご自身の環境とお好みで。

Related Articles

0 *: