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.

WP Darko

<p>This plugin adds a “Teams” section to the admin panel which allows you to showcase your staff/employees/people on your website the easy way. You can quickly add members to your team(s), add their picture, position, bios, social links, re-order them at anytime and display them anywhere with a simple shortcode. What you see is what you get, and it’s totally free.</p>
<p>[Compatible with PHP 8.]</p>
<h4>No limitation for the Free version</h4>
<p>The free version of the Team Members plugin is <strong>not limited</strong>.</p>
<h4>Available fields</h4>
<ul>
<li>Firstname</li>
<li>Lastname</li>
<li>Description/bio</li>
<li>Photo</li>
<li>Social links (FB, X, Instagra, etc.)</li>
</ul>
<h4>Available settings</h4>
<ul>
<li>Number of members to show per line (1 to 5)</li>
<li>Display order (default/random)</li>
<li>Color</li>
</ul>
<h4>PRO features</h4>
<ul>
<li>New picture on hover</li>
<li>Member height equalizing</li>
<li>Import/export members from one team to another</li>
<li>Full-width pictures</li>
<li>Hide members</li>
<li>More info reveal box</li>
<li>Picture filters</li>
<li>Per-member color</li>
<li>Two more social links per member</li>
</ul>
<p>Check out our <a href="https://wpdarko.com/items/team-members-pro/" rel="nofollow ugc">PRO version</a>, see all these features in action.</p>
<h4>Usage</h4>
<p>Go to <a href="https://wpdarko.com/support/docs/get-started-with-the-team-members-plugin/" rel="nofollow ugc">the plugin’s documentation</a> if you need more information on how to use this plugin.</p>
<h4>Support</h4>
<p>Find help on <a href="https://wpdarko.com/support" rel="nofollow ugc">our support platform</a> for this plugin (we’ll answer you fast, promise).</p>


Team Members

I like the plugin, it is very easy to use. But the design seems so old, need to upgrade them

Good Plugin, Easy to use

A responsive and clean way to display your team. Create members, add their positions, bios (and more...) and copy-paste the shortcode anywhere.

Child Pages Shortcode vs Team Members