Angelo Mandato

Painless Analytics

<p>This simple plugin adds an HTML (Not XML) sitemap of your pages (not posts) by using the shortcode <code>[html_sitemap]</code>. This plugin can display a sitemap with specific depths, from a specific parent page and include/exclude specific pages by ID. The sitemap uses the unordered HTML list tags <code><ul></code> and <code><li></code>.</p>
<p>New for 2.0 is the <strong>HTML Sitemap Block</strong>, now you can add a HTML Sitemap using the WordPress Block Editor.</p>
<p>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> parameters from the <a href="https://codex.wordpress.org/Function_Reference/wp_list_pages" rel="nofollow ugc"><code>wp_list_pages</code></a> function. In addition you can also set <code>class</code>, <code>id</code>, and <code>ordered_list_type</code> to further customize the html page sitemap.</p>
<p><strong>This plugin is perfect for those who use WordPress as a CMS.</strong></p>
<h3>Block / Shortcode Tag Attribute Options</h3>
<p>The following wp_list_pages tag attribute options are supported:</p>
<ul>
<li><code>authors</code> — Comma-separated list of author IDs. Default empty (all authors).</li>
<li><code>child_of</code> — ID of child page, ‘CURRENT’, or ‘PARENT’. The value ‘CURRENT’ will use the current page ID. The value ‘PARENT’ will use the current page parent ID.</li>
<li><code>depth</code> — -1 (any depth), 0 (all pages), 1 (top-level pages only), 2 (top-level and 2nd level pages only), etc.</li>
<li><code>date_format</code> — e.g. ‘l, F j, Y’. See <a href="https://wordpress.org/documentation/article/customize-date-and-time-format/" rel="ugc">WordPress Date Format</a></li>
<li><code>exclude</code> — Comma-separated list of page IDs to exclude.</li>
<li><code>include</code> — Comma-separated list of page IDs to include.</li>
<li><code>item_spacing</code> — Whether to preserve whitespace within the menu’s HTML. Accepts ‘preserve’ or ‘discard’.</li>
<li><code>meta_key</code> — Limits output to pages having a specific custom field key. </li>
<li><code>meta_value</code> — Limits output to pages having a specific custom field value.</li>
<li><code>number</code> — Limits the number of links displayed (SQL LIMIT).</li>
<li><code>offset</code> — Skips a specific number of pages before displaying the list.</li>
<li><code>post_type</code> — Post type to query for. Default ‘page’</li>
<li><code>post_status</code> — Comma-separated list or array of post statuses to include. Default ‘publish’</li>
<li><code>show_date</code> — Whether to display the page publish or modified date for each page. Accepts ‘modified’ or any other value. An empty value hides the date.</li>
<li><code>sort_column</code> — Comma-separated list of column names to sort the pages by. Accepts ‘post_author’, ‘post_date’, ‘post_title’, ‘post_name’, ‘post_modified’, ‘post_modified_gmt’, ‘menu_order’, ‘post_parent’, ‘ID’, ‘rand’, or ‘comment_count’. Default ‘menu_order, post_title’.</li>
<li><code>sort_order</code> — ‘ASC’ or ‘DESC’. Default ‘ASC’.</li>
</ul>
<p>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> function for reference.</p>
<h3>Demos</h3>
<ul>
<li><a href="https://playground.wordpress.net/?blueprint-url=https%3A%2F%2Fraw.githubusercontent.com%2Fmandato-wordpress%2Fhtml-sitemap%2Frefs%2Fheads%2Fmain%2F.github%2Fblueprints%2Fblueprint-block.json" rel="nofollow ugc">Demo of the HTML Sitemap Block</a></li>
<li><a href="https://playground.wordpress.net/?blueprint-url=https%3A%2F%2Fraw.githubusercontent.com%2Fmandato-wordpress%2Fhtml-sitemap%2Frefs%2Fheads%2Fmain%2F.github%2Fblueprints%2Fblueprint-shortcode.json" rel="nofollow ugc">Demo of the HTML Sitemap shortcode</a></li>
</ul>
<p>In addition the following tag attributes are available exclusively for this plugin:</p>
<ul>
<li><code>class</code> — Specify class values for the initial HTML Page Sitemap <code><ul></code> list tag.</li>
<li><code>id</code> — Specify ID values for the initial HTML Page Sitemap <code><ul></code> list tag.</li>
<li><code>ordered_list_type</code> — Specify the ordered list type. Accepts ”, ‘1’, ‘A’, ‘a’, ‘I’, and ‘i’. Default empty value will display an unordered list.</li>
</ul>
<p>The <code>ordered_list_type</code> attribute options in more detail:</p>
<ul>
<li><code>ordered_list_type=""</code> — The list items will be unordered</li>
<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>
<p>Note: This plugin only works with Hierarchical Custom Post Types such as <code>pages</code>. This plugin will not work if your post type is not hierarchical. Not setting an ordered_list_type will use an unordered list (default).</p>
<h4>Examples</h4>
<p>First example shows how to add a sitemap for the entire site.</p>
<pre><code>[html_sitemap]
</code></pre>
<p>Example shortcode will add a sitemap to a page displaying a depth limit of 3 and exclude page ID 708.</p>
<pre><code>[html_sitemap depth=3 exclude=708]
</code></pre>
<p>Example shortcode will add a sitemap to a page displaying only children and grandchildren of the current page.</p>
<pre><code>[html_sitemap depth=2 child_of=CURRENT]
</code></pre>
<p>Example shortcode will add a sitemap to a page displaying children and grandchildren of the parent page (would include the curent page as well).</p>
<pre><code>[html_sitemap depth=2 child_of=PARENT]
</code></pre>
<p>Example shortcode will add a sitemap displaying the page modified date with the pages sorted by the menu order number.</p>
<pre><code>[html_sitemap show_date=modified sort_column=menu_order]
</code></pre>
<p>Example shortcode excluding multiple pages with ids 708, 1024 and 42.</p>
<pre><code>[html_sitemap exclude="708,1024,42"]
</code></pre>
<p>Example shortcode will add a class attribute to the <code><ul></code> tag.</p>
<pre><code>[html_sitemap class="custom-class"]
</code></pre>
<p>Example shortcode will add an id attribute to the <code><ul></code> tag.</p>
<pre><code>[html_sitemap id="custom-element-id"]
</code></pre>
<p>Example shortcode will display an ordered list using lowercase letters with a depth of 1.</p>
<pre><code>[html_sitemap ordered_list_type="a" depth=1]
</code></pre>
<p>Example shortcode with roman numbering in capitalization, with custom field “featured-list” and custom value “yes”</p>
<pre><code>[html_sitemap ordered_list_type="I" meta_key=featured-list meta_value=yes sort_column=post_date]
</code></pre>
<p>For the latest information visit the website.</p>
<p><a href="http://www.pluginspodcast.com/plugins/html-page-sitemap/" rel="nofollow ugc">http://www.pluginspodcast.com/plugins/html-page-sitemap/</a></p>
<h3>Contributors</h3>
<p><a href="https://angelo.mandato.com" rel="nofollow ugc">Angelo Mandato</a>, founder of <a href="https://www.painlessanalytics.com" rel="nofollow ugc">Painless Analytics</a> and <a href="https://www.frontpup.com" rel="nofollow ugc">FrontPup</a> – Plugin author</p>


