Arefly

Need some nuttons to make your post better?
Now you can use this plugin to add Useful Buttons to your blog!
You just need to type the shortcode <code>[button]</code> in to your post and everything will done for you!
For shortcode usage please visit “Dashboard” -> “Tools” -> “Shortcode Button”
Live Demo: <a href="http://demo.arefly.com/wordpress/shortcode-button/" rel="nofollow ugc">Click Here</a>
中文介紹請看<a href="http://www.arefly.com/shortcode-button/" rel="nofollow ugc">這裏</a>
<h4>Translators</h4>
<ul>
<li>Chinese, Simplified (zh_CN) – <a href="http://www.arefly.com/" rel="nofollow ugc">Arefly</a></li>
<li>Chinese, Traditional (zh_TW) – <a href="http://www.arefly.com" rel="nofollow ugc">Arefly</a></li>
<li>English (en_US) – <a href="http://www.arefly.com" rel="nofollow ugc">Arefly</a></li>
</ul>
If you have created your own language pack, or have an update of an existing one, you can send <a href="https://codex.wordpress.org/Translating_WordPress" rel="nofollow ugc">gettext PO and MO files</a> to <a href="http://www.arefly.com/about/" rel="nofollow ugc">Arefly</a> so that I can bundle it into Shortcode Button. You can download the latest <a href="https://plugins.svn.wordpress.org/shortcode-button/trunk/lang/shortcode-button.pot" rel="nofollow ugc">POT file</a>.

Shortcode Button

Add Useful Buttons to your blog simply by shortcode.

Synved

<a href="http://synved.com/wordpress-shortcodes/" title="WordPress Shortcodes – beautiful elements to spice up your site" rel="nofollow ugc">WordPress Shortcodes</a> is a free WordPress plugin that brings an amazing set of beautiful and useful elements to your site. The plugin comes bundled with the full set of elements, all absolutely free of charge.
Learn how you can use WordPress Shortcodes to <a href="http://synved.com/blog/help/tutorials/wordpress-shortcodes-for-import-export-safe-urls/" rel="nofollow ugc">easily create import / export safe links to images and any other content</a>!
<blockquote>
<h4>Eager to get a functioning example of how the shortcodes elements look and feel?</h4>
Look at some basic example shortcodes on the <a href="http://wpdemo.synved.com/stripefolio/shortcodes/" rel="nofollow ugc">Stripefolio demo site</a>. Note that the demo site only presents a limited subset, the best way to test the full set is to install the plugin and try it yourself!
</blockquote>
If you want to take it to the next level and hugely improve the appearance of the elements and make them look more professional, you might want to consider purchasing the <a href="http://synved.com/product/wordpress-shortcodes-slickpanel-skin/" title="Transform the look of many elements in the Shortcodes plugin!" rel="nofollow ugc">SlickPanel skin</a>.
There are many different kinds of elements that cover all your requirements. These include functionality for User Interface creation, Layout management, Lists, Buttons, Message boxes, smart links to easily link contents on your site without using full URLs but with IDs or names and a bunch of other useful tools such as the ability of adding hidden content in posts/pages, useful for making notes or comments.
Just use the intuitive shortcode editor to create a message box, error box or warning message on your site. Or create multi-column layouts, a fancy button, a highly stylized link card, a list of items with icons (like a feature list), or combine multiple nested shortcodes to create for instance a list of links or a list of buttons and much more.
The shortcode editor presents a very intuitive and easy to use interface, with many built-in presets that make inserting many commonly needed default shortcodes in your posts/pages a breeze! If you want you can also get <a href="http://synved.com/product/wordpress-shortcodes-extra-presets/" rel="nofollow ugc">over 30+ extra useful amazing presets</a> for covering almost all needs.
The plugin offers all common jQuery UI functionality as well like jQuery UI Accordions (called sections inside WordPress Shortcodes), JQuery UI Tabs, jQuery UI buttons and so on. The UI tabs provide many different features including full SEO compatible selection of active tab without need for JavaScript.
The plugin also offers conditional shortcodes that allow to render content only based on certain conditions, such as only if the user is logged in or if the user is an administrator, an editor, author or has a custom capability or if the current post is password protected or if it has a featured image (post thumbnail).
<h4>Features</h4>
<ul>
<li>26+ shortcodes and different elements!</li>
<li>Create tabs, sections/accordions, layout, lists, links, buttons and more!</li>
<li>Tabs are SEO friendly and work flawlessly without JavaScript!</li>
<li>Fully WordPress compliant, using latest standards</li>
<li>Quick and easy to use shortcodes editor with instant previews</li>
<li>Shortcodes editor allows for easy insertion in posts/pages!</li>
<li>The shortcode editor has full support for default presets and you can get <a href="http://synved.com/product/wordpress-shortcodes-extra-presets/" rel="nofollow ugc">many extra useful presets</a></li>
<li>Layout shortcodes allow for tight content organization</li>
<li>Link shortcodes make importing and exporting content across sites much more reliable</li>
<li>Links support a simple to use but powerful template system to tweak what is displayed and how it looks</li>
<li>The custom template system makes it extremely easy to create custom author and post cards with thumbnails</li>
<li>Shortcodes to hide content for adding comments and notes to posts and pages</li>
<li>Many parameters for ultimate customization</li>
<li>All parameters are documented in detail in the shortcodes editor</li>
<li>Conditional shortcodes to show/hide content based on specific checks or conditions</li>
<li>Many useful lightweight icons provided built-in</li>
<li>Easy to adjust the look of shortcodes with built-in custom CSS field</li>
<li>Optional slick and <a href="http://synved.com/product/wordpress-shortcodes-slickpanel-skin/" rel="nofollow ugc">professional skin available</a></li>
</ul>
<h4>Example Shortcodes</h4>
The following will create a series of 2 jQuery UI tabs on your site: 
 [tabs] 
 [tab title=”Tab 1″] 
 Tab Content 1. 
 [/tab] 
 [tab title=”Tab 2″] 
 Tab Content 2. 
 [/tab] 
 [/tabs]
