Displays child page archives in card form.

caterhamcomputing

CC Child Pages

Display child pages in a responsive grid or list via a shortcode or Gutenberg block. Includes modern CSS skins with optional legacy mode.

jojoee

Auto Subpage Menu

By default wordpress menu system, wordpress can only automatically add/remove top-level page to/from menus

douglaskarr

List Child Pages Shortcode

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

Julio Potier

Multiple Passwords for Protected Pages

Add more than 1 password to your protected pages, also administrators and page's authors can view the protected pages without password.

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>


Alternatives to Child Pages Card

Top alternatives