Search Over 30,000 FREE Plugins from the Official WordPress Plugin Directory Repository

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.

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. Currently, Uix Shortcodes supports: container, parallax, image slider, timeline, 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, contact form(use commenting form template), portfolio(support lightbox), recent posts with custom template and author card.

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.

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.

Custom Usage

You can overview the original styles to overwrite it. It will be on creating new styles to your website, without modifying original .css files. Go to "Uix Shortcodes" in the WordPress Administration Screens, then link to a specific tab like "Custom CSS".

There is a second way, make a new Cascading Style Sheet (CSS) document which name to "uix-shortcodes-custom.css" to your templates directory (/wp-content/themes/{your-theme}/). You can connect to your site via an FTP client, make the changes and then upload the file back to the server. Once you have created an existing CSS file, Uix Shortcodes will use it as a default style sheet to your WordPress Theme. Of course, Uix Shortcodes's function of "Custom CSS" is still valid.

Note: Making a new javascrpt (.js) document which name to "uix-shortcodes-custom.js" to your templates directory. Once you have created an existing JS file (uix-shortcodes-custom.js), Uix Shortcodes will use it as a default script to your WordPress Theme.

Author UIUX Lab
Profile
Contributors uiuxlab
Tags short code, shortcode, shortcodes
  1. uix-shortcodes screenshot 1

    screenshot-1.jpg

  2. uix-shortcodes screenshot 2

    screenshot-2.jpg

  3. uix-shortcodes screenshot 3

    screenshot-3.jpg

  4. uix-shortcodes screenshot 4

    screenshot-4.jpg

  5. uix-shortcodes screenshot 5

    screenshot-5.jpg

  6. uix-shortcodes screenshot 6

    screenshot-6.jpg

  7. uix-shortcodes screenshot 7

    screenshot-7.jpg

  8. uix-shortcodes screenshot 8

    screenshot-8.jpg

  9. uix-shortcodes screenshot 9

    screenshot-9.jpg

  10. uix-shortcodes screenshot 10

    screenshot-10.jpg

  11. uix-shortcodes screenshot 11

    screenshot-11.jpg

  12. uix-shortcodes screenshot 12

    screenshot-12.jpg

  13. uix-shortcodes screenshot 13

    screenshot-13.jpg

  14. uix-shortcodes screenshot 14

    screenshot-14.jpg

  15. uix-shortcodes screenshot 15

    screenshot-15.jpg

  16. uix-shortcodes screenshot 16

    screenshot-16.jpg

  17. uix-shortcodes screenshot 17

    screenshot-17.jpg

  18. uix-shortcodes screenshot 18

    screenshot-18.jpg

  19. uix-shortcodes screenshot 19

    screenshot-19.jpg

  20. uix-shortcodes screenshot 20

    screenshot-20.jpg

  1. After activating your theme, you can see a prompt pointed out as absolutely critical. Go to "Appearance -> Install Plugins". Or, upload the plugin to wordpress, Activate it. (Access the path (/wp-content/plugins/) And upload files there.)

  2. Go to your WordPress admin panel, edit or create a new post (or page). You’ll see our tiny little button in the toolbar, preceded by a separator.

  3. You can overview the original styles to overwrite it. It will be on creating new styles to your website, without modifying original .css files. Go to "Uix Shortcodes" in the WordPress Administration Screens, then link to a specific tab like "Custom CSS".

There is a second way, make a new Cascading Style Sheet (CSS) document which name to "uix-shortcodes-custom.css" to your templates directory ( "/wp-content/themes/{your-theme}/" or "/wp-content/themes/{your-theme}/assets/css/" ). You can connect to your site via an FTP client, make the changes and then upload the file back to the server. Once you have created an existing CSS file, Uix Shortcodes will use it as a default style sheet to your WordPress Theme. Of course, Uix Shortcodes's function of "Custom CSS" is still valid.

Note: Making a new javascrpt (.js) document which name to "uix-shortcodes-custom.js" to your templates directory ( "/wp-content/themes/{your-theme}/" or "/wp-content/themes/{your-theme}/assets/js/" ). Once you have created an existing JS file, Uix Shortcodes will use it as a default script to your WordPress Theme.

1.4.1

  • Resolved compatibility errors that may occur with the editor.

1.4.0

  • Added editor form field type.
  • Added "Image Slider" shortcode (new).
  • Added "Timeline" shortcode (new).
  • Optimized the directory and file structure, delete the unnecessary files.
  • Change the default container boxed width to compatible with bootstrap 3.x. (You can customize core CSS and locate to .uix-sc-container.)

