UIUX Lab

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. “Content Shortcode”, “Column Shortcode”, “Web Elements Shortcode”, “Container Shortcode”, and so on. They could be used together. It is compatible with Gutenberg.
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: Elegant (default), Slant, Rich.
A variety of optional styles are available for Uix ShortCodes. Go to “Uix ShortCodes -> Settings -> General Settings”, you can choose the shortcodes style you want.
Included Modules
The currently available default elements:
<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>
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/8bX2vyA5iT4?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe>

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

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.
<h4>Usage</h4>
The shortcode is <code>[listchildpages]...[/listchildpages]</code>. It accepts several attributes:
<ul>
<li>ifempty: Message or HTML to show if no child pages exist.</li>
<li>order: <code>ASC</code> or <code>DESC</code>. Default: <code>DESC</code>.</li>
<li>orderby: 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>displayimage: Show featured image (<code>yes|no</code>). Default: <code>no</code>.</li>
<li>align: CSS class to apply to the image (<code>alignleft</code>, <code>alignright</code>, etc.).</li>
<li>ulclass, liclass, aclass: CSS classes for the list, list items, and links.</li>
<li>parent: ID, slug/path, or <code>current</code> to choose the parent page. Default: <code>current</code>.</li>
<li>size: 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>
Examples:
Example 1: Order the child pages by publish date in descending order: 
 [listchildpages aclass=”” ifempty=”No child pages” orderby=”publish_date” order=”desc” displayimage=”no”]
<h3>Here are our child pages:</h3>
<pre><code>[/listchildpages]
</code></pre>
Example 2: Order the child pages by title in ascending order with the page’s featured image aligned left: 
 [listchildpages orderby=”title” order=”asc” displayimage=”yes” align=”alignleft”]
<h3>Here are our child pages:</h3>
<pre><code>[/listchildpages]
</code></pre>
Example 3: Target a specific parent page by ID and use medium-sized images: 
 [listchildpages parent=”123″ displayimage=”yes” size=”medium”]
<h3>Resources</h3>
<pre><code>[/listchildpages]
</code></pre>
Example 4: Target a parent page by slug and show full-size featured images: 
 [listchildpages parent=”about/company” displayimage=”yes” size=”full”]
<h3>Team Sections</h3>
<pre><code>[/listchildpages]
</code></pre>
Example 5: Explicitly set the parent as the current page and use large images: 
 [listchildpages parent=”current” displayimage=”yes” size=”large”]
<h3>Subpages</h3>
<pre><code>[/listchildpages]
</code></pre>
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>.
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!

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