We all know that tags are a vital part of WordPress taxonomies, which are a way of grouping things together. Tags are created on the fly while creating posts and help us to locate similar posts linked by particular tags. Generally in a WordPress blog, different tags are grouped inside a tag cloud, and the size of each tag determines the frequency of its assignments to posts. Here we shall look into the correct usage of the
wp_tag_cloud() function, which is responsible for all these tag clouds.
This is the main built-in function to display the tags associated with your recent posts, within the tag cloud.
The WordPress Codex
wp_tag_cloud() page has a clear explanation of all the parameters of this function, but still let's quickly discuss the important ones.
'smallest'– This parameter is of type integer and specifies the minimum text size of the tag in the cloud
'largest'– This parameter is of type integer and specifies the maximum text size of the tag in the cloud
'number'– This parameter specifies the total number of tags to be displayed in the cloud. You can specify it as '0' if you want all of them to be displayed
'format'– This parameter specifies the format of the cloud display. It can be any of '
list', or '
'separator'– This parameter specifies the separator within the tags in the cloud
'topic_count_text_callback'– This parameter shows the number of posts associated with each Tag through a tooltip
'taxonomy'– This parameter specifies the type of WordPress taxonomy which can be used within the tag cloud. Here the default is the '
post_tags' but you can use a custom taxonomy as well
These parameters play a key role in customizing the tag cloud.
WordPress has a default Tag Cloud widget which can be placed in the appropriate area of the page. But without using a widget you can use the
wp_tag_cloud() function to display and customize the tag cloud in your blog. You can specify the parameters in a number of ways.
Parameters separated by '&' in one simple inline string.
Parameter specification in array format.
Specifying only selected parameters, the rest are kept as default.
Return the tag cloud as an array without displaying it in the blog. This result can be used later within the PHP code.
Example 1 Display the Tag Cloud in Your Theme's Sidebar or Footer
Create a function in your
wp_tag_cloud() function. Once it is defined, you can call the function anywhere within your blog.
Now let us open ourand call the function to display the tag cloud.
Let's add some CSS styling in ourfile to make the tag cloud look more professional.
Now it looks like this:
Similarly using the same in theof our theme.
You can make it more beautiful by adding your custom CSS styles.
By adding different parameters within the
wp_tag_cloud() function in the file we can customize our tag cloud. For example, if you like to include both your tags and categories into the tag cloud or rather the taxonomy cloud then the function can be written as:
Example 2 Create a Tag Cloud Page for Your Blog
Sometimes you do not like to keep the tag cloud in your sidebar or footer and creating a separate page for it keeps your blog clean. You can do so using the following method.
At first create a custom page template in your theme folder with the
wp_tag_cloud() function. Here we have named the file .
Now log in to your WordPress admin and go to Pages -> Add New. Put a good title for the page and then under the Page Attributes section choose the Template as Tag Cloud and then click on Update. That's it; your tag cloud page is ready. You can style the page with your own CSS styles.
Example 3 Create a Tag Cloud Scroll Box for Your Sidebar
Sometimes we want our users to select tags from a scrollable box in our sidebar. To accomplish this we have to create a function in ourfile.
In the above function we have considered the array format of the
wp_tag_cloud() function, along with that the font size has been kept the same and the list has been ordered by name in ascending order.
Now open yourand call this function.
Let us style it with some CSS.
Finally it looks like:
Thanks for reading and please feel free to suggest some more uses of this very useful