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" 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>

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.

Rik Schennink

Use Snippy to quickly create your own custom shortcodes.
A Snippy shortcode is built by combining bits. A bit can be a file, like a Stylesheet or a Script, or a piece of code, like HTML, CSS or JavaScript.
The “code” bits can contain placeholders, which are automatically made accessible as shortcode attributes.
Time for a quick example.
Let’s create a shortcode to embed YouTube videos. We’ll add an HTML bit and set the it’s value to the YouTube embed iframe.
<pre><code><iframe src="https://youtube/embed/JZYYJY4yoK4"/>
</code></pre>
Now to make this bit a bit more flexible we will replace the YouTube video id with a placeholder value <code>{{id}}</code>.
<pre><code><iframe src="https://youtube/embed/{{id}}"/>
</code></pre>
Yay! We’ve finished our first bit!
Now we can create a new Snippy shortcode and add the YouTube iFrame HTML bit. After saving the shortcode we can use our new and shiny YouTube shortcode in the text editor.
<pre><code>[youtube id=JZYYJY4yoK4]
</code></pre>
Ready for more?
The below 3 minute YouTube video shows how you can use Snippy to turn a jQuery plugin into a WordPress plugin.
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/JZYYJY4yoK4?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>

Snippy

Makes it easy to create your own custom shortcodes.

Uix Shortcodes vs Snippy