How To Add A Cool 3D Tag Cloud To Your WordPress Blog

00 cloudy.jpgThe vast amount of cool customizations maybe one of the reasons why people choose to go through hoops installing their own self-hosted wordpress blogs instead of using other free blog services. And one of those cool things is the wordpress tag cloud plugin.

For those who are unfamiliar with tag cloud, it is a visual depiction of user-generated tags, or simply the word content of a site, typically used to describe the content of web sites. Tags are usually single words and are normally listed alphabetically, and the importance of a tag is shown with font size or color. Thus, both finding a tag by alphabet and by popularity is possible.


This is what a wordpress tag cloud plugin looks like:

wordpress tag cloud plugin

I never really put much attention to tag cloud, but one recent discovery altered the path of my focus a little bit.

It’s (not) gonna rain

What I discovered was a tag cloud with a twist – literally. What made it different from ordinary tag clouds was the way the content of the cloud twisted around in 3D. I personally thought that it was cool and it added the visual richness of the blog. Translation: I wanted it.

Problem was, I didn’t know what it is called and whether or not it will work with WordPress. After some searching and asking around, I finally could exhale a sigh of relief because I found the wordpress tag cloud plugin to produce that kind of effect. The plugin is called WP Cumulus.

wordpress tag cloud plugin

With a clear target to pursue, I went directly to the installation process.

Note: This plugin is Flash-based. So, there might be several factors (type of browser, browser plugin, internet connection, etc.) that might cause it not to display properly.

Installing WordPress Plugins

I picked the easiest way to install the plugin. I logged in to my WordPress dashboard and continued to the sidebar. I chose the “Plugins” link and “Add New“.

I did the plugin search, and…

tag cloud addon wordpress

Clicked the “Install Now” button.

03b_Install_Plugin.png

After the installation, I chose to activate it directly. But if you want to activate/deactivate it, you can do so from the Plugins page.

04_Activate_Deactivate.png

Controlling the Cloud

One of the ways to tweak the display options of the wordpress tag cloud plugin is by going to the Tools > Settings > WP Cumulus menu from the sidebar.

05_Edit_Plugin_Settings.png

There are many tweakable elements including the size of the WP Cumulus box, the font and background color and the rotation speed.

05b_Edit_display.png

You can show WP Cumulus as part of your blog theme, use it as a widget, or insert it into post and/or pages using simple codes. Look at the plugin’s Installation” page at WordPress.org for more detailed instruction.

06_How_to_install.png

If you want to use it as a widget, you have to make sure that your blog’s theme supports widgets. If it does, go to the Appearance > Widget menu.

02 Activating Widgets.jpg

You will find the WP-Cumulus item in the widget list. All you have to do is drag it to the widget bar.

Widgets - Activating Cumulus-1.jpg

WP-Cumulus as a widget also provides its users with settings pane.

Cumulus Setting 1.jpg

Don’t forget to click “Save” after adjusting the settings.

Cumulus Setting 2.jpg

The color of the cloud

You will notice that all the colors used are written in hexadecimal HTML color codes. One trick that you can use to find out which code belongs to which color is to search for it via any application through the options to change the color of its element.

For example, you can use any word processor and begin the steps to change the font color. Then you can use the color palette to search for the color code. For those who work with graphics and images, you can utilize your graphic applications.

Finding Color Codes.jpg

Or you could search the web with the search string: “web color code” or “hexadecimal color code” (or something similar).

Life beyond the cloud

Because the WP Cumulus plugin produces moving images, it’s a bit difficult to show it here. To see how this twisting tag cloud looks on a real site, there’s no better place to visit than the plugin creator’s page. The site is also a good place to start finding similar plugins for other blogging platforms.

There are other interesting variations of tag cloud plugins for WordPress. To find out more, you could search for “moving tag cloud” (or other similar search strings) in the Plugins section of WordPress.org.

Do you use tags to enhance your WordPress blog visually? Do you know other cool tag cloud WordPress plugins? Share using the comment below.

Image credit: kevindooley

Tagged:

Jeffry Thurana

An Indonesian writer, self-proclaimed musician, and part time architect; who wants to make a world a better place one post at a time via his blog SuperSubConscious.

Similar Stuff

The comments were closed because the article is more than 90 days old.

If you have any questions related to stuff mentioned in the article or need help with any computer issue, just ask it on MakeUseOf Answers.

  • http://joemarsh.com/gfpf Joe Marsh

    Thanks guys.. We appreciate the info.

    Joe
    “Google First Page Formula”

  • Justin

    Really?

    This plugin has been around for ages and its use is getting rather old. For one, it’s not as usable as a true tag cloud (with a count, etc.) would be. Secondly, it increases the load time for the site without any good reason to do so.

    I would suggest against using a plugin like this, but that’s just me. :)

  • http://www.mikevertx.com MikeVertx

    I would also suggest against this, it’s messy and if you have Alot of tags it will be difficult for a viewer to pick one of the not top main ones

    • http://makeuseof.com Aibek

      “if you have Alot of tags it will be difficult for a viewer to pick one of the not top main ones”

      second that!