# Uix Shortcodes This is a WordPress Plugin. Uix Shortcodes brings an amazing set of beautiful and useful elements to your site that lets you do nifty things with very little effort. Copyright (c) 2016 UIUX Lab [@uiux_lab](http://twitter.com/uiux_lab) [Donate Me](https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=PYZLU7UZNQ6CE) [Plugin URI](https://uiux.cc/wp-plugins/uix-shortcodes/) [Plugin for Wordpress at WordPress.org Repository](https://wordpress.org/plugins/uix-shortcodes/) [Video Demo](https://youtu.be/DCpGXKRvz1E) ### Licensing Licensed under the [GPL3.0](http://www.gnu.org/licenses/gpl-3.0.en.html). ### Description 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 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`, `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. #####Very easy to use :) ### Updates ##### Version 1.1.2 Fix some bugs. ##### Version 1.1.1 Optimize the selector of buttons. Enhanced editor and forms compatibility. ##### Version 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 ##### Version 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. Fixed a minor error in color picker. ##### Version 1.0.4 Added "Author Card" shortcode. Core CSS optimization. ##### Version 1.0.3 Fix custom CSS function in the WordPress administration screens. ##### Version 1.0.2 Fix parse error for tinyColorPicker sometimes. Other optimizations. ##### Version 1.0.1 Optimized HTML format of textarea ##### Version 1.0.0 Initial Release. ### Tested under - WP 4.2.* - WP 4.3.* - WP 4.4.1 - WP 4.4.2 - WP 4.5 - WP 4.5.1 - WP 4.5.2 - WP 4.5.3 - WP 4.6 ###Screenshot ![](https://github.com/xizon/Uix-Shortcodes/blob/master/assets/screenshot-3.jpg) ![](https://github.com/xizon/Uix-Shortcodes/blob/master/assets/screenshot-9.jpg) ![](https://github.com/xizon/Uix-Shortcodes/blob/master/assets/screenshot-8.jpg) ![](https://github.com/xizon/Uix-Shortcodes/blob/master/assets/screenshot-1.jpg) ![](https://github.com/xizon/Uix-Shortcodes/blob/master/assets/screenshot-2.jpg) ![](https://github.com/xizon/Uix-Shortcodes/blob/master/assets/screenshot-4.jpg) ![](https://github.com/xizon/Uix-Shortcodes/blob/master/assets/screenshot-5.jpg) ![](https://github.com/xizon/Uix-Shortcodes/blob/master/assets/screenshot-6.jpg) ![](https://github.com/xizon/Uix-Shortcodes/blob/master/assets/screenshot-7.jpg) ![](https://github.com/xizon/Uix-Shortcodes/blob/master/assets/screenshot-10.jpg) ![](https://github.com/xizon/Uix-Shortcodes/blob/master/assets/screenshot-11.jpg) ![](https://github.com/xizon/Uix-Shortcodes/blob/master/assets/screenshot-12.jpg) ![](https://github.com/xizon/Uix-Shortcodes/blob/master/assets/screenshot-13.jpg) ![](https://github.com/xizon/Uix-Shortcodes/blob/master/assets/screenshot-14.jpg) ![](https://github.com/xizon/Uix-Shortcodes/blob/master/assets/screenshot-15.jpg) ![](https://github.com/xizon/Uix-Shortcodes/blob/master/assets/screenshot-16.jpg) ![](https://github.com/xizon/Uix-Shortcodes/blob/master/assets/screenshot-17.jpg) ![](https://github.com/xizon/Uix-Shortcodes/blob/master/assets/screenshot-18.jpg) ![](https://github.com/xizon/Uix-Shortcodes/blob/master/assets/screenshot-19.jpg) ![](https://github.com/xizon/Uix-Shortcodes/blob/master/assets/screenshot-20.jpg) ###Credits #####I would like to give special thanks to credits. The following is a guide to the list of credits for this plugin: - [Sweetalert](http://t4t5.github.io/sweetalert/) - [Font Awesome](https://fortawesome.github.io/Font-Awesome/) - [jQuery Accessible Tabs](https://github.com/nomensa/jquery.accessible-tabs.git) - [prettyPhoto](http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/#prettyPhoto) - [SyntaxHighlighter](http://alexgorbatchev.com/SyntaxHighlighter/) - [Flexslider](http://flexslider.woothemes.com/) - [jQuery Parallax](https://github.com/IanLunn/jQuery-Parallax) - [Shuffle](https://github.com/Vestride/Shuffle) - [imagesloaded](https://github.com/desandro/imagesloaded) - [Easy Pie Chart](https://github.com/xizon/easy-pie-chart) - [Flaticon](http://www.flaticon.com) ###How to use? 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.) ![](https://github.com/xizon/Uix-Shortcodes/blob/master/helper/img/plug.jpg) 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. ![](https://github.com/xizon/Uix-Shortcodes/blob/master/helper/img/button.jpg) 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"**. 4.There is a second way, make a new Cascading Style Sheet (CSS) document which name to `uix-shortcodes-style.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-style.css**), 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.