Shortcodes

Guide

Uix Shortcodes brings an amazing set of beautiful and useful elements to your site that lets you do nifty things with very little effort. It 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 21+ shortcodes. Currently, Uix Shortcodes supports: "container""columns", "buttons","progress bar", "google maps", "special heading", "pricing table", "icons", "features boxes", "testimonials carousel", "team", "list of clients", "responsive video", "audio", "accordion", "dividing line", "tabs", "code with highlighter", "share buttons","portfolio(support lightbox)", "contact form(use commenting form template)""author card", and "recent posts with custom template".

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.

Note: This is a part of the shortcodes preview, not all. Viewing all shortcodes in the WordPress Admin Panel.

 

Pricing Table

free
$49per month

Some description text here.

TRY FOR FREE
  • Feature Description
  • Another Feature Description
  • Invalid Feature Description
premium
$69per month

Some description text here.

BUY
  • Feature Description
  • Another Feature Description
  • Another Feature Description
  • Invalid Feature Description
professional
$109per month

Some description text here.

BUY
  • Feature Description
  • Another Feature Description
  • Another Feature Description
  • Invalid Feature Description
  • Another Feature Description

 

Features

Creative WordPress Theme

Donec sed odio dui. Etiam porta sem malesuada magna mollis euismod. Nullam id dolor id nibh ultricies vehicula ut id elit. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Praesent commodo cursus magna.

Premium Templates

DThe first approach uses Bootstraps own offset classes so it requires no change in markup and no extra CSS. The key is to set an offset equal to half of the remaining size of the row. So for example, a column of size 2 would be centered by adding an offset of 5.

Search Engine Optimization

Aenean congue molestie sapien, nec convallis lectus interdum ut. Vestibulum facilisis, sem eu lobortis pulvinar, dui dui ornare erat, nec porta nunc quam a metus. Fusce eget consequat purus. Sed magna odio, rhoncus eget diam fermentum, mattis porttitor dolor.

Interactive Creative

Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.

Multiple layouts

Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh.

Freebies

Nam et vestibulum odio. Aliquam auctor ac velit sit amet pretium. Maecenas pulvinar egestas rutrum. Nam et elit faucibus nunc euismod fringilla eu iaculis mi.

Creative WordPress Theme

Donec sed odio dui. Etiam porta sem malesuada magna mollis euismod. Nullam id dolor id nibh ultricies vehicula ut id elit. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Praesent commodo cursus magna.

Interactive Creative

Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.

Premium Templates

DThe first approach uses Bootstraps own offset classes so it requires no change in markup and no extra CSS. The key is to set an offset equal to half of the remaining size of the row. So for example, a column of size 2 would be centered by adding an offset of 5.

Multiple layouts

Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh.

Search Engine Optimization

Aenean congue molestie sapien, nec convallis lectus interdum ut. Vestibulum facilisis, sem eu lobortis pulvinar, dui dui ornare erat, nec porta nunc quam a metus. Fusce eget consequat purus. Sed magna odio, rhoncus eget diam fermentum, mattis porttitor dolor.

Freebies

Nam et vestibulum odio. Aliquam auctor ac velit sit amet pretium. Maecenas pulvinar egestas rutrum. Nam et elit faucibus nunc euismod fringilla eu iaculis mi.
Vitiosum est enim in dividendo partem in genere numerare. Paulum, cum regem Persem captum adduceret, eodem flumine invectio

 

Team

Jone Smmith

Jone Smmith

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sin aliud quid voles, postea. Quamquam te quidem video minime esse deterritum. Ita multa dicunt, quae vix intellegam. Ergo hoc quidem apparet, nos ad agendum esse natos.

Donny Kiu

Donny Kiu

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sin aliud quid voles, postea. Quamquam te quidem video minime esse deterritum. Ita multa dicunt, quae vix intellegam. Ergo hoc quidem apparet, nos ad agendum esse natos. Utrum igitur tibi litteram videor an totas paginas commovere? Duo Reges: constructio interrete.

Estne, quaeso, inquam, sitienti in bibendo voluptas? Nos commodius agimus. Semper enim ex eo, quod maximas partes continet latissimeque funditur, tota res appellatur. At quicum ioca seria, ut dicitur, quicum arcana, quicum occulta omnia? Immo vero, inquit, ad beatissime vivendum parum est, ad beate vero satis. Itaque in rebus minime obscuris non multus est apud eos disserendi labor. Haec bene dicuntur, nec ego repugno, sed inter sese ipsa pugnant. Non autem hoc: igitur ne illud quidem.

Doky

Doky

