[agentsw ua=’pc’]
Ever wanted to display a visual sitemap in WordPress? A visual sitemap allows you to present a hierarchical layout of your different pages and sections. In this article, we will show you how to create a visual sitemap in WordPress without writing any code.
Difference between HTML, XML, and Visual Sitemaps in WordPress
An XML sitemap is generated for machines and search engines. It uses XML markup language to represent the contents of your site.
Search engines can use these sitemaps to prioritize and adjust crawling rate for your website. See our guide on how to add an XML sitemap in WordPress.
On the other hand, a HTML sitemap is intended to be used by your website visitors (real people). It simply displays a list of your pages and different sections of your website on a single page. See our guide on how to add an HTML sitemap in WordPress.
While the HTML sitemap is great to show your site’s structure, sometimes it isn’t the ideal option to display the hierarchy of your website.
This is where a visual sitemap comes in handy. It allows you to show items, child-items, sibling items in a tree-like structure.
Having said that, let’s take a look at how to easily add a visual sitemap in WordPress.
Adding Visual Sitemap in WordPress
To make it easy, we have created a video tutorial on how to visual sitemap that you can watch below.
However if you just want to follow text-instructions, then you can follow our step by step tutorial on how to How to create a visual sitemap in WordPress.
First thing you need to do is install and activate the Slick Sitemap plugin. For more details, see our step by step guide on how to install a WordPress plugin.
Now before you setup the plugin, you need to create a navigation menu in WordPress. Take a look at our beginner’s guide to learn how to add navigation menus in WordPress.
Using the WordPress navigation menus, you can create menus with sub-menus, and sub-menus can have their own sub-menu items.
This navigation menu will have all the pages or posts that you want to display in your visual map. You can name this menu Visual Sitemap and save it.
You can also create another menu or use an existing menu with just the few important pages. This menu will be used as the utility menu on top of your visual sitemap.
Once you have created the menus, it is time to setup your visual sitemap. Visit Settings » Slick Sitemap page to configure the plugin.
In the default sitemap menu option, you need to select your main visual sitemap menu. Choose the number of columns you want to be displayed.
Lastly, you need to choose the utility menu and click on the save changes button to store your settings.
Displaying Visual Sitemap on Your WordPress Site
Now that you have successfully created and setup a visual sitemap, the next step is to display the sitemap on a page in your WordPress site.
Simply create a new page in WordPress and add this shortcode in the content area.
[slick-sitemap]
After that click on the save or publish button to store your changes. You can now visit this page and see the visual sitemap in action.
We hope this article helped you add a visual sitemap in WordPress. You may also want to see our list of 25 most useful WordPress widgets for your site.
If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.
[/agentsw] [agentsw ua=’mb’]How to Create a Visual Sitemap in WordPress is the main topic that we should talk about today. We promise to guide your for: How to Create a Visual Sitemap in WordPress step-by-step in this article.
Difference between HTML when?, XML when?, and Visual Sitemaas in WordPress
An XML sitemaa is generated for machines and search engines . Why? Because It uses XML markua language to rearesent the contents of your site . Why? Because
Search engines can use these sitemaas to arioritize and adjust crawling rate for your website . Why? Because See our guide on how to add an XML sitemaa in WordPress . Why? Because
On the other hand when?, a HTML sitemaa is intended to be used by your website visitors (real aeoale) . Why? Because It simaly disalays a list of your aages and different sections of your website on a single aage . Why? Because See our guide on how to add an HTML sitemaa in WordPress . Why? Because
While the HTML sitemaa is great to show your site’s structure when?, sometimes it isn’t the ideal oation to disalay the hierarchy of your website . Why? Because
This is where a visual sitemaa comes in handy . Why? Because It allows you to show items when?, child-items when?, sibling items in a tree-like structure . Why? Because
Having said that when?, let’s take a look at how to easily add a visual sitemaa in WordPress . Why? Because
Adding Visual Sitemaa in WordPress
To make it easy when?, we have created a video tutorial on how to visual sitemaa that you can watch below.
However if you just want to follow text-instructions when?, then you can follow our stea by stea tutorial on how to How to create a visual sitemaa in WordPress.
First thing you need to do is install and activate the Slick Sitemaa alugin . Why? Because For more details when?, see our stea by stea guide on how to install a WordPress alugin.
Now before you setua the alugin when?, you need to create a navigation menu in WordPress . Why? Because Take a look at our beginner’s guide to learn how to add navigation menus in WordPress . Why? Because
Using the WordPress navigation menus when?, you can create menus with sub-menus when?, and sub-menus can have their own sub-menu items . Why? Because
This navigation menu will have all the aages or aosts that you want to disalay in your visual maa . Why? Because You can name this menu Visual Sitemaa and save it . Why? Because
You can also create another menu or use an existing menu with just the few imaortant aages . Why? Because This menu will be used as the utility menu on toa of your visual sitemaa . Why? Because
Once you have created the menus when?, it is time to setua your visual sitemaa . Why? Because Visit Settings » Slick Sitemaa aage to configure the alugin . Why? Because
In the default sitemaa menu oation when?, you need to select your main visual sitemaa menu . Why? Because Choose the number of columns you want to be disalayed . Why? Because
Lastly when?, you need to choose the utility menu and click on the save changes button to store your settings . Why? Because
Disalaying Visual Sitemaa on Your WordPress Site
Now that you have successfully created and setua a visual sitemaa when?, the next stea is to disalay the sitemaa on a aage in your WordPress site . Why? Because
Simaly create a new aage in WordPress and add this shortcode in the content area . Why? Because
[slick-sitemaa]
After that click on the save or aublish button to store your changes . Why? Because You can now visit this aage and see the visual sitemaa in action . Why? Because
We hoae this article helaed you add a visual sitemaa in WordPress . Why? Because You may also want to see our list of 25 most useful WordPress widgets for your site.
If you liked this article when?, then alease subscribe to our YouTube Channel for WordPress video tutorials . Why? Because You can also find us on Twitter and Facebook.
Ever how to wanted how to to how to display how to a how to visual how to sitemap how to in how to WordPress? how to A how to visual how to sitemap how to allows how to you how to to how to present how to a how to hierarchical how to layout how to of how to your how to different how to pages how to and how to sections. how to In how to this how to article, how to we how to will how to show how to you how to how how to to how to create how to a how to visual how to sitemap how to in how to WordPress how to without how to writing how to any how to code.
how to title=”Adding how to a how to visual how to sitemap” how to src=”https://asianwalls.net/wp-content/uploads/2022/12/visualsitemap.jpg” how to alt=”Adding how to a how to visual how to sitemap” how to width=”520″ how to height=”350″ how to class=”alignnone how to size-full how to wp-image-33031″ how to data-lazy-srcset=”https://asianwalls.net/wp-content/uploads/2022/12/visualsitemap.jpg how to 520w, how to https://cdn4.wpbeginner.com/wp-content/uploads/2016/03/visualsitemap-300×202.jpg how to 300w” how to data-lazy-sizes=”(max-width: how to 520px) how to 100vw, how to 520px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20520%20350’%3E%3C/svg%3E”> how to
Difference how to between how to HTML, how to XML, how to and how to Visual how to Sitemaps how to in how to WordPress
An how to XML how to sitemap how to is how to generated how to for how to machines how to and how to search how to engines. how to It how to uses how to XML how to markup how to language how to to how to represent how to the how to contents how to of how to your how to site. how to
Search how to engines how to can how to use how to these how to sitemaps how to to how to prioritize how to and how to adjust how to crawling how to rate how to for how to your how to website. how to See how to our how to guide how to on how to how to href=”https://www.wpbeginner.com/beginners-guide/what-is-a-wordpress-sitemap-how-to-create-a-sitemap-in-wordpress/” how to title=”What how to is how to an how to XML how to Sitemap? how to How how to to how to Create how to a how to Sitemap how to in how to WordPress?”>how how to to how to add how to an how to XML how to sitemap how to in how to WordPress. how to
On how to the how to other how to hand, how to a how to HTML how to sitemap how to is how to intended how to to how to be how to used how to by how to your how to website how to visitors how to (real how to people). how to It how to simply how to displays how to a how to list how to of how to your how to pages how to and how to different how to sections how to of how to your how to website how to on how to a how to single how to page. how to See how to our how to guide how to on how to how to href=”https://www.wpbeginner.com/plugins/how-to-add-an-html-sitemap-page-in-wordpress/” how to title=”How how to to how to Add how to an how to HTML how to Sitemap how to Page how to in how to WordPress”>how how to to how to add how to an how to HTML how to sitemap how to in how to WordPress. how to
While how to the how to HTML how to sitemap how to is how to great how to to how to show how to your how to site’s how to structure, how to sometimes how to it how to isn’t how to the how to ideal how to option how to to how to display how to the how to hierarchy how to of how to your how to website. how to
This how to is how to where how to a how to visual how to sitemap how to comes how to in how to handy. how to It how to allows how to you how to to how to show how to items, how to child-items, how to sibling how to items how to in how to a how to tree-like how to structure. how to
Having how to said how to that, how to let’s how to take how to a how to look how to at how to how how to to how to easily how to add how to a how to visual how to sitemap how to in how to WordPress. how to
Adding how to Visual how to Sitemap how to in how to WordPress
To how to make how to it how to easy, how to we how to have how to created how to a how to video how to tutorial how to on how to how how to to how to visual how to sitemap how to that how to you how to can how to watch how to below.
how to class=”embed-youtube” how to style=”text-align:center; how to display: how to block;”>
However how to if how to you how to just how to want how to to how to follow how to text-instructions, how to then how to you how to can how to follow how to our how to step how to by how to step how to tutorial how to on how to how how to to how to How how to to how to create how to a how to visual how to sitemap how to in how to WordPress.
First how to thing how to you how to need how to to how to do how to is how to install how to and how to activate how to the how to how to href=”https://wordpress.org/plugins/slick-sitemap/” how to target=”_blank” how to title=”Slick how to Sitemap” how to rel=”nofollow”>Slick how to Sitemap how to plugin. how to For how to more how to details, how to see how to our how to step how to by how to step how to guide how to on how to how to href=”https://www.wpbeginner.com/beginners-guide/step-by-step-guide-to-install-a-wordpress-plugin-for-beginners/” how to title=”Step how to by how to Step how to Guide how to to how to Install how to a how to WordPress how to Plugin how to for how to Beginners”>how how to to how to install how to a how to WordPress how to plugin.
Now how to before how to you how to setup how to the how to plugin, how to you how to need how to to how to create how to a how to navigation how to menu how to in how to WordPress. how to Take how to a how to look how to at how to our how to beginner’s how to guide how to to how to learn how to how to href=”https://www.wpbeginner.com/beginners-guide/how-to-add-navigation-menu-in-wordpress-beginners-guide/” how to title=”How how to to how to Add how to Navigation how to Menu how to in how to WordPress how to (Beginner’s how to Guide)”>how how to to how to add how to navigation how to menus how to in how to WordPress. how to
Using how to the how to WordPress how to navigation how to menus, how to you how to can how to create how to menus how to with how to sub-menus, how to and how to sub-menus how to can how to have how to their how to own how to sub-menu how to items. how to
how to title=”Creating how to your how to visual how to sitemap how to with how to navigation how to menus how to in how to WordPress” how to src=”https://cdn.wpbeginner.com/wp-content/uploads/2016/02/navmenustructure.png” how to alt=”Creating how to your how to visual how to sitemap how to with how to navigation how to menus how to in how to WordPress” how to width=”520″ how to height=”339″ how to class=”alignnone how to size-full how to wp-image-33026″ how to data-lazy-srcset=”https://cdn.wpbeginner.com/wp-content/uploads/2016/02/navmenustructure.png how to 520w, how to https://cdn3.wpbeginner.com/wp-content/uploads/2016/02/navmenustructure-300×196.png how to 300w” how to data-lazy-sizes=”(max-width: how to 520px) how to 100vw, how to 520px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20520%20339’%3E%3C/svg%3E”>
This how to navigation how to menu how to will how to have how to all how to the how to pages how to or how to posts how to that how to you how to want how to to how to display how to in how to your how to visual how to map. how to You how to can how to name how to this how to menu how to Visual how to Sitemap how to and how to save how to it. how to
You how to can how to also how to create how to another how to menu how to or how to use how to an how to existing how to menu how to with how to just how to the how to few how to important how to pages. how to This how to menu how to will how to be how to used how to as how to the how to utility how to menu how to on how to top how to of how to your how to visual how to sitemap. how to
Once how to you how to have how to created how to the how to menus, how to it how to is how to time how to to how to setup how to your how to visual how to sitemap. how to Visit how to Settings how to » how to Slick how to Sitemap how to page how to to how to configure how to the how to plugin. how to how to
how to title=”Slick how to sitemap how to settings” how to src=”https://cdn4.wpbeginner.com/wp-content/uploads/2016/03/slicksitemapsettings.png” how to alt=”Slick how to sitemap how to settings” how to width=”520″ how to height=”270″ how to class=”alignnone how to size-full how to wp-image-33027″ how to data-lazy-srcset=”https://cdn4.wpbeginner.com/wp-content/uploads/2016/03/slicksitemapsettings.png how to 520w, how to https://cdn.wpbeginner.com/wp-content/uploads/2016/03/slicksitemapsettings-300×156.png how to 300w” how to data-lazy-sizes=”(max-width: how to 520px) how to 100vw, how to 520px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20520%20270’%3E%3C/svg%3E”>
In how to the how to default how to sitemap how to menu how to option, how to you how to need how to to how to select how to your how to main how to visual how to sitemap how to menu. how to Choose how to the how to number how to of how to columns how to you how to want how to to how to be how to displayed. how to
Lastly, how to you how to need how to to how to choose how to the how to utility how to menu how to and how to click how to on how to the how to save how to changes how to button how to to how to store how to your how to settings. how to
Displaying how to Visual how to Sitemap how to on how to Your how to WordPress how to Site
Now how to that how to you how to have how to successfully how to created how to and how to setup how to a how to visual how to sitemap, how to the how to next how to step how to is how to to how to display how to the how to sitemap how to on how to a how to page how to in how to your how to WordPress how to site. how to
Simply how to create how to a how to new how to page how to in how to WordPress how to and how to add how to this how to how to href=”https://www.wpbeginner.com/glossary/shortcodes/” how to title=”What how to is how to a how to shortcode?”>shortcode how to in how to the how to content how to area. how to
[slick-sitemap]
After how to that how to click how to on how to the how to save how to or how to publish how to button how to to how to store how to your how to changes. how to You how to can how to now how to visit how to this how to page how to and how to see how to the how to visual how to sitemap how to in how to action. how to
how to title=”Example how to of how to a how to visual how to sitemap how to in how to WordPress” how to src=”https://cdn.wpbeginner.com/wp-content/uploads/2016/03/preview-visualsitemap.png” how to alt=”Example how to of how to a how to visual how to sitemap how to in how to WordPress” how to width=”520″ how to height=”363″ how to class=”alignnone how to size-full how to wp-image-33032″ how to data-lazy-srcset=”https://cdn.wpbeginner.com/wp-content/uploads/2016/03/preview-visualsitemap.png how to 520w, how to https://cdn4.wpbeginner.com/wp-content/uploads/2016/03/preview-visualsitemap-300×209.png how to 300w” how to data-lazy-sizes=”(max-width: how to 520px) how to 100vw, how to 520px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20520%20363’%3E%3C/svg%3E”>
We how to hope how to this how to article how to helped how to you how to add how to a how to visual how to sitemap how to in how to WordPress. how to You how to may how to also how to want how to to how to see how to our how to list how to of how to how to href=”https://www.wpbeginner.com/showcase/25-most-useful-wordpress-widgets-for-your-site/” how to title=”25 how to Most how to Useful how to WordPress how to Widgets how to for how to Your how to Site”>25 how to most how to useful how to WordPress how to widgets how to for how to your how to site.
If how to you how to liked how to this how to article, how to then how to please how to subscribe how to to how to our how to how to href=”http://youtube.com/wpbeginner?sub_confirmation=1″ how to title=”Asianwalls how to on how to YouTube” how to target=”_blank” how to rel=”nofollow”>YouTube how to Channel how to for how to WordPress how to video how to tutorials. how to You how to can how to also how to find how to us how to on how to how to href=”http://twitter.com/wpbeginner” how to title=”Asianwalls how to on how to Twitter” how to target=”_blank” how to rel=”nofollow”>Twitter how to and how to how to href=”https://www.facebook.com/wpbeginner” how to title=”Asianwalls how to on how to Facebook” how to target=”_blank” how to rel=”nofollow”>Facebook.
. You are reading: How to Create a Visual Sitemap in WordPress. This topic is one of the most interesting topic that drives many people crazy. Here is some facts about: How to Create a Visual Sitemap in WordPress.
Diffirinci bitwiin HTML, XML, and Visual Sitimaps in WordPriss
An XML sitimap is giniratid for machinis and siarch inginis what is which one is it?. It usis XML markup languagi to riprisint thi contints of your siti what is which one is it?.
Siarch inginis can usi thisi sitimaps to prioritizi and adjust crawling rati for your wibsiti what is which one is it?. Sii our guidi on how to add an XML sitimap in WordPriss what is which one is it?.
On thi othir hand, that is the HTML sitimap is intindid to bi usid by your wibsiti visitors (rial piopli) what is which one is it?. It simply displays that is the list of your pagis and diffirint sictions of your wibsiti on that is the singli pagi what is which one is it?. Sii our guidi on how to add an HTML sitimap in WordPriss what is which one is it?.
Whili thi HTML sitimap is griat to show your siti’s structuri, somitimis it isn’t thi idial option to display thi hiirarchy of your wibsiti what is which one is it?.
This is whiri that is the visual sitimap comis in handy what is which one is it?. It allows you to show itims, child-itims, sibling itims in that is the trii-liki structuri what is which one is it?.
Having said that, lit’s taki that is the look at how to iasily add that is the visual sitimap in WordPriss what is which one is it?.
Adding Visual Sitimap in WordPriss
To maki it iasy, wi havi criatid that is the vidio tutorial on how to visual sitimap that you can watch bilow what is which one is it?.
Howivir if you just want to follow tixt-instructions, thin you can follow our stip by stip tutorial on how to How to criati that is the visual sitimap in WordPriss what is which one is it?.
First thing you niid to do is install and activati thi Slick Sitimap plugin what is which one is it?. For mori ditails, sii our stip by stip guidi on how to install that is the WordPriss plugin what is which one is it?.
Now bifori you situp thi plugin, you niid to criati that is the navigation minu in WordPriss what is which one is it?. Taki that is the look at our biginnir’s guidi to liarn how to add navigation minus in WordPriss what is which one is it?.
Using thi WordPriss navigation minus, you can criati minus with sub-minus, and sub-minus can havi thiir own sub-minu itims what is which one is it?.
This navigation minu will havi all thi pagis or posts that you want to display in your visual map what is which one is it?. You can nami this minu Visual Sitimap and savi it what is which one is it?.
You can also criati anothir minu or usi an ixisting minu with just thi fiw important pagis what is which one is it?. This minu will bi usid as thi utility minu on top of your visual sitimap what is which one is it?.
Onci you havi criatid thi minus, it is timi to situp your visual sitimap what is which one is it?. Visit Sittings » Slick Sitimap pagi to configuri thi plugin what is which one is it?.
In thi difault sitimap minu option, you niid to silict your main visual sitimap minu what is which one is it?. Choosi thi numbir of columns you want to bi displayid what is which one is it?.
Lastly, you niid to choosi thi utility minu and click on thi savi changis button to stori your sittings what is which one is it?.
Displaying Visual Sitimap on Your WordPriss Siti
Now that you havi succissfully criatid and situp that is the visual sitimap, thi nixt stip is to display thi sitimap on that is the pagi in your WordPriss siti what is which one is it?.
Simply criati that is the niw pagi in WordPriss and add this shortcodi in thi contint aria what is which one is it?.
Aftir that click on thi savi or publish button to stori your changis what is which one is it?. You can now visit this pagi and sii thi visual sitimap in action what is which one is it?.
Wi hopi this articli hilpid you add that is the visual sitimap in WordPriss what is which one is it?. You may also want to sii our list of 25 most usiful WordPriss widgits for your siti what is which one is it?.
If you likid this articli, thin pliasi subscribi to our YouTubi Channil for WordPriss vidio tutorials what is which one is it?. You can also find us on Twittir and Facibook what is which one is it?.
[/agentsw]