The Tag Cloud widget is one of the most stylish tools at our disposal. It’s a new widget we developed that shows TAGS from a new point of view. Let’s see what way you can use it in this tutorial.
Inserting the Widget
From the widget menu, drag and drop the Tag Cloud widget inside your page.
Inside the Widget
Tag Cloud lets you build a specified group of tags and style it as you want. The first thing you will see is the Content tab that houses the Tags Cloud section. It holds the basic settings that let you build your tags inside your webpage.
In the default mode, you can put lines of tags inside your page. These tags include all the available tags on your page.
Now, the widget comes with 3 skins. The are the Default, Animated and Typography. Let’s see the default one first.
Turning on the switcher Custom Post Tags will unfold another blank field called Custom Post Name. On the field, you can put the name of any specific tag group (i.e. product_tag) and only the specified group of tags will show up on the screen.
On the Style tab, we have Random color for the Background Type option. You can turn the color to Solid to change all of the colors of the tags in the default skin.
We have something special for the Animated Skin. The tags will form up a globe-shaped cloud of tags and will rotate as you hover over it. This animation effect is the thought behind the widget’s naming.
On the settings, you can adjust the cloud height according to your needs.
There are more settings underneath including Active Cursor, Depth, and Animation Speed. The Active Cursor setting has several options to choose from.
What it does is, it puts a tiny little attachment with the cursor whenever it’s on any of the tags. See the image above to understand it.
Adjusting the Depth scroll option will result in changing the depth of the Tags Cloud.
The Method settings has 6 options to choose from. It simply changes the appearance of each tag.
However, there are more options down below such as; Freeze Active, Wheel Zoom, and Visible Time. The first one freezes the tag cloud upon active. Wheel Zoom lets you zoom the tag cloud with a mouse wheel scroll. And lastly, Visible time lets you choose the specific amount of time a tag will be visible before scrolled back.
The Style tab for the Animated skin works the same way as Default.
Lastly, the Typography skin jumbles up your tags into a word puzzle style. It’s one of the old school but very catchy.
You can actually choose the cloud-style for this skin. Choose any from the three options; Circle, Square, and Star.
On the Style tab, you got 4 options to choose its color. Just pick one and see for yourself.
That’s it. Hope you have got all the basics about the Tags Cloud widget. Enjoy the video for more detailed information.
Feel free to visit the demo page here.