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.

Code Amp

DesignsAndCode

<p>Forget About Shortcode (FASC) Buttons are a visual way to add CSS buttons in the rich text editor and to your themes.  Instead of adding shortcodes in the post editor, you insert real, styled buttons – making the process of adding buttons to your posts and pages much more natural whilst improving the appearance and usability of the post editor.</p>
<p><iframe loading="lazy" title="Forget About Shortcode (FASC) Buttons for WordPress" width="750" height="422" src="https://www.youtube.com/embed/BA9ruSe-i1A?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe></p>
<p>FASC Buttons tries to be as clean as possible with the html, only using data attributes for necessary features – the buttons you use in the post editor use the exact same classes as on the front end of your site with no extra or hidden markup to make them behave this way.</p>
<ul>
<li>
<p>New – add FASC buttons to widgets in WP 4.8 🙂</p>
</li>
<li>
<p>Editing a button couldn’t be easier – just double click a button and an options panel appears allowing you to completely reconfigure the current button – beats tedious shortcodes and using precise syntax!</p>
</li>
<li>
<p>Utilises the latest CSS properties for styling</p>
</li>
<li>
<p>Includes Dashicons & <a href="http://fortawesome.github.io/Font-Awesome/icons/" rel="nofollow ugc">Font Awesome Icons</a> to add to your buttons and use in your themes.</p>
</li>
</ul>
<p><strong>Your ratings mean a lot – if you like the plugin please consider leaving a review.</strong></p>
<p><strong>This plugin is only compatible with WordPress 4.2 and upwards (download version 1.x for compatibility with WP 3.9 – 4.1)</strong></p>
<h4>Links</h4>
<ul>
<li><a href="http://www.designsandcode.com/551/wordpress-forget-about-shortcode-buttons/" rel="nofollow ugc">FASC Buttons Discussion</a></li>
<li><a href="https://www.youtube.com/watch?v=BA9ruSe-i1A" rel="nofollow ugc">FASC Buttons Video Demo</a></li>
</ul>


Forget About Shortcode Buttons

... and this has it. Works exactly as advertised and is WYSIWYG. In edit mode, the buttons don't shrink when they receive focus, which I've seen on other plugins. There are a wide variety of choices for appearance, and the icons feature is an excellent addition. It just works.

I look for ease of use...

A visual way to add CSS buttons in the rich text editor and to your themes.

Child Pages Shortcode vs Forget About Shortcode Buttons