enomoto celtislab

<p>Document hierarchy pages like a book and provide easy navigation between pages.</p>
<p><a href="https://celtislab.net/en/wp-plugin-hpgnav/" rel="nofollow ugc">Documentation</a></p>
<h3>Used library</h3>
<p>jquery.mjs.nestedSortable.js  https://github.com/ilikenwf/nestedSortable　 MIT license</p>


Hierarchy Pages Nav

Document hierarchy pages like a book and provide easy navigation between pages.

douglaskarr

<p>I could not find an easy plugin that enabled me to use a shortcode that would enable me to publish a list of child pages under a parent page. So, I built one.</p>
<h4>Usage</h4>
<p>The shortcode is <code>[listchildpages]...[/listchildpages]</code>. It accepts several attributes:</p>
<ul>
<li><strong>ifempty</strong>: Message or HTML to show if no child pages exist.</li>
<li><strong>order</strong>: <code>ASC</code> or <code>DESC</code>. Default: <code>DESC</code>.</li>
<li><strong>orderby</strong>: Field to order by. Default: <code>publish_date</code> (maps to <code>date</code>). Any valid <code>WP_Query</code> orderby value works.</li>
<li><strong>displayimage</strong>: Show featured image (<code>yes|no</code>). Default: <code>no</code>.</li>
<li><strong>align</strong>: CSS class to apply to the image (<code>alignleft</code>, <code>alignright</code>, etc.).</li>
<li><strong>ulclass, liclass, aclass</strong>: CSS classes for the list, list items, and links.</li>
<li><strong>parent</strong>: ID, slug/path, or <code>current</code> to choose the parent page. Default: <code>current</code>.</li>
<li><strong>size</strong>: Image size for thumbnails (<code>thumbnail</code>, <code>medium</code>, <code>large</code>, <code>full</code>, or custom size). Default: <code>thumbnail</code>.</li>
</ul>
<p>Examples:</p>
<p>Example 1: Order the child pages by publish date in descending order:<br />
    [listchildpages aclass=”” ifempty=”No child pages” orderby=”publish_date” order=”desc” displayimage=”no”]</p>
<h3>Here are our child pages:</h3>
<pre><code>[/listchildpages]
</code></pre>
<p>Example 2: Order the child pages by title in ascending order with the page’s featured image aligned left:<br />
    [listchildpages orderby=”title” order=”asc” displayimage=”yes” align=”alignleft”]</p>
<h3>Here are our child pages:</h3>
<pre><code>[/listchildpages]
</code></pre>
<p>Example 3: Target a specific parent page by ID and use medium-sized images:<br />
    [listchildpages parent=”123″ displayimage=”yes” size=”medium”]</p>
<h3>Resources</h3>
<pre><code>[/listchildpages]
</code></pre>
<p>Example 4: Target a parent page by slug and show full-size featured images:<br />
    [listchildpages parent=”about/company” displayimage=”yes” size=”full”]</p>
<h3>Team Sections</h3>
<pre><code>[/listchildpages]
</code></pre>
<p>Example 5: Explicitly set the parent as the current page and use large images:<br />
    [listchildpages parent=”current” displayimage=”yes” size=”large”]</p>
<h3>Subpages</h3>
<pre><code>[/listchildpages]
</code></pre>
<p>The shortcode accepts all of the Order and Orderby Parameters listed within the <a href="https://codex.wordpress.org/Class_Reference/WP_Query#Order_.26_Orderby_Parameters" rel="nofollow ugc">WordPress class reference</a>.</p>
<p>Built by <a href="http://www.dknewmedia.com" rel="nofollow ugc">DK New Media</a>, visit <a href="https://martech.zone" rel="nofollow ugc">MarTech</a> to keep up on this plugin and other marketing tools to help you grow your online presence!</p>


List Child Pages Shortcode

Would love to see this shortcode actually added to the core platform.

Great Shortcode!

A simple plugin to add list of child pages within the content of a parent page.

Hierarchy Pages Nav vs List Child Pages Shortcode