QLOOKアクセス解析
Home » WordPress, WordPress プラグイン

タグクラウドが3D空間で回転する、プラグイン「WP-Cumulus」

2011年5月2日 13,471 views 7 Comments

「WP-Cumulus」はタグクラウドが3D空間で回転表示するプラグインです。目に楽しく、ついついマウスをあわせてみたくなる、クールで遊び心あふれるタグ表示。日本語にも対応させることができ、センスのよいアクセントとして使えそうです。

 

 

◆「WP-Cumulus」のインストール

「プラグイン」>「新規追加」をクリック。

wordpress_wpcumulus01_1

検索で「WP-Cumulus」と入力し「プラグインの検索」ボタンをクリック。

wordpress_wpcumulus01_2

「WP-Cumulus」の「詳細」をクリック。

wordpress_wpcumulus01_3

「いますぐインストール」ボタンをクリック。

wordpress_wpcumulus01_4

「WP-Cumulus」の「プラグインを有効化」をクリック。

wordpress_wpcumulus01_5

有効化すると、ダッシュボードに「設定」>「WP Cumulus」の項目が追加されます。続けて「WP-Cumulus」を設定していきましょう。

 

 

◆「WP-Cumulus」の日本語対応方法

このプラグインは標準では日本語は文字化けしてしまいます。日本語対応パッチが出ていますので、まずパッチをあてていきます。WordPress プラグイン もっと軽量 WP CUMULUS 4.9KB のサイトからパッチをダウンロードします。

wp-content/plugins/wp-cumulus/ の直下に、先ほどダウンロードしたzipファイルに含まれる tagcloud.swf ファイルを上書きします。上書きするのはこのファイルのみで構いません。

 

 

◆「WP-Cumulus」のサイドバーへの設定方法

ダッシュボードの「外観」>「ウィジェット」をクリック。ウィジェット画面が表示されます。「利用できるウィジェット」欄に「WP-Cumulus」ウィジェットが追加されています。

「WP-Cumulus」ウィジェットをドラッグ&ドロップで画面右側のウィジェットエリアに追加します。

wordpress_wpcumulus03_2

プルダウンボタンをクリックして、お好みで変更します。

Optional highlight color は単語が最前面に来た時の色、Tag color は最奥の時の色、Optional second color for gradient はその中間位置の色です。

Background transparency は背景を透けさせるかどうか、Distribute evenly on sphere は単語を球面上に均等に配置するかどうかです。

wordpress_wpcumulus03_3

Height は Width の3/4程度の数値にしましょう。

表示させる単語を Tags, Categories, Bothから選択し、「保存」ボタンをクリックします。以上で設定は完了です。

 

 

◆「WP-Cumulus」の投稿・ページへの設定方法

ダッシュボードの「設定」>「WP Cumulus」をクリック。

wordpress_wpcumulus04_1

設定画面が表示されました。お好みで変更します。

Use transparent mode は背景を透けさせるかどうかです。以上で設定は終了です。最後に「Update Options」ボタンを押すのを忘れないように。

投稿・ページ上に表示させたい場合は、投稿・ページの編集画面で、

wordpress_wpcumulus04_2

このように入力します。

また、それ以外の箇所に表示させたい場合は、ダッシュボードの「外観」>「テーマ編集」から表示させたい箇所の phpファイルを選択し、

wordpress_wpcumulus04_3

この一文を入力します。これは、htmlやphpのことが少しわかっている方向けの設定方法です。初心者の方はphpファイルを触らないほうがいいでしょう。

 

 

◆「WP-Cumulus」の実装確認

実際のサイトを確認してみると、このように表示されました。サイドバーの表示はこのページ上方で確認できます。マウスの位置で回転を変える、目に楽しいタグ表示。センスのよいアクセントとして使えそうです。

◆ Similar Posts

7 Comments »

Leave a comment!

Add your comment below, or trackback from your own site. You can also subscribe to these comments via RSS.

Be nice. Keep it clean. Stay on topic. No spam.

You can use these tags:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <img localsrc="" alt="">

This is a Gravatar-enabled weblog. To get your own globally-recognized-avatar, please register at Gravatar.