1.3.6

  • Optimized the live preview for the admin panel.
  • Optimized the front-end shortcode.

1.3.5 ( Final Version, 2016 )

  • Optimized form selectors.
  • Supported Uix Shortcodes for the theme customizer screen.
  • Compatible with more plug-ins.
  • Fixed some minor bugs for version 1.3.0.

1.3.1

  • Optimized the pop-up window experience.
  • Optimized the shortcodes-slant.css.

1.3.0

  • Added the live preview shortcode.
  • Optimized shortcodes core script for front-end and admin panel.

1.2.6

  • Fixed some minor bugs for version 1.2.5.
  • Optimized the container shortcode.

1.2.5

  • Optimized core stylesheets for front-end.
  • Optimized form for admin panel.
  • Optimized front-end shortcodes structure.
  • Optimized icon selector & improved the running speed greatly.
  • Beautified the form UI, enhance the user experience.
  • Added function of escaping for HTML blocks from core forms.
  • Added hyperlink support for client shortcode.
  • Added multi-column selector for client shortcode.
  • Removed colors selectors for features shortcode.
  • Supports custom Uix Shortcodes core stylesheet and script based on "/wp-content/themes/{your-theme}/assets/css/" and "/wp-content/themes/{your-theme}/assets/js/" directories for your theme.

1.2.0

  • Optimized shortcodes script for front-end.
  • Fixed a minor error in prograss bar.
  • Added function to delete selected icon.
  • Removed some unnecessary attributes for shortcode.

1.1.8

  • Optimized switcher from back-end.
  • WordPress 4.7 compatible.

1.1.7

  • Fixed some bugs.

1.1.6

  • Fix some bugs of custom CSS admin panel.
  • Older version themes are functionally compatible.
  • Fixed some bugs.

1.1.5

  • Used ajax form & improved the running speed greatly.
  • Optimized back-end structure.
  • Upgraded the back-end form UI.
  • Removed sweetalert plugin.
  • Improved event binding from the plugin main JavaScript file.
  • Improved the main CSS file.
  • Fixed some bugs.

1.1.2

  • Fixed some bugs.

1.1.1

  • Optimized the selector of buttons.
  • Enhanced editor and forms compatibility.

1.1.0

  • Optimized for tablet display.
  • Improved event binding from the plugin main JavaScript file.
  • Improved the main CSS file.
  • Use WordPress Color Picker API to replace tinyColorPicker
  • Fixed some bugs for parallax and container shortcodes

1.0.5

  • Multi-style support. Go to "Uix ShortCodes -> Settings -> General Settings", you can choose the shortcodes style you want.
  • Core CSS optimization.
  • Optimized shortcodes script.

1.0.4

  • Added "Author Card" shortcode.
  • Core CSS optimization.

1.0.3

  • Fix custom CSS function in the WordPress administration screens.

1.0.2

  • Fix parse error for tinyColorPicker sometimes.
  • Other optimizations.

1.0.1

  • Optimized HTML format of textarea

1.0.0

  • First release.

What's with the version numbers?

The version number is the date of the revision of the guidelines used to create it.

How to customize Uix Shortcode?

You can go to "Uix Shortcodes" in the WordPress Administration Screens, then link to a specific tab like "Custom CSS".

There is a second way, make a new Cascading Style Sheet (CSS) document which name to "uix-shortcodes-custom.css" to your templates directory ( "/wp-content/themes/{your-theme}/" or "/wp-content/themes/{your-theme}/assets/css/" ). You can connect to your site via an FTP client, make the changes and then upload the file back to the server. Once you have created an existing CSS file, Uix Shortcodes will use it as a default style sheet to your WordPress Theme. Of course, Uix Shortcodes's function of "Custom CSS" is still valid.

Note: Making a new javascrpt (.js) document which name to "uix-shortcodes-custom.js" to your templates directory ( "/wp-content/themes/{your-theme}/" or "/wp-content/themes/{your-theme}/assets/js/" ). Once you have created an existing JS file, Uix Shortcodes will use it as a default script to your WordPress Theme.

Share  
Download
Version 1.4.1

Requires WordPress version: 4.2 or higher

Compatible up to: 4.7.2

Last Updated 03 Feb 2017

Date Added: 23 Aug 2016

Plugin Homepage

Evaluation
star1
star2
star3
star4
star5

5 stars
1 ratings
1,723 downloads

Compatibility

Not Enough Data

Reports:
Works: 0
Broken: 0