{"id":94685,"date":"2012-08-22T08:30:06","date_gmt":"2012-08-22T12:30:06","guid":{"rendered":"http:\/\/wpmu.org\/?p=94685"},"modified":"2012-08-22T10:15:21","modified_gmt":"2012-08-22T14:15:21","slug":"wordpress-tag-page","status":"publish","type":"post","link":"https:\/\/wpmudev.com\/blog\/wordpress-tag-page\/","title":{"rendered":"How to Create a WordPress Tag Page"},"content":{"rendered":"<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-94687\" title=\"tags\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2012\/08\/tags.jpg\" alt=\"Post image\" aria-hidden=\"true\" width=\"699\" height=\"479\" \/><br \/>\nFor some sites, tags are hugely important. They\u2019re so important that simply having a tag cloud in the sidebar isn\u2019t enough. They require a whole page dedicated to the site\u2019s tags. In short, they need a <strong>WordPress Tag Page<\/strong>.<\/p>\n<p>If you\u2019re looking to make a page to display all your tags, then we have a few solutions for you. First up is a very simple and straight-forward plugin that will let you do that with a shortcode. Next is a more involved plugin that will give you more flexibility. And finally we will also show you how to create a tag page manually.<\/p>\n<h2><strong>1. Tags Page &#8211; <a href=\"http:\/\/wordpress.org\/extend\/plugins\/tags-page\/\" target=\"_blank\">DOWNLOAD<\/a><\/strong><\/h2>\n<p>This plugin will arrange your tags into columns. You simply create a Page for your tags and then insert the shortcode <code>[get_tags]. <\/code><\/p>\n<p>Once your tag page has been created, there is also an option to automatically append a link to the page into the standard Tag Cloud widget.<\/p>\n<p>Here&#8217;s a look at the Tag Page in action.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-94689\" title=\"tags-page\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2012\/08\/tags-page.jpg\" alt=\"Post image\" aria-hidden=\"true\" width=\"708\" height=\"756\" \/><\/p>\n\n<p>&nbsp;<\/p>\n<h2><strong>2. Better Tag Cloud \u2013 <a href=\"http:\/\/wordpress.org\/extend\/plugins\/nktagcloud\/\" target=\"_blank\">DOWNLOAD<\/a><\/strong><\/h2>\n<p>The Better Tag Cloud plugin will give you a number of options for working with your tags, including the option to create a Tag Page with a shortcode. It includes a number of settings that will let you control the appearance of your tags, as well as which tags are included. In addition, it comes with a widget for a sidebar Tag Cloud.<\/p>\n<p>Here\u2019s a look at some of the settings.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-94690\" title=\"better-tag-cloud-settings\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2012\/08\/better-tag-cloud-settings.jpg\" alt=\"Post image\" aria-hidden=\"true\" width=\"707\" height=\"883\" \/><\/p>\n<p>And here\u2019s a short demonstration of various Tag Pages using different settings.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-94691\" title=\"better-tag-cloud\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2012\/08\/better-tag-cloud.jpg\" alt=\"Post image\" aria-hidden=\"true\" width=\"707\" height=\"1198\" \/><\/p>\n\n<h2><strong>3. Create Your Own Tag Page<\/strong><\/h2>\n<p>Finally, you can create your own Tag Page by creating a special Page Template.<\/p>\n<p>Not long ago we went over <a href=\"https:\/\/wpmudev.com\/blog\/wordpress-custom-page-template\/\" target=\"_blank\">how to create a Page Template<\/a> in detail. So you can see that post for more information.<\/p>\n<p>The way to create a Tag Page is to simply replace The Loop in your Page Template with the following code:<\/p>\n<pre>&lt;?php wp_tag_cloud('number=0'); ?&gt;<\/pre>\n<p>We will briefly run through the process here, but again, you can see the more detailed tutorial on <a href=\"https:\/\/wpmudev.com\/blog\/wordpress-custom-page-template\/\" target=\"_blank\">creating a Page Template here<\/a>.<\/p>\n<p><strong><br \/>\nStep 1<\/strong> \u2013 Create a new Page template and name it something appropriate like tag-page.php.<\/p>\n<p><strong>Step 2<\/strong> \u2013 Make it a template by giving it a template name like \u201cTag Page.\u201d Do this by putting the following at the TOP of your file:<\/p>\n<pre>&lt;?php\r\n \/*\r\n Template Name: Tag Page\r\n *\/\r\n ?&gt;<\/pre>\n<p>&nbsp;<\/p>\n<p><strong>Step 3<\/strong> \u2013 Copy your default page.php file into the newly created template file UNDER the heading that you created in Step 1.<\/p>\n<p>&nbsp;<\/p>\n<p><strong>Step 4<\/strong> \u2013 Replace The Loop with the following:<\/p>\n<pre>&lt;?php wp_tag_cloud('number=0'); ?&gt;<\/pre>\n<p>NOTE: The call for The Loop may look very different in your theme.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-94696\" title=\"template-for-tag-cloud\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2012\/08\/template-for-tag-cloud.jpg\" alt=\"Post image\" aria-hidden=\"true\" width=\"709\" height=\"985\" \/><\/p>\n<p>Save your page.<br \/>\n<em>Note: If you like, you can just add code for the tag cloud (&lt;?php wp_tag_cloud(&#8216;number=0&#8217;); ?&gt;) underneath the call for the The Loop. This will allow you to write something on the Tag Page in your editor above the tag cloud. Depending on your theme, however, you may run into a few problems with the layout of your different elements.<\/em><\/p>\n<p>&nbsp;<\/p>\n<p><strong>Step 5<\/strong> \u2013 Create a new Page for your tag cloud and choose your new template. (You do not need to add any content to the page. The code you put in will insert your tags as the content.)<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-94692\" title=\"choose-tag-cloud-template\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2012\/08\/choose-tag-cloud-template.jpg\" alt=\"Post image\" aria-hidden=\"true\" width=\"709\" height=\"452\" \/><\/p>\n<p>And here\u2019s the result:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-94693\" title=\"tag-cloud-page\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2012\/08\/tag-cloud-page.jpg\" alt=\"Post image\" aria-hidden=\"true\" width=\"708\" height=\"383\" \/><\/p>\n<p><strong>If you know of any other good Tag Page solutions, let us know in the comments.<\/strong><br \/>\n<\/p>\n<p>Photo: <a href=\"http:\/\/www.bigstockphoto.com\/image-3849135\/stock-photo-red-tag\" target=\"_blank\">Red Tag<\/a> from BigStock<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Need more than a simple tag cloud in your sidebar? One of these options should help.<\/p>\n","protected":false},"author":84404,"featured_media":94688,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"blog_reading_time":"","wds_primary_category":0,"wds_primary_tutorials_categories":0,"footnotes":""},"categories":[4],"tags":[45],"tutorials_categories":[],"class_list":["post-94685","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-plugins","tag-tags"],"_links":{"self":[{"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/posts\/94685","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/users\/84404"}],"replies":[{"embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/comments?post=94685"}],"version-history":[{"count":1,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/posts\/94685\/revisions"}],"predecessor-version":[{"id":216626,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/posts\/94685\/revisions\/216626"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/media\/94688"}],"wp:attachment":[{"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/media?parent=94685"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/categories?post=94685"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/tags?post=94685"},{"taxonomy":"tutorials_categories","embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/tutorials_categories?post=94685"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}