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.
Labels:

Comments

Post a Comment

Popular posts from this blog

How To Hide Text In Microsoft Word 2007, Reveal It & Protect It

Sometimes what we hide is more important than what we reveal. Especially, documents with sensitive information, some things are supposed to be ‘for some eyes only’. Such scenarios are quite common, even for the more un-secretive among us. You want to show someone a letter composed in MS Word, but want to keep some of the content private; or it’s an official letter with some part of it having critical data. As important as these two are, the most common use could involve a normal printing job. Many a time we have to print different versions of a document, one copy for one set of eyes and others for other sets. Rather than creating multiple copies and therefore multiple printing jobs, what if we could just do it from the same document?  That too, without the hassle of repeated cut and paste. We can, with a simple feature in MS Word – it’s just called Hidden and let me show you how to use it to hide text in Microsoft Word 2007. It’s a simple single click process. Open the docum...
1 comment
Read more

Build Your Own Awesome Personal 3D Avatar with Avatara

Do you use social networks and want to build your own awesome 3D avatar? Maybe you want to send someone a cute cuddly image of yourself (kind of)? Or maybe you have your own ideas of what you would do with an Avatar… Well look no further than Avatara which I discovered from the MakeUseOf directory . You can create 3d avatars out of pre-set up templates or create your own from scratch. To start, visit Avatara’s homepage . You will see this screen: Click Get Started to umm, get started! That will take you to this screen: You see that you can build your own Avatar using an uploaded head shot like the Obama one above (just an example, guys). Or roll with one of their awesome avatars. I chose to start with a blank avatar by clicking Start with a blank avatar at the bottom of the screen. That takes you to here: I clicked on the filter at the top and told it to filter out everything but male characters and then I saw this: I rolled with Buck and continued. You need to click Select...
1 comment
Read more

Ex-Skypers Launch Virtual Whiteboard Deekit

Although seriously long in the tooth and being disrupted by a plethora of startups, for many years Skype has existed as an almost ubiquitous app in any remote team’s toolkit. So it seems apt that a new startup founded by a team of ex-Skype employees is set to tackle another aspect of online collaboration. Deekit, which exits private beta today, is a virtual and collaborative whiteboard to help remote teams work smarter. The Tallinn, Estonia-based startup is headed up by founder and CEO, Kaili Kleemeier, who was previously a Head of Operations at Skype. She and three colleagues quit the Internet calling giant in 2012 and spent a year researching ideas in the remote team space. They ended up focusing on creating a new virtual whiteboard, born out of Kleemeier’s experience collaborating with technical teams remotely, specifically helping Skype deal with incident management. “Working with remote teams has been a challenge in many ways – cultural differences, language differences, a...
Post a Comment
Read more