UIUX Lab

<p>Uix Shortcodes makes it easy and quick to add the shortcode you need to achieve the page layout or function you desire. It provides easy to use over 26+ shortcodes. The content elements are the heart of any page builder. These are the elements shortcodes that come with theme. You may customize the shortcode by changing/adding the parameters. <strong>“Content Shortcode”</strong>, <strong>“Column Shortcode”</strong>, <strong>“Web Elements Shortcode”</strong>, <strong>“Container Shortcode”</strong>, and so on. They could be used together. <strong>It is compatible with Gutenberg.</strong></p>
<p>The Uix Shortcodes consists of several core features that are key to support multi-style switch. According to current progress, some styles can be summarized as follows: <strong>Elegant (default), Slant, Rich.</strong></p>
<p>A variety of optional styles are available for Uix ShortCodes. Go to <strong>“Uix ShortCodes -> Settings -> General Settings”</strong>, you can choose the shortcodes style you want.</p>
<p><strong>Included Modules</strong></p>
<p>The currently available default elements:</p>
<ul>
<li>container</li>
<li>parallax</li>
<li>image slider</li>
<li>timeline</li>
<li>columns</li>
<li>buttons</li>
<li>progress bar</li>
<li>google maps</li>
<li>special heading</li>
<li>pricing table</li>
<li>icons</li>
<li>features boxes</li>
<li>testimonials carousel</li>
<li>team</li>
<li>list of clients</li>
<li>responsive video</li>
<li>audio</li>
<li>accordion</li>
<li>dividing line</li>
<li>tabs</li>
<li>code with highlighter</li>
<li>share buttons</li>
<li>contact form(use commenting form template)</li>
<li>portfolio(support lightbox)</li>
<li>recent posts with custom template</li>
<li>author card</li>
</ul>
<p><iframe loading="lazy" title="Uix Shortcodes Live Demo 2 - WordPress Plugin" width="750" height="422" src="https://www.youtube.com/embed/8bX2vyA5iT4?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>


Uix Shortcodes

Uix Shortcodes brings an amazing set of beautiful and useful elements to your site that lets you do nifty things with very little effort.

douglaskarr

<p>I could not find an easy plugin that enabled me to use a shortcode that would enable me to publish a list of child pages under a parent page. So, I built one.</p>
<h4>Usage</h4>
<p>The shortcode is <code>[listchildpages]...[/listchildpages]</code>. It accepts several attributes:</p>
<ul>
<li><strong>ifempty</strong>: Message or HTML to show if no child pages exist.</li>
<li><strong>order</strong>: <code>ASC</code> or <code>DESC</code>. Default: <code>DESC</code>.</li>
<li><strong>orderby</strong>: Field to order by. Default: <code>publish_date</code> (maps to <code>date</code>). Any valid <code>WP_Query</code> orderby value works.</li>
<li><strong>displayimage</strong>: Show featured image (<code>yes|no</code>). Default: <code>no</code>.</li>
<li><strong>align</strong>: CSS class to apply to the image (<code>alignleft</code>, <code>alignright</code>, etc.).</li>
<li><strong>ulclass, liclass, aclass</strong>: CSS classes for the list, list items, and links.</li>
<li><strong>parent</strong>: ID, slug/path, or <code>current</code> to choose the parent page. Default: <code>current</code>.</li>
<li><strong>size</strong>: Image size for thumbnails (<code>thumbnail</code>, <code>medium</code>, <code>large</code>, <code>full</code>, or custom size). Default: <code>thumbnail</code>.</li>
</ul>
<p>Examples:</p>
<p>Example 1: Order the child pages by publish date in descending order:<br />
    [listchildpages aclass=”” ifempty=”No child pages” orderby=”publish_date” order=”desc” displayimage=”no”]</p>
<h3>Here are our child pages:</h3>
<pre><code>[/listchildpages]
</code></pre>
<p>Example 2: Order the child pages by title in ascending order with the page’s featured image aligned left:<br />
    [listchildpages orderby=”title” order=”asc” displayimage=”yes” align=”alignleft”]</p>
<h3>Here are our child pages:</h3>
<pre><code>[/listchildpages]
</code></pre>
<p>Example 3: Target a specific parent page by ID and use medium-sized images:<br />
    [listchildpages parent=”123″ displayimage=”yes” size=”medium”]</p>
<h3>Resources</h3>
<pre><code>[/listchildpages]
</code></pre>
<p>Example 4: Target a parent page by slug and show full-size featured images:<br />
    [listchildpages parent=”about/company” displayimage=”yes” size=”full”]</p>
<h3>Team Sections</h3>
<pre><code>[/listchildpages]
</code></pre>
<p>Example 5: Explicitly set the parent as the current page and use large images:<br />
    [listchildpages parent=”current” displayimage=”yes” size=”large”]</p>
<h3>Subpages</h3>
<pre><code>[/listchildpages]
</code></pre>
<p>The shortcode accepts all of the Order and Orderby Parameters listed within the <a href="https://codex.wordpress.org/Class_Reference/WP_Query#Order_.26_Orderby_Parameters" rel="nofollow ugc">WordPress class reference</a>.</p>
<p>Built by <a href="http://www.dknewmedia.com" rel="nofollow ugc">DK New Media</a>, visit <a href="https://martech.zone" rel="nofollow ugc">MarTech</a> to keep up on this plugin and other marketing tools to help you grow your online presence!</p>


List Child Pages Shortcode

Would love to see this shortcode actually added to the core platform.

Great Shortcode!

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

Uix Shortcodes vs List Child Pages Shortcode