The following will create a series of 2 jQuery UI accordions on your site: 
 [sections] 
 [section title=”Section 1″]

 Section Content 1.
 
<pre><code>[/section]
[section title="Section 2"]

Section Content 2.

[/section]
[/sections]
</code></pre>
The following shortcode will create a list of links to various kinds of content on your site: 
 [list icon=link] 
 [item][link_post id=82 /][/item] 
 [item][link_post id=66 /][/item] 
 [item][link_page name=”typography” /][/item] 
 [item][link_page id=27 /][/item] 
 [item][link_category slug=”parent-category-iii” /][/item] 
 [item][link_media id=6229 /][/item] 
 [item][link_media title=”Ice Pathway” /][/item] 
 [/list]
The following will create a multi-column layout with a table in each column: 
 [full] 
 [half flow=”start” extend=”yes”]
 position 1:1position 1:2 
 position 2:1position 2:2
<pre><code> [/half]
 [half flow="end" extend="yes"]
 <table border="1"><tr><td>position 1:1</td><td>position 1:2</td></tr>
 <tr><td>position 2:1</td><td>position 2:2</td></tr>
 </table>
 [/half]
[/full]
</code></pre>
The following will create conditional content only displayed when the post has a specific tag of “myposttag”: 
 [condition check=”post_has_tag” param_1=”myposttag”]
Test POST has TAG
[/condition]
The following will create content conditionally shown only when the post is a specific format of “mypostformat”: 
 [condition check=”post_format_is” param_1=”mypostformat”]
Test post format
[/condition]
This conditional shortcode will check for the post info of “review_status” is set to “reviewed”: 
 [condition check=”post_info_is” param_1=”review_status” param_2=”reviewed”]
This post has reviews
[/condition]
<h4>Related Links:</h4>
<ul>
<li><a href="http://synved.com/wordpress-shortcodes/" title="WordPress Shortcodes – beautiful elements to spice up your site" rel="nofollow ugc">WordPress Shortcodes Official Page</a></li>
<li><a href="http://synved.com/product/wordpress-shortcodes-slickpanel-skin/" title="Transform the look of many elements in the Shortcodes plugin!" rel="nofollow ugc">SlickPanel skin to make the elements look more professional</a></li>
<li><a href="http://synved.com/product/wordpress-shortcodes-extra-presets/" rel="nofollow ugc">Extra presets addon provides many useful additional presets</a></li>
<li><a href="http://synved.com/blog/help/tutorials/wordpress-shortcodes-icons/" rel="nofollow ugc">List of icons usable in shortcodes like buttons and lists</a></li>
<li><a href="http://wpdemo.synved.com/stripefolio/" rel="nofollow ugc">Stripefolio theme demo</a> where you can see some of the shortcodes in action</li>
<li><a href="http://synved.com/stripefolio-free-wordpress-portfolio-theme/" title="A free WordPress theme that serves as a readable blog and a full-screen portfolio showcase" rel="nofollow ugc">The free Stripefolio theme</a> the Official page for the theme in the above demo link</li>
</ul>

WordPress Shortcodes

An amazing set of great shortcodes: SEO-ready tabs, accordions, buttons, links to any content, author cards, lists, layouts, conditionals and more!

Shortcode Button vs WordPress Shortcodes