Home » Demos » Shortcoder

Shortcoder

This page showcases the different uses of Shortcoder plugin with some examples and demonstrations.

Example 1: A simple ad

Shortcode name: adsenseAd

Shortcode content:

<script type="text/javascript"><!--
google_ad_client = "ca-pub-xxxxxxxxxx";
/* 336x280, image ads - top */
google_ad_slot = "xxxxxxxxxx";
google_ad_width = 336;
google_ad_height = 280;
//-->
</script>
<script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script>

In the post editor:

Proin sed odio est. Integer mollis porta vehicula. Morbi auctor mattis aliquam. Suspendisse pharetra lacus sed ligula bibendum imperdiet. 
[sc:adsenseAd]
Aenean sit amet enim at lacus faucibus pretium non in lorem. Nam tortor sapien, vulputate sit amet rhoncus et, tincidunt vitae risus. Nam a arcu odio.

Output:

Proin sed odio est. Integer mollis porta vehicula. Morbi auctor mattis aliquam. Suspendisse pharetra lacus sed ligula bibendum imperdiet.

Aenean sit amet enim at lacus faucibus pretium non in lorem. Nam tortor sapien, vulputate sit amet rhoncus et, tincidunt vitae risus. Nam a arcu odio.

Example 2 (using attributes) : A youtube video

Shortcode name: youtube

Shortcode content:

<iframe width="560" height="315" src="http://www.youtube.com/embed/%id%" frameborder="0" allowfullscreen></iframe>
In the post editor:
[sc:youtube id="02aOG_-98Tg"]

Output:

Example 3 (an idea of using as templates) : A Donate box

Shortcode name: donateForm

Shortcode content:

<h3>Donate to %productName%</h3>

<p>Use the link below to donate for %productName%</p>

<a href="%link%">Donate for %productName%</a>

In the post editor:

Proin sed odio est. Integer mollis porta vehicula. Morbi auctor mattis aliquam. Suspendisse pharetra lacus sed ligula bibendum imperdiet.

[sc:donateForm productName="Shortcoder" link="http://bit.ly/scdonate"]

Output:

Donate to Shortcoder

Use the link below to donate for Shortcoder

Donate for Shortcoder

Demo video

Here is the demo video which demonstrates these examples. This video is also added with shortcoder :p

Download

You can download the plugin directly from the WordPress repository using the link below.

For more information on this plugin, you can check out the offcial plugin home page.

All these buttons are added with the shortcoder plugin, after creating a single template for tha button.