The Introduction of this member.The Introduction of this member.The Introduction of this member.The Introduction of this member.

You are here

You are here

The Introduction of this member.

 

 

Button

Control the size, font size, button and font color, icon, letter spacing, and link of a button within the promo box shortcode. The button is a great tool for a call-to-action. Add in an engaging button to get your users to click through! You can embed a shortcode to the button.

Small Medium Large Icon Button Icon Button

 

Small Medium Large Custom Icon Custom Icon

 

RED ORANGE DARKBLUE CADETBLUE  BUTTON BLACK BUTTON

 

 

Progress Bar

Choose unlimited colors for each individual progress segment. Animate the segment and/or text. Customize any sizes. It is great for displaying varying types of data and content to your viewers. The progress bar include Circular and Square types for easy customization.

Web Design

This is a description.

Clock

Shop

Painter

This is a description.

Painter

0 75%

Android Development

0 35%

Painter

0 75%

Android Development

0 35%

Photoshop

0 75%

Front-End

This is a description.

0 23%

Clock

0

User Interface

0 88%

Web Design

This is a description.

0 23%

Shop

0

 

 

Tabs

You can control the transition effect, such as fade, slide or none. You can choose vertical tabs or horizontal tabs.

  • Tab Title 1
  • Tab Title 2
  • Tab Title 3

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duarum enim vitarum nobis erunt instituta capienda. Tamen aberramus a proposito, et, ne longius, prorsus, inquam, Piso, si ista mala sunt, placet. Quae fere omnia appellantur uno ingenii nomine, easque virtutes qui habent, ingeniosi vocantur. Ut proverbia non nulla veriora sint quam vestra dogmata.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duarum enim vitarum nobis erunt instituta capienda. Tamen aberramus a proposito, et, ne longius, prorsus, inquam, Piso, si ista mala sunt, placet. Quae fere omnia appellantur uno ingenii nomine, easque virtutes qui habent, ingeniosi vocantur. Ut proverbia non nulla veriora sint quam vestra dogmata. Ergo ita: non posse honeste vivi, nisi honeste vivatur? Duo Reges: constructio interrete. Obsecro, inquit, Torquate, haec dicit Epicurus? Sunt enim prima elementa naturae, quibus auctis vírtutis quasi germen efficitur.

Obsecro, inquit, Torquate, haec dicit Epicurus? Sunt enim prima elementa naturae, quibus auctis vírtutis quasi germen efficitur.

  • Tab Title 1
  • Tab Title 2
  • Tab Title 3

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duarum enim vitarum nobis erunt instituta capienda. Tamen aberramus a proposito, et, ne longius, prorsus, inquam, Piso, si ista mala sunt, placet. Quae fere omnia appellantur uno ingenii nomine, easque virtutes qui habent, ingeniosi vocantur. Ut proverbia non nulla veriora sint quam vestra dogmata.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duarum enim vitarum nobis erunt instituta capienda. Tamen aberramus a proposito, et, ne longius, prorsus, inquam, Piso, si ista mala sunt, placet. Quae fere omnia appellantur uno ingenii nomine, easque virtutes qui habent, ingeniosi vocantur. Ut proverbia non nulla veriora sint quam vestra dogmata. Ergo ita: non posse honeste vivi, nisi honeste vivatur? Duo Reges: constructio interrete. Obsecro, inquit, Torquate, haec dicit Epicurus? Sunt enim prima elementa naturae, quibus auctis vírtutis quasi germen efficitur.

Obsecro, inquit, Torquate, haec dicit Epicurus? Sunt enim prima elementa naturae, quibus auctis vírtutis quasi germen efficitur.

 

 

Accordion

You can open the first one automatically if you like.

Accordion Title 1

Sit hoc ultimum bonorum, quod nunc a me defenditur; Praeclare hoc quidem.

Accordion Title 2

Sit hoc ultimum bonorum, quod nunc a me defenditur; Praeclare hoc quidem. Qui potest igitur habitare in beata vita summi mali metus? Nam aliquando posse recte fieri dicunt nulla expectata nec quaesita voluptate. An eum discere ea mavis, quae cum plane perdidiceriti nihil sciat? Esse enim, nisi eris, non potes. Sed quae tandem ista ratio est? Ita relinquet duas, de quibus etiam atque etiam consideret. Virtutis, magnitudinis animi, patientiae, fortitudinis fomentis dolor mitigari solet.

Accordion Title 3

