Skip to main content

How To Add A Cool Twisting Tag Cloud For 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:
01 Wordpress plugin tag cloud.jpg
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.
tag_cloud.png
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…
03_Search_plugins.png
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.

Comments

Popular posts from this blog

ASUS VivoBook X202E Windows 8 Touchscreen Laptop Review And Giveaway

It wasn’t very long ago when prices of touchscreen Windows 8 laptops soared beyond $1000. Thankfully, those days are behind us, and portable computers can easily be purchased – touchscreen and all – for under $500. That’s precisely the demographic in which the ASUS VivoBook X202E falls. When compared to a high-end laptop, its specifications might seem modest, but for laptop buyers just looking for a way to browse the web, watch videos, use basic apps, and not spend too much money, something in this budget is perfectly suitable. The question is, of course, how does the ASUS VivoBook X202E compare to others on the market, and is it the one which you should be spending your hard-earned money on? Well, you’re just going to have to keep reading to find out. Best of all, we are giving away an ASUS VivoBook X202E to one lucky winner. Keep reading for your chance to take home this Windows 8 touchscreen laptop! Introducing the ASUS VivoBook X202E Laptop The ASUS VivoBook X202...

Samsung Galaxy Note 3 N9000 Review and Giveaway

When it comes to massive phones, nothing is more iconic than the Samsung Galaxy Note. It has gained popularity not only due to its size, but its additional features such as a stylus and a larger battery make it a more useful phone. Samsung released the third generation of the Galaxy Note in October, updating the phablet with a larger screen and improved hardware. Read through our review, then join the giveaway to win the  Samsung Galaxy Note 3 ! Competitors Of course, other Android competitors haven’t let the $640  Galaxy Note 3  be the only player in the phablet market. There are others such as the  Sony Xperia Z Ultra , the Samsung Galaxy Mega , and the other more common phones that are reaching 5″ screens such as the  Samsung Galaxy S4 , the  HTC One , and the  Nexus 5 . Unlike the normal-sized top contenders, the Galaxy Note 3 has a bigger screen and larger battery. It also offers specific features (surrounding the S Pen stylus) th...

Samsung Galaxy S5 Review and Giveaway

Few smartphones are as aggressively marketed as Samsung’s Galaxy S5. The S5 can no longer be considered brand-new — but it  is  Samsung’s flagship, at least for the next few months. With a gorgeous screen, a capable camera, a waterproof build, and a user-replaceable battery, the Galaxy S5 has a lot to offer… at least on paper. Let’s find out how good it really is. What Makes This Review Different There are about a million Galaxy S5 reviews out there. Why should you read this one? Two keys points make our review different: We bought our own device . Unlike many tech blogs, we don’t use a review unit Samsung gave us. We went out to the store and bought one, just like you would. This means everything you read here is truly impartial – we owe Samsung nothing. We used it for more than a month . Some sites rush to be the first to publish a review on a new device. That’s not how we do things. I used the Galaxy S5 as my main (and only) Android phone for nearly two months,...