Takayuki Miyauchi

<p>You can use shortcode for display child pages from the page.</p>
<p><a href="https://github.com/miya0001/child-pages-shortcode" rel="nofollow ugc">This plugin maintained on GitHub.</a></p>
<h4>Some features</h4>
<ul>
<li>This plugin will add shortcode <code>[child_pages]</code> display child pages.</li>
<li>You can customize default HTML template on your plugin.</li>
<li>This plugin will be able to “excerpt” to the pages.</li>
</ul>
<h4>Example</h4>
<p>Display child pages of the current page.<br />
    [child_pages width=”33%”]</p>
<h4>Args</h4>
<ul>
<li>id – ID of page (Optional)</li>
<li>size – Post thumbnail size. e.g. ‘thumbnail’ or ‘large’</li>
<li>width – width of block for child pages.</li>
<li>disable_shortcode – Shortcode not work in the template if set true.</li>
<li>disable_excerpt_filters – filters not work for the excerpt if set true.</li>
</ul>
<h4>filter hooks example</h4>
<p>Filter for query_posts() query.</p>
<pre><code><?php
    // default args
    $args = array(
        'post_status' => 'publish',
        'post_type' => 'page',
        'post_parent' => $id_for_the_post,
        'orderby' => 'menu_order',
        'order' => 'ASC',
        'nopaging' => true,
    );

    add_filters('child-pages-shortcode-query', "my_query");
    function my_query($args) {
        //
        // some code here
        //
        return $args;
    }
?>
</code></pre>
<p>Filter for default template.</p>
<pre><code><?php
    add_filter("child-pages-shortcode-template", "my_template");
    function my_template($template) {
        return '<div class="%class%"><a href="%post_url%">%post_thumb%</a></div>';
    }
?>
</code></pre>
<p>Filter for stylesheet URI.</p>
<pre><code><?php
    add_filter("child-pages-shortcode-stylesheet", "my_style");
    function my_style($url) {
        return 'http://example.com/path/to/style.css';
    }
?>
</code></pre>
<p>Default Template</p>
<pre><code><div id="child_page-%post_id%" class="child_page" style="width:%width%;">
    <div class="child_page-container">
        <div class="post_thumb"><a href="%post_url%">%post_thumb%</a></div>
        <div class="post_content">
            <h4><a href="%post_url%">%post_title%</a></h4>
            <div class="post_excerpt">%post_excerpt%</div>
        </div>
    </div>
</div>
</code></pre>
<p>Template valiables</p>
<ul>
<li>%post_id% – ID of the Page</li>
<li>%width% – Width of block for single page</li>
<li>%post_url% – Page permalink</li>
<li>%post_thumb% –  for Post thubmail</li>
<li>%post_title% – Page title</li>
<li>%post_excerpt% – Page excerpt</li>
</ul>
<h4>Support</h4>
<ul>
<li>http://wpist.me/wp/child-pages-shortcode/ (en)</li>
<li>http://firegoby.theta.ne.jp/wp/child-pages-shortcode (ja)</li>
</ul>
<h4>Contributors</h4>
<ul>
<li><a href="http://wpist.me/" rel="nofollow ugc">Takayuki Miyauchi</a></li>
</ul>
<h3>Credits</h3>
<p>This plug-in is not guaranteed though the user of WordPress can freely use this plug-in free of charge regardless of the purpose.<br />
The author must acknowledge the thing that the operation guarantee and the support in this plug-in use are not done at all beforehand.</p>
<h3>Contact</h3>
<ul>
<li>http://wpist.me/</li>
<li><a href="https://twitter.com/#!/wpist_me" rel="nofollow ugc">@wpist_me</a></li>
</ul>


Child Pages Shortcode

You can use shortcode for display child pages from the page.

WPExperts.io

Saad Iqbal

<blockquote>
<p>Create custom shortcodes and reusable content and insert them in into your posts and pages.</p>
</blockquote>
<p><a href="https://postsnippets.com/" rel="nofollow ugc">Post Snippets</a> lets you build a library with snippets of HTML, PHP code or reoccurring text that you often use in your posts and pages. You can use predefined variables to replace parts of the snippet on insert. All snippets are available in the post editor via a button in the Visual mode. The snippet can be inserted as defined, or as a shortcode to keep flexibility for updating the snippet. PHP code is supported for snippets inserted as shortcodes.</p>
<h4>Basic Features</h4>
<ul>
<li><strong>Insert</strong> All defined snippets is inserted from a button directly in the post editor.</li>
<li><strong>Shortcodes</strong> You can use this plugin to create your own custom shortcodes.</li>
<li><strong>PHP</strong> A shortcode snippet can optionally be processed as PHP code.</li>
<li><strong>Buttons</strong> The snippets can be found in the (visual) WordPress editor with a button and in the HTML editor with a quicktag.</li>
<li><strong>User-friendly</strong> Easy to use ‘Manage Snippets’ page where you can add, edit and remove snippets.</li>
<li><strong>Variables</strong> Each snippet can have as many custom variables as you like, which can be used on insert.</li>
<li><strong>Import/Export</strong> Snippets can be imported and exported between sites.</li>
<li><strong>Documentation</strong> Full documentation is available directly from the help panel in the plugin (top right in WordPress).</li>
<li><strong>Uninstall</strong> If you delete the plugin from your plugins panel it cleans up all data it has created in the WordPress database.</li>
</ul>
<h4>Premium Features</h4>
<ul>
<li><strong>Snippet duplication</strong> Easily duplicate shortcode snippets and insert them into posts and pages.</li>
<li><strong>Rich Text Editor</strong> Use Post Snippets’ built-in Rich Text editor to customize your snippets however you want.</li>
<li><strong>Snippets Order</strong> Change the order of your snippets simply by using the drag and drop functionality.</li>
<li><strong>Rest API</strong> Allow anyone the right to add, edit, update and delete any snippet without providing them admin access.</li>
<li><strong>Tags</strong> Use the tags feature to add multiple tags and filter different snippets by using tags.</li>
<li><strong>Cloud snippet</strong> Save, edit, download, and delete snippets directly on the cloud by using the cloud snippets feature.</li>
<li><strong>Gutenberg Block Editor Support</strong> Gutenberg block types can support any number of built-in core features such as name, icon, description, category and more.</li>
<li><strong>Snippet type</strong> Display the snippet types (PHP, JS, CSS) by adding a column in the snippet listing page.</li>
<li><strong>The Gutenberg editor</strong> integrates source code snippets block to insert and preview selected snippet’s code on the front-end without execution.</li>
<li><strong>Elementor editor</strong> adds a post-snippet block for inserting snippets with PHP execution, formatting, shortcode support, and a Post Snippet source block to showcase snippet source code. </li>
</ul>
<h4>Technical Documentation</h4>
<p>To obtain more information, including instructions for plugin installation, we recommend referring to our technical <a href="https://postsnippets.com/documentation/" rel="nofollow ugc">documentation</a> page on Post Snippets. Additionally, to stay informed about the latest plugin updates, enhancements, and relevant news, you can always visit our <a href="https://postsnippets.com/blog/" rel="nofollow ugc">Post Snippets blog.</a></p>
<h4>Support</h4>
<p>To get your queries resolved related to Post Snippets, you can always take help from <a href="https://wordpress.org/support/plugin/post-snippets/" rel="ugc">WordPress Support.</a></p>
<h4>Pricing Plans</h4>
<p>Post Snippets offers budget-friendly pricing options that complement your business needs. See the pricing plan details <a href="https://postsnippets.com/#pricing" rel="nofollow ugc">here.</a></p>


Post Snippets – Custom WordPress Code Snippets Customizer

Create WordPress custom snippets shortcodes and reusable content and insert them in into your posts and pages.

Child Pages Shortcode vs Post Snippets – Custom WordPress Code Snippets Customizer