Katsushi Kawamori

<h4>Displays child page archives in card form</h4>
<ul>
<li>Generated with shortcode</li>
<li>Generated with block</li>
<li>Can sort in ascending order and descending order.</li>
<li>Specify the number of characters from the text and display the excerpt.</li>
<li>Displays an featured image. If there is no featured image, a site icon is displayed, and if there is no site icon, a WordPress icon is displayed.</li>
<li>Can specify the size of the displayed image.</li>
</ul>
<h4>How it works</h4>
<span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/AYzcpFhYu2c?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span>
<h4>Customize</h4>
<ul>
<li>Template files allow for flexible <a href="https://github.com/katsushi-kawamori/Child-Pages-Card-Templates" rel="nofollow ugc">customization</a>.</li>
<li>The default template file is <code>template/childpagescard-template-html.php</code> and <code>template/childpagescard-template-css.php</code>. Using this as a reference, you can specify a separate template file using the filters below.</li>
</ul>
<pre><code>/** ==================================================
 * Filter for template file of html.
 *
 */
add_filter(
    'child_pages_card_generate_template_html_file',
    function () {
        $wp_uploads = wp_upload_dir();
        $upload_dir = wp_normalize_path( $wp_uploads['basedir'] );
        $upload_dir = untrailingslashit( $upload_dir );
        return $upload_dir . '/tmp/childpagescard-template-html.php';
    },
    10,
    1
);
</code></pre>
<pre><code>/** ==================================================
 * Filter for template file of css.
 *
 */
add_filter(
    'child_pages_card_generate_template_css_file',
    function () {
        $wp_uploads = wp_upload_dir();
        $upload_dir = wp_normalize_path( $wp_uploads['basedir'] );
        $upload_dir = untrailingslashit( $upload_dir );
        return $upload_dir . '/tmp/childpagescard-template-css.php';
    },
    10,
    1
);
</code></pre>
<ul>
<li>CSS files can be set separately. Please see the filters below.</li>
</ul>
<pre><code>/** ==================================================
 * Filter for CSS file.
 *
 */
add_filter(
    'child-pages-card_css_url',
    function () {
        $wp_uploads = wp_upload_dir();
        $upload_url = $wp_uploads['baseurl'];
        if ( is_ssl() ) {
            $upload_url = str_replace( 'http:', 'https:', $upload_url );
        }
        $upload_url = untrailingslashit( $upload_url );
        return $upload_url . '/tmp/childpagescard.css';
    },
    10,
    1
);
</code></pre>


Child Pages Card

Displays child page archives in card form.

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.

Child Pages Card vs List Child Pages Shortcode