↓Facebook&WordPress&アメブロ連動集客ツール↓
amepress

ワードプレスでタグクラウドを3Dのように立体化してみせる



今回はワードプレスで
タグクラウドを3Dのように
立体化してみせるやり方を
まとめてみました。


やり方は簡単で、プラグイン
wp-cumulusを導入します。

wp-cumulus導入手順

ダッシュボード⇒プラグイン⇒新規追加⇒WP-Cumulusを検索
⇒WP-Cumulusをインストール⇒プラグインを有効化

次に、設定⇒WP-Cumulusから設定画面で表示幅と高さ、
タグや色、表示スピード、タグ表示かカテゴリ表示かを設定。

Width of the Flash tag cloud⇒フラッシュ・タグクラウドの幅
Height of the Flash tag cloud⇒フラッシュ・タグクラウドの高さ
Color of the tags⇒タグの色
Background color⇒背景色
Rotation speed⇒回転速度
Distribute tags evenly on sphere⇒球体上でタグを平等に分配します。

Use transparent modeにチェックを入れます。

最後に画面下のUpdate Optionsボタンをクリックで設定完了です。

設定ができたら表示させたい場所に以下のコードを記述します。

<?php wp_cumulus_insert(); ?>

うまく設置できれば以下のような3Dタグクラウドになります。

※初心者の方やhtml・php知識のない方は
触らないほうが良いかもしれません。

記事を読んだよ!って応援クリックして頂けるととても 幸せな気持ちになります。
  ↓↓↓

こちらも応援クリックして頂けると もの凄く感動します。
  ↓↓↓
にほんブログ村 小遣いブログ アフィリエイトへ

もっと詳しく知りたい事や
理解できなかった事などございましたらお気軽にご連絡下さい。

ゆうぽんへのお問い合わせはこちら

あわせて読みたい関連記事

タグ


カテゴリー:WordPress 小技

トラックバック&コメント

この投稿のトラックバックURL:

トラックバック

コメント

  1. 戦略的中年アフィリエイター・森山博明 より:

    ゆうぽん 様

    はじめまして。
    戦略的中年アフィリエイター・森山博明と申します。

    人気ブログランキングからの訪問となります。

    先月の16日より、ブログをスタートしたばかり若輩者です。
    よろしくお願いいたします。

    私も以前、WP-Cumulus使っておりました。
    サイトが不思議な感じに演出されますね。

    テンプレートを違うのに変更してから、
    使用していませんが、また使ってみたいプラグインです。

    応援していきます。

    • ゆうぽん より:

      森山さん、はじめまして。

      WP-Cumulusのプラグインは
      設定が簡単で不思議なサイトの
      演出ができたと思ってます^^

      コメント有難うございます♪

  2. こんにちは、るからむと申します。

    とても素晴しいブログで、勉強になります!
    感心させられる内容で思わず読み込んでしまいました。

    また、遊びに伺わせて頂きます。

    今後ともどうぞよろしくお願いいたします。

    • ゆうぽん より:

      るからむさん、こんにちは。

      ブログを褒めていただき有難うございます。
      これからも分かりやすく伝えていけるように
      頑張ります^^

      こちらこそ、よろしくお願いします♪

  3. 初めましてです!
    あしあとたどって降臨しました明希ですw
    これすごーくやりたかったんです!
    ぜひWPのブログで実践してみます^^

    応援です♪

    • ゆうぽん より:

      明希さん、はじめまして。

      記事参考になって良かったです。
      是非、実践してみて下さいね^^

      応援有難うございます♪

  4. こんばんは。鷹 師範です。
    先日はブログへのご訪問、ありがとうございました。
    遅くなってすみません。

    WPはいろんなプラグインがありますね。
    使い勝手も向上します。

    ただ、詰め込みすぎは要注意ですね。

    ではでは。
    またお邪魔させていただきます。

    • ゆうぽん より:

      鷹さん、こんばんは。

      確かにWPのプラグインのは使い勝手は
      向上しますが詰め込みすぎると
      処理自体が重くなりますからね。

      私も気をつけながら作業しています^^;
      コメントありがとうございます。


コメントをどうぞ

このページの先頭へ

http://blog.with2.net/
http://www.blogmura.com/
https://twitter.com/