Synved

<p><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.</p>
<p>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>!</p>
<blockquote>
<h4>Eager to get a functioning example of how the shortcodes elements look and feel?</h4>
<p>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!</p>
</blockquote>
<p>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>.</p>
<p>There are many different kinds of elements that cover all your requirements. These include functionality for <em>User Interface creation</em>, <em>Layout management</em>, <em>Lists</em>, <em>Buttons</em>, <em>Message boxes</em>, <em>smart links</em> 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.</p>
<p>Just use the intuitive <strong>shortcode editor</strong> 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.</p>
<p>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.</p>
<p>The plugin offers all common jQuery UI functionality as well like jQuery UI Accordions (called <em>sections</em> 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.</p>
<p>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).</p>
<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 <strong>SEO friendly</strong> and work flawlessly without JavaScript!</li>
<li>Fully WordPress compliant, using latest standards</li>
<li>Quick and easy to use shortcodes editor <strong>with instant previews</strong></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 <em>powerful template system</em> to tweak what is displayed and how it looks</li>
<li>The custom template system makes it extremely easy to create custom <strong>author and post cards</strong> 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><strong>Conditional</strong> 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>
<p>The following will create a series of 2 jQuery UI tabs on your site:<br />
    [tabs]<br />
    [tab title=”Tab 1″]<br />
    Tab Content 1.<br />
    [/tab]<br />
    [tab title=”Tab 2″]<br />
    Tab Content 2.<br />
    [/tab]<br />
    [/tabs]</p>
<p>The following will create a series of 2 jQuery UI accordions on your site:<br />
    [sections]<br />
    [section title=”Section 1″]</p>
<p>
    Section Content 1.
    </p>
<pre><code>[/section]
[section title="Section 2"]
<p style="margin:5px 0;padding:0;">
Section Content 2.
</p>
[/section]
[/sections]
</code></pre>
<p>The following shortcode will create a list of links to various kinds of content on your site:<br />
    [list icon=link]<br />
      [item][link_post id=82 /][/item]<br />
      [item][link_post id=66 /][/item]<br />
      [item][link_page name=”typography” /][/item]<br />
      [item][link_page id=27 /][/item]<br />
      [item][link_category slug=”parent-category-iii” /][/item]<br />
      [item][link_media id=6229 /][/item]<br />
      [item][link_media title=”Ice Pathway” /][/item]<br />
    [/list]</p>
<p>The following will create a multi-column layout with a table in each column:<br />
    [full]<br />
        [half flow=”start” extend=”yes”]</p>
<p>            position 1:1position 1:2<br />
            position 2:1position 2:2</p>
<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>
<p>The following will create <strong>conditional content</strong> only displayed when the post has a specific <em>tag</em> of “myposttag”:<br />
    [condition check=”post_has_tag” param_1=”myposttag”]</p>
<p>Test POST has TAG</p>
<p>[/condition]</p>
<p>The following will create content conditionally shown only when the post is a specific <em>format</em> of “mypostformat”:<br />
    [condition check=”post_format_is” param_1=”mypostformat”]</p>
<p>Test post format</p>
<p>[/condition]</p>
<p>This conditional shortcode will check for the <strong>post info</strong> of “review_status” is set to “reviewed”:<br />
    [condition check=”post_info_is” param_1=”review_status” param_2=”reviewed”]</p>
<p>This post has reviews</p>
<p>[/condition]</p>
<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!

Slobodan Manic

Dragan Nikolic

<p>If you’re looking for a way to make your every page a landing page for new contacts and leads, then you will find Fancier Author Box by ThematoSoup invaluable.</p>
<p>Make your every post stand out and attract your readers’ eyes. Connect with your audience on all levels and make sure people always read your author’s bio and engage you on social networks.</p>
<h4>Social Networks</h4>
<ul>
<li>Twitter</li>
<li>Facebook</li>
<li>Google+ & automatic Google Authorship verification (rel=author)</li>
<li>LinkedIn</li>
<li>Instagram</li>
<li>Flickr</li>
<li>Pinterest</li>
<li>Tumblr</li>
<li>YouTube</li>
<li>Vimeo</li>
<li>Job title (position)</li>
<li>Company</li>
<li>Company URL</li>
</ul>
<h4>Display Settings</h4>
<p>Allow you to choose where Fancier Author Box appears on your website.</p>
<ul>
<li>Show in posts (above, below, both, none)</li>
<li>Show in pages (above, below, both, none)</li>
<li>Show in custom post types (above, bellow, both, none)</li>
<li>Bio – This is a standard author bio description. It uses your Gravatar image and alows you to put social profile icons</li>
<li>Latest Posts – Shows number of latest posts you specify and dates</li>
</ul>
<h4>Color Settings</h4>
<p>Allow you to change colors of just about any author box element. These elements include:</p>
<ul>
<li>Inactive Tab</li>
<li>Inactive Tab Border</li>
<li>Inactive Tab Background</li>
<li>Active Tab</li>
<li>Active Tab Border</li>
<li>Active Tab Background</li>
<li>Tab Content</li>
<li>Tab Content Border</li>
<li>Tab Content Background</li>
</ul>
<h3>Features</h3>
<p>List of features is categorized by display, color and user specific settings.</p>
<h4>Display Settings</h4>
<p>Allow you to choose where Fancier Author Box appears on your website.</p>
<ul>
<li>Show in posts (above, below, both, none)</li>
<li>Show in pages (above, below, both, none)</li>
<li>Show in custom post types (above, bellow, both, none)</li>
<li>Bio – This is a standard author bio description. It uses your Gravatar image and alows you to put social profile icons</li>
<li>Latest Posts – Shows number of latest posts you specify and dates</li>
</ul>
<h4>Color Settings</h4>
<p>Allow you to change colors of just about any author box element. These elements include:</p>
<ul>
<li>Inactive Tab</li>
<li>Inactive Tab Border</li>
<li>Inactive Tab Background</li>
<li>Active Tab</li>
<li>Active Tab Border</li>
<li>Active Tab Background</li>
<li>Tab Content</li>
<li>Tab Content Border</li>
<li>Tab Content Background</li>
</ul>
<h4>User Settings</h4>
<p>These are settings specific to users. Users have the option to show or hide their author box and enter additional information, such as:</p>
<ul>
<li>Twitter username or profile URL</li>
<li>Facebook username, id or profile URL</li>
<li>Google+ id or profile URL</li>
<li>LinkedIn id or profile URL</li>
<li>Instagram username or profile URL</li>
<li>Flickr username or profile URL</li>
<li>Pinterest username or profile URL</li>
<li>Tumblr username or profile URL</li>
<li>YouTube username or profile URL</li>
<li>Vimeo username or profile URL</li>
<li>Job title (position)</li>
<li>Company</li>
<li>Company URL</li>
</ul>
<h3>Credits</h3>
<p>Icon Credits – http://vervex.deviantart.com/art/Somicro-29-Social-Media-Icons-257232757</p>


Fancier Author Box by ThematoSoup

Give identity to your single or multi-author WordPress website with Fancier Author Box - The Only Author Box Plugin You'll Ever Need.

WordPress Shortcodes vs Fancier Author Box by ThematoSoup