Angelo Mandato

This simple plugin adds an HTML (Not XML) sitemap of your pages (not posts) by entering the shortcode [html_sitemap] in the page content. This simple plugin is configured with the <code>[html_sitemap]</code> shortcode. This plugin can display a sitemap with specific depths, from a specific parent page and include/exclude specific children. Shortcode attributes include <code>sort_column</code>, <code>sort_order</code>, <code>exclude</code>, <code>include</code>, <code>depth</code>, <code>child_of</code>, <code>meta_key</code>, <code>meta_value</code>, <code>authors</code>, <code>number</code>, <code>offset</code>, <code>post_type</code>, and <code>post_status</code>, everything the <a href="https://codex.wordpress.org/Function_Reference/wp_list_pages" rel="nofollow ugc"><code>wp_list_pages</code></a> function accepts. In addition to the <code>wp_list_pages</code> options you can also set <code>class</code>, <code>id</code>, and <code>ordered_list_type</code> options.
This plugin is perfect for those who use WordPress as a CMS.
Please see documentation for the <a href="https://codex.wordpress.org/Function_Reference/wp_list_pages" rel="nofollow ugc"><code>wp_list_pages</code></a> for a complete list of options.
The following options may be configured in addition to options documented in <a href="https://codex.wordpress.org/Function_Reference/wp_list_pages" rel="nofollow ugc"><code>wp_list_pages</code></a>:
The <code>class</code> and <code>id</code> attributes may specified set class or id values for the initial HTML Page Sitemap <code><ul></code> list tag.
The <code>child_of</code> attribute value can be a numeric page ID (integer), or use the custom value CURRENT or PARENT. The value “CURRENT” will use the current page’s ID. The value “PARENT” will uses the curent page’s parent ID.
The <code>ordered_list_type</code> attribute is an HTML Page Sitemap plugin exclusive option for specfiying an ordered list type. Not setting a ordered_list_type will use an unordered list (default).
<ul>
<li><code>ordered_list_type="1"</code> – The list items will be numbered with numbers</li>
<li><code>ordered_list_type="A"</code> – The list items will be numbered with uppercase letters</li>
<li><code>ordered_list_type="a"</code> – The list items will be numbered with lowercase letters</li>
<li><code>ordered_list_type="I"</code> – The list items will be numbered with uppercase roman numbers</li>
<li><code>ordered_list_type="i"</code> – The list items will be numbered with lowercase roman numbers</li>
</ul>
Note: This plugin only works with Hierarchical Custom Post Types. This plugin will not work if your post type is not heirarchical.
<h4>Examples</h4>
First example shows how to add a sitemap for the entire site.
<pre><code>[html_sitemap]
</code></pre>
Example shortcode will add a sitemap to a page displaying a depth limit of 3 and exclude page ID 708.
<pre><code>[html_sitemap depth=3 exclude=708]
</code></pre>
Example shortcode will add a sitemap to a page displaying only children and grandchildren of the current page.
<pre><code>[html_sitemap depth=2 child_of=CURRENT]
</code></pre>
Example shortcode will add a sitemap to a page displaying children and grandchildren of the parent page (would include the curent page as well).
<pre><code>[html_sitemap depth=2 child_of=PARENT]
</code></pre>
Example shortcode will add a sitemap displaying the page modified date with the pages sorted by the menu order number.
<pre><code>[html_sitemap show_date=modified sort_column=menu_order]
</code></pre>
Example shortcode excluding multiple pages with ids 708, 1024 and 42.
<pre><code>[html_sitemap exclude="708,1024,42"]
</code></pre>
Example shortcode will add a class attribute to the <code><ul></code> tag.
<pre><code>[html_sitemap class="custom-class"]
</code></pre>
Example shortcode will add an id attribute to the <code><ul></code> tag.
<pre><code>[html_sitemap id="custom-element-id"]
</code></pre>
Example shortcode will display an ordered list using lowercase letters with a depth of 1.
<pre><code>[html_sitemap ordered_list_type="a" depth=1]
</code></pre>
For the latest information visit the website.
<a href="http://www.pluginspodcast.com/plugins/html-page-sitemap/" rel="nofollow ugc">http://www.pluginspodcast.com/plugins/html-page-sitemap/</a>
<h4>ATTENTION: HTML-SITEMAP SHORTCODE HAS CHANGED</h4>
Though <code>html-sitemap</code> still works, the new HTML Sitemap shortcode is <code>html_sitemap</code>. The dash/hyphen may not get processed correctly if other plugins use the same prefix such as the Syntax Highlighter plugin. <a href="https://core.trac.wordpress.org/ticket/11948" rel="nofollow ugc">read more</a>, <a href="https://core.trac.wordpress.org/ticket/17657" rel="nofollow ugc">and more</a>
<h3>Contributors</h3>
<a href="https://angelo.mandato.com" rel="nofollow ugc">Angelo Mandato</a>, Founder and CTO of <a href="https://www.painlessanalytics.com" rel="nofollow ugc">Painless Analytics</a> – Plugin author