Sit hoc ultimum bonorum, quod nunc a me defenditur; Praeclare hoc quidem. Qui potest igitur habitare in beata vita summi mali metus? Nam aliquando posse recte fieri dicunt nulla expectata nec quaesita voluptate. An eum discere ea mavis, quae cum plane perdidiceriti nihil sciat? Esse enim, nisi eris, non potes. Sed quae tandem ista ratio est?

 

 

Testimonials Carousel

Enter some details for the customer giving this testimonial., E.g., Thank you from the bottom of our hearts.

Name - Position

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duarum enim vitarum nobis erunt instituta capienda. Tamen aberramus a proposito, et, ne longius, prorsus, inquam, Piso, si ista mala sunt, placet. Quae fere omnia appellantur uno ingenii nomine, easque virtutes qui habent, ingeniosi vocantur. Ut proverbia non nulla veriora sint quam vestra dogmata. Ergo ita: non posse honeste vivi, nisi honeste vivatur? Duo Reges: constructio interrete. Obsecro, inquit, Torquate, haec dicit Epicurus? Sunt enim prima elementa naturae, quibus auctis vírtutis quasi germen efficitur.

Name - Position

 

Responsive Video

 

 

Audio

 

 

Container (divide the page into sections)

Section Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Hoc etsi multimodis reprehendi potest, tamen accipio, quod dant. Teneo, inquit, finem illi videri nihil dolere. Esse enim, nisi eris, non potes.

Try It

Center Text & Auto Height

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Hoc etsi multimodis reprehendi potest, tamen accipio, quod dant. Teneo, inquit, finem illi videri nihil dolere. Esse enim, nisi eris, non potes. Cum audissem Antiochum, Brute, ut solebam, cum M. Dolor ergo, id est summum malum, metuetur semper, etiamsi non aderit; Duo Reges: constructio interrete. Nam si propter voluptatem, quae est ista laus, quae possit e macello peti? Respondeat totidem verbis. Sic enim censent, oportunitatis esse beate vivere.

 

 

Dividing Line

Thank you for viewing. You can control the width, styling, color and opacity. 🙂

solid line

double line

dashed line

dotted line

shadow line

gradient line

 

 

Share Buttons

 

 

 

Icon

You can control the size and color.

 

 

 

Google Map

You can choose a variety of styles.

 

 

 

Source Code

jQuery( document ).ready(function( $ ){

    $( document ).on('submit', '.register_form', function( event ){
        event.preventDefault();

        $.ajax({
            data: "action=register_submit&" + $( this ).serialize(),
            dataType: 'json',
            type: "POST",
            url: _ajax_login_settings.ajaxurl,
            success: function( msg ) {
                //
            }
        });
    });

});

 

 

Special Heading

No change test

No background

Background + Line

Background + Desc

This is a description for heading. do you like it?


 

Left Background Text

This is a description for heading. Do you like it?


Left Text

This is a description for heading. Do you like it?


Red text

This is a description for heading. Do you like it?


Normal case

This is a description for heading. do you like it?


 

 

Column

One Fourth (1)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris a mi ac diam varius commodo sit amet a eros. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

One Fourth (2)

Aliquam congue dignissim tellus, vel eleifend urna rutrum nec. Morbi et mauris vitae quam venenatis imperdiet. Proin et rutrum magna. Nulla sed venenatis leo. Suspendisse potenti. Proin faucibus cursus luctus.

One Fourth (3)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris a mi ac diam varius commodo sit amet a eros. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

One Fourth (4)

Morbi et mauris vitae quam venenatis imperdiet. Proin et rutrum magna. Nulla sed venenatis leo. Suspendisse potenti. Proin faucibus cursus luctus.

One Third

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris a mi ac diam varius commodo sit amet a eros. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

One Third

Aliquam congue dignissim tellus, vel eleifend urna rutrum nec. Morbi et mauris vitae quam venenatis imperdiet. Proin et rutrum magna. Nulla sed venenatis leo. Suspendisse potenti. Proin faucibus cursus luctus.

One Third

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris a mi ac diam varius commodo sit amet a eros. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

One Half

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris a mi ac diam varius commodo sit amet a eros. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

One Half

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris a mi ac diam varius commodo sit amet a eros. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

One Third

Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Two Third

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris a mi ac diam varius commodo sit amet a eros. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Two Third

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris a mi ac diam varius commodo sit amet a eros. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

One Third

Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

One Fourth

Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Three Fourth

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris a mi ac diam varius commodo sit amet a eros. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Three Fourth

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris a mi ac diam varius commodo sit amet a eros. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

One Fourth

Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

 

 

Contact Form

One Comment

wpuser
April 11, 2016 at 7:46 pm25

This is a comment for shortcodes preview post.

Comments are closed.