HTML Page Sitemap (Block and Shortcode)

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 using the HTML Sitemap Block or shortcode, perfect for those who use WordPress as a CMS.

David Gwyer

wpgoplugins

<p>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!</p>
<p>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.</p>
<p>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.</p>
<p>The latest version now also includes a responsive tabbed layout option that looks fantastic. We’re super excited to share this with you.</p>
<h4>KEEPS ON GETTING BETTER</h4>
<p>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.</p>
<p>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.</p>
<p>There are also new plugin settings available to determine how parent page links are managed.</p>
<h4>INTRODUCING THE NEW SITEMAP EDITOR BLOCKS</h4>
<p>The two new sitemap blocks have been added to replace the following shortcodes:</p>
<ul>
<li><code>[simple-sitemap]</code></li>
<li><code>[simple-sitemap-group]</code></li>
</ul>
<p>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.</p>
<p>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!</p>
<p>Be prepared to be blown away at just how quick and easy it is to add a sitemap and configure settings.</p>
<h4>SHORTCODES ARE STILL AVAILABLE</h4>
<p>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.</p>
<p>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.</p>
<h4>WHAT’S THIS? TABBED LAYOUT YOU SAY?</h4>
<p>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.</p>
<p>The ordering of sitemap tabs can be controlled via the block inspector panel along with all the other sitemap settings.</p>
<p>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.</p>
<p>As a bonus, the tabs are 100% responsive so on mobile devices you can be sure your sitemap still looks great!</p>
<h4>FEATURES GALORE</h4>
<p>Here’s a breakdown of the features included with Simple Sitemap.</p>
<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>
<p>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.</p>
<p>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.</p>
<h4>ADVANCED SITEMAP FEATURES</h4>
<p><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.</p>
<p>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!</p>
<p>In particular the following <a href="https://wpgoplugins.com/plugins/simple-sitemap-pro/" rel="nofollow ugc">additional features</a> are available.</p>
<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>
<p>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>.</p>
<h4>ACKNOWLEDGEMENTS & LINKS</h4>
<p>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!</p>
<p>Please consider <a href="https://wordpress.org/support/view/plugin-reviews/simple-sitemap" rel="ugc"><strong>rating</strong></a> the plugin if you find it useful. It only takes a moment but it’s very much appreciated. 🙂</p>
<p>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.</p>
<p>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.</p>
<p>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.</p>


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 (Block and Shortcode) vs Simple Sitemap – Create a Responsive HTML Sitemap