HTML Page Sitemap

I felt the need to post a quick review for this plugin since it got a couple low ratings due to only including pages. The plugin clearly states it is for listing all of your pages only. It is not a normal XML sitemap. I'm giving it 5 stars because it is simple and does what I wanted. I simply wanted a page that listed all of my site's pages. This did it quickly and minimally. 

I do have one suggestion for the author. Rename the plugin. Instead of HTML Page Sitemap, perhaps it should be Simple Page List. Or, something that does not include "sitemap" since that word is what caused the couple low reviews, I think.

Simple

Adds an HTML (Not XML) sitemap of your pages (not posts) by entering the shortcode [html_sitemap], perfect for those who use WordPress as a CMS.

David Gwyer

wpgoplugins

The most popular HTML sitemap available for WordPress just got even simpler to use. You can now build and preview your sitemap visually directly in the post editor!
There’s no need to use confusing and complicated shortcodes anymore. Constant swapping back and forth between the editor and front end is a thing of the past.
Simple Sitemap helps improve your SEO ranking by automatically generating an HTML sitemap of your content. Add a full sitemap literally in seconds. No coding or setup required. Works straight out of the box and includes plenty of flexible customization options.
The latest version now also includes a responsive tabbed layout option that looks fantastic. We’re super excited to share this with you.
<h4>KEEPS ON GETTING BETTER</h4>
Simple Sitemap is a well-established plugin and has been consistently developed and maintained for several years. It’s currently used on over 75,000 websites.
The big news is that we’ve recently completely overhauled the plugin and added some great new features. Two dedicated editor blocks have been added that allow you to add and edit your sitemap directly inside the new WordPress editor codenamed <a href="https://wordpress.org/gutenberg/" rel="ugc">Gutenberg</a>. You no longer need to leave the editor to preview your sitemap like you do when using shortcodes.
There are also new plugin settings available to determine how parent page links are managed.
<h4>INTRODUCING THE NEW SITEMAP EDITOR BLOCKS</h4>
The two new sitemap blocks have been added to replace the following shortcodes:
<ul>
<li><code>[simple-sitemap]</code></li>
<li><code>[simple-sitemap-group]</code></li>
</ul>
This means you don’t have to remember a long list of obscure shortcode attributes or go hunting in the documentation to see what features are available.
Simply add a sitemap block to the editor and configure the sitemap settings in the block inspector panel to the right. Everything is managed visually and is very intuitive. If you thought the plugin was easy to use before just wait until you try out the new sitemap blocks!
Be prepared to be blown away at just how quick and easy it is to add a sitemap and configure settings.
<h4>SHORTCODES ARE STILL AVAILABLE</h4>
Alternatively, if you’re using an older version of WordPress, or you have the Classic Editor plugin installed, then you can still use shortcodes to display a sitemap. Just add the <code>[simple-sitemap]</code> or <code>[simple-sitemap-group]</code> to any page and the sitemap will be visible when the page is viewed on the front end of your site.
However, wherever possible we recommend you switch to using the new sitemap blocks instead as they are just so much easier to use than shortcodes.
<h4>WHAT’S THIS? TABBED LAYOUT YOU SAY?</h4>
That’s right. We’ve added support for a fully tabbed layout in Simple Sitemap. While a lot of users are happy with displaying a sitemap in one long list you can now optionally display each post type in a separate tab too.
The ordering of sitemap tabs can be controlled via the block inspector panel along with all the other sitemap settings.
The tabs have been implemented via pure CSS and no JavaScript code is needed to render them. This means there’s less to go wrong and the tabs load quicker – they just have a nice snappy rock-solid feel to them.
As a bonus, the tabs are 100% responsive so on mobile devices you can be sure your sitemap still looks great!
<h4>FEATURES GALORE</h4>
Here’s a breakdown of the features included with Simple Sitemap.
<ul>
<li>Build sitemap visually. No Shortcodes needed!</li>
<li>Preview sitemap directly in the editor.</li>
<li>Choose from standard or tabbed layouts.</li>
<li>Beautiful 100% CSS sitemap tabs. (no JavaScript)</li>
<li>Display any number of posts or pages.</li>
<li>List sitemap items in ascending or descending order.</li>
<li>Sort by field. (e.g. title, author, date, ID)</li>
<li>Optionally display post excerpt.</li>
<li>Toggle post type label.</li>
<li>Display individual sitemap items as text or links.</li>
<li>Sitemap shortcodes available as an alternative to blocks.</li>
<li>Plugin settings to manage parent page links.</li>
<li>Intelligent script handling.</li>
<li>Support for multiple sitemaps per page.</li>
</ul>
Scripts used by the plugin will only be added to posts or pages that contain a sitemap block. They will NOT be added globally to all pages which would be inefficient.
Also, each sitemap has a unique ID assigned to it which is used to namespace the CSS. This enables you to add multiple sitemaps to a page and apply different settings/styles to each one.
<h4>ADVANCED SITEMAP FEATURES</h4>
<a href="https://wpgoplugins.com/plugins/simple-sitemap-pro/" rel="nofollow ugc">Simple Sitemap Pro</a> has been designed for sitemaps that need more features and advanced configuration options.
It contains more blocks, more shortcodes, and plenty of user interface controls for fine-grained control over exactly what’s included in the sitemap and how it’s rendered. This added flexibility allows you to generate almost any type of sitemap you can think of!
In particular the following <a href="https://wpgoplugins.com/plugins/simple-sitemap-pro/" rel="nofollow ugc">additional features</a> are available.
<ul>
<li>Add any custom post types to a sitemap.</li>
<li>List posts sorted by any custom taxonomies.</li>
<li>Tabbed layout is fully responsive.</li>
<li>Advanced tabbed layout options.</li>
<li>Set dynamic max, and responsive breakpoint, widths for tabs.</li>
<li>Horizontal sitemap layout.</li>
<li>Exclude specific posts/pages.</li>
<li>Include ONLY specified posts/pages.</li>
<li>Customize styles via user interface. (e.g. color pickers)</li>
<li>Filter hooks for fine-grain control over sitemap.</li>
<li>2 sitemap blocks (3 more will be added soon).</li>
<li>5 sitemap shortcodes.</li>
<li>Shortcode aliases for quicker entry.</li>
<li>No coding required for customizations.</li>
</ul>
There are plenty of great options to choose from here. To see the full range of sitemap features in action take a look at the <a href="https://demo.wpgothemes.com/flexr/simple-sitemap-pro-demo/" rel="nofollow ugc">live demo</a>.
<h4>ACKNOWLEDGEMENTS & LINKS</h4>
A big thankyou to everyone who uses and supports this plugin. A lot of time and effort has been put into it over the years. We couldn’t do it without your support!
Please consider <a href="https://wordpress.org/support/view/plugin-reviews/simple-sitemap" rel="ugc">rating</a> the plugin if you find it useful. It only takes a moment but it’s very much appreciated. 🙂
View the <a href="https://demo.wpgothemes.com/flexr/simple-sitemap-pro-demo/" rel="nofollow ugc">sitemap live demo</a> to view all the different types of sitemap available and the various configuration options.
Checkout the <a href="https://wordpress.org/plugins/simple-sitemap/screenshots/" rel="ugc">screenshots</a> below, or click <a href="https://wpgoplugins.com/plugins/simple-sitemap-pro" rel="nofollow ugc">here</a> for more details.
For more top plugins see our <a href="https://www.wpgoplugins.com" rel="nofollow ugc">WordPress plugin site</a>. Why not stop by and say hello, we’d love to hear about your needs for an HTML sitemap or anything else WordPress related.

Simple Sitemap – Create a Responsive HTML Sitemap

I upgraded to the Pro version so that I could have support for custom post types.

Easy to use and does exactly what it says!


Plugin is outdated. Works fine if you're using a classic editor or haven't updated WordPress since 6.5.5. If you've updated to 6.7 or higher, beware. This plugin may break your site. Especially if you utilize WP Blocks. Very disappointing.


Outdated

Create a HTML sitemap and preview directly inside the editor! No more complicated shortcodes. Boost the SEO performance of your WordPress site.

HTML Page Sitemap vs Simple Sitemap – Create a Responsive HTML Sitemap