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.

Paul Ryan

the_elusive

<p>Insert Pages lets you embed any WordPress content (e.g., pages, posts, custom post types) into other WordPress content using the Shortcode API. It also includes a widget for inserting pages into any widget area.</p>
<p>The real power of Insert Pages comes when you start creating custom post types, either <a href="https://codex.wordpress.org/Post_Types" rel="nofollow ugc">programmatically in your theme</a>, or using another plugin like <a href="https://wordpress.org/plugins/custom-post-type-ui/" rel="ugc">Custom Post Type UI</a>. You can then abstract away common data types (like videos, quizzes, due dates) into their own custom post types, and then show those pieces of content within your normal pages and posts by Inserting them as a shortcode.</p>
<h3>Advanced Tutorial</h3>
<p>Contributor Wes Modes has graciously written an updated tutorial for the Gutenberg era, focused on creating a custom post type with custom fields and a custom template for rendering content. Read it here: <a href="https://medium.com/@wesmodes/using-wordpress-insert-pages-plugin-with-your-custom-post-types-and-custom-templates-535c141f9635" rel="nofollow ugc">https://medium.com/@wesmodes/using-wordpress-insert-pages-plugin-with-your-custom-post-types-and-custom-templates-535c141f9635</a></p>
<h3>Example: Normal Use Case</h3>
<p>Say you teach a course and you’re constantly referring to an assignment due date in your course website. The next semester the due date changes, and you have to go change all of the locations you referred to it. Instead, you’d rather just change the date once! With Insert Pages, you can do the following:</p>
<ol>
<li>Create a custom post type called <strong>Due Date</strong>.</li>
<li>Create a new <em>Due Date</em> called <strong>Assignment 1 Due Date</strong> with <strong>Fri Nov 22, 2013</strong> as its content.</li>
<li>Edit all the pages where the due date occurs and use the <em>Insert Pages</em> toolbar button to insert a reference to the <em>Due Date</em> you just created. Be sure to set the <em>Display</em> to <strong>Content</strong> so <em>Fri Nov 22, 2013</em> shows wherever you insert it. The shortcode you just created should look something like this: <code>[insert page='assignment-1-due-date' display='content']</code></li>
<li>That’s it! Now, when you want to change the due date, just edit the <em>Assignment 1 Due Date</em> custom post you created, and it will automatically be updated on all the pages you inserted it on.</li>
</ol>
<h3>Example: Advanced Use Case</h3>
<p>Say your site has a lot of video content, and you want to include video transcripts and video lengths along with the videos wherever you show them. You could just paste the transcripts into the page content under the video, but then you’d have to do this on every page the video showed on. (It’s also just a bad idea, architecturally!) With Insert Pages, you can use a custom post type and create a custom theme template to display your videos+transcripts+lengths just the way you want!</p>
<ol>
<li>Create a custom post type called <strong>Video</strong>.</li>
<li>Use a plugin like <a href="https://wordpress.org/plugins/advanced-custom-fields/" rel="ugc">Advanced Custom Fields</a> to add extra fields to your new <em>Video</em> custom post type. Add a <strong>Video URL</strong> field, a <strong>Transcript</strong> field, and a <strong>Video Length</strong> field.</li>
<li>Create a new <em>Video</em> called <strong>My Awesome Video</strong> with the following values in its fields:
<ul>
<li><em>Video URL</em>: <strong>http://www.youtube.com/watch?v=oHg5SJYRHA0</strong></li>
<li><em>Transcript</em>: <strong>We’re no strangers to love, You know the rules and so do I…</strong></li>
<li><em>Video Length</em>: <strong>3:34</strong></li>
</ul>
</li>
<li>Create a template in your theme so we can display the video content as we want. I won’t cover this step here since it’s pretty involved, but you can find more help in the <a href="https://codex.wordpress.org/Theme_Development#Custom_Page_Templates" rel="nofollow ugc">WordPress Codex</a>. Let’s assume you created a template called <strong>Video with transcript</strong> (video-with-transcript.php) that shows the youtube video in a <a href="http://fancybox.net/" rel="nofollow ugc">fancybox</a>, and includes a button that shows the text transcript when a user clicks on it.</li>
<li>Edit the pages where you want the video to show up and use the <em>Insert Pages</em> toolbar button to insert a reference to the <em>Video</em> you just created. Be sure to set the <em>Display</em> to <strong>Use a custom template</strong>, and select your new template <strong>Video with transcript</strong>. The shortcode you just created should look something like this: <code>[insert page='my-awesome-video' display='video-with-transcript.php']</code></li>
<li>That’s it! Now you can create all sorts of video content and know that it’s being tracked cleanly in the database as its own custom post type, and you can place videos all over your site and not worry about lots of duplicate content.</li>
</ol>
<p>The possibilities are endless!</p>


Insert Pages

I love these kind of single purpose plugins just solving a specific issue. Great plugin, works as intended.

Perfect

Insert Pages lets you embed any WordPress content (e.g., pages, posts, custom post types) into other WordPress content using the Shortcode API.

Child Pages Shortcode vs Insert Pages