How shortcodes works
There’s already tons of quality articles about WordPress shortcodes. If you’re new to WordPress shortcode, you should consider reading theses posts:
Regarding this article, the codes have to be pasted on your theme functions.php file. Then simply use the shortcode as displayed (Usage…)
1 – Displaying related posts
Related posts are definitely a great way to get your visitors staying longer on your blog. Sure, there’s tons of plugins to display them, but what about a simple shortcode?
function related_posts_shortcode( $atts ) {
extract(shortcode_atts(array(
'limit' => '5',
), $atts));
global $wpdb, $post, $table_prefix;
if ($post->ID) {
$retval = '<ul>';
// Get tags
$tags = wp_get_post_tags($post->ID);
$tagsarray = array();
foreach ($tags as $tag) {
$tagsarray[] = $tag->term_id;
}
$tagslist = implode(',', $tagsarray);
// Do the query
$q = "SELECT p.*, count(tr.object_id) as count
FROM $wpdb->term_taxonomy AS tt, $wpdb->term_relationships AS tr, $wpdb->posts AS p WHERE tt.taxonomy ='post_tag' AND tt.term_taxonomy_id = tr.term_taxonomy_id AND tr.object_id = p.ID AND tt.term_id IN ($tagslist) AND p.ID != $post->ID
AND p.post_status = 'publish'
AND p.post_date_gmt < NOW()
GROUP BY tr.object_id
ORDER BY count DESC, p.post_date_gmt DESC
LIMIT $limit;";
$related = $wpdb->get_results($q);
if ( $related ) {
foreach($related as $r) {
$retval .= '<li><a title="'.wptexturize($r->post_title).'" href="'.get_permalink($r->ID).'">'.wptexturize($r->post_title).'</a></li>';
}
} else {
$retval .= '
<li>No related posts found</li>';
}
$retval .= '</ul>';
return $retval;
}
return;
}
add_shortcode('related_posts', 'related_posts_shortcode');
Usage:
[related_posts]
Source: http://blue-anvil.com/archives/8-fun-useful-shortcode-functions-for-wordpress
2 – Show a Google chart
The Google Charts API is probably the easiest way to create dynamic charts online. here is a shortcode to make the process even easier on your WordPress blog.
function chart_shortcode( $atts ) {
extract(shortcode_atts(array(
'data' => '',
'colors' => '',
'size' => '400x200',
'bg' => 'ffffff',
'title' => '',
'labels' => '',
'advanced' => '',
'type' => 'pie'
), $atts));
switch ($type) {
case 'line' :
$charttype = 'lc'; break;
case 'xyline' :
$charttype = 'lxy'; break;
case 'sparkline' :
$charttype = 'ls'; break;
case 'meter' :
$charttype = 'gom'; break;
case 'scatter' :
$charttype = 's'; break;
case 'venn' :
$charttype = 'v'; break;
case 'pie' :
$charttype = 'p3'; break;
case 'pie2d' :
$charttype = 'p'; break;
default :
$charttype = $type;
break;
}
if ($title) $string .= '&chtt='.$title.'';
if ($labels) $string .= '&chl='.$labels.'';
if ($colors) $string .= '&chco='.$colors.'';
$string .= '&chs='.$size.'';
$string .= '&chd=t:'.$data.'';
$string .= '&chf='.$bg.'';
return '<img title="'.$title.'" src="http://chart.apis.google.com/chart?cht='.$charttype.''.$string.$advanced.'" alt="'.$title.'" />';
}
add_shortcode('chart', 'chart_shortcode');
Usage:
[chart data="41.52,37.79,20.67,0.03" bg="F7F9FA" labels="Reffering+sites|Search+Engines|Direct+traffic|Other" colors="058DC7,50B432,ED561B,EDEF00" size="488x200" title="Traffic Sources" type="pie"]
Source: http://blue-anvil.com/archives/8-fun-useful-shortcode-functions-for-wordpress
3 – Integrate Adsense ads
Adsense is probably the easiest way to make money online and most bloggers are using it in order to earn an online income. using widgets , you can easily add Adsense ads in your blog sidebar, but the best way to get clicks from visitors is definitely to integrate Adsense in your posts. The whole process is incredibly easy, using WordPress shortcodes.
function showads() {
return '<script type="text/javascript"><!--
google_ad_client = "pub-3637220125174754";
google_ad_slot = "4668915978";
google_ad_width = 468;
google_ad_height = 60;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
';
}
add_shortcode('adsense', 'showads');
Usage:
[adsense]
Source: http://www.wprecipes.com/how-to-embed-adsense-anywhere-on-your-posts
4 – Display member-info content using a WordPress shortcode
Since some months, more and more blogs are creating “members-only” section, featuring premium downloads and infos. Do you know how easy is it to display some “member-only” content on your blog, using a shortcode?
function access_check_shortcode( $attr, $content = null ) {
extract( shortcode_atts( array( 'capability' => 'read' ), $attr ) );
if ( current_user_can( $capability ) && !is_null( $content ) && !is_feed() )
return $content;
return 'Sorry, only registered members can see this text.';
}
add_shortcode( 'access', 'access_check_shortcode' );
Usage:
[access capability="switch_themes"]
Source: http://justintadlock.com/archives/2009/05/09/using-shortcodes-to-show-members-only-content
5 – Embeddable RSS feed reader
Among other great things, WordPress have a built-in RSS reader, used to display feeds on your dashboard. I already shown how you can use it on your blog sidebar (or header, footer, etc…), but with a shortcode, you can even insert it on your posts.
//This file is needed to be able to use the wp_rss() function.
include_once(ABSPATH.WPINC.'/rss.php');
function readRss($atts) {
extract(shortcode_atts(array(
"feed" => 'http://',
"num" => '1',
), $atts));
return wp_rss($feed, $num);
}
add_shortcode('rss', 'readRss');
Usage:
[rss feed="http://feeds2.feedburner.com/Catswhocode" num="5"]
Source: http://www.smashingmagazine.com/2009/02/02/mastering-wordpress-shortcodes/
6 – Automatically create a short url for Twitter
If you’re on Twitter, you know how short urls are usefull. But a definitely boring thing when you want to tweet a blog post is to create the short url yourself. So, what about using a shortcode to make your readers life easier?
function subzane_shorturl($atts) {
extract(shortcode_atts(array(
'url' => '',
'name' => '',
), $atts));
$request = 'http://u.nu/unu-api-simple?url=' . urlencode($url);
$short_url = file_get_contents($request);
if (substr($short_url, 0, 4) == 'http') {
$name = empty($name)?$short_url:$name;
return '<a href="'.$short_url.'">'.$name.'</a>';
} else {
$name = empty($name)?$url:$name;
return '<a href="'.$url.'">'.$name.'</a>';
}
}
add_shortcode('shorturl', 'subzane_shorturl');
Usage:
[shorturl name="shortcode" url="http://codex.wordpress.org/Shortcode_API"]
Source: http://www.subzane.com/2009/05/shortcode-advantage-unus-url-shortener/
7 – Display the last image attached to post
Instead of dealing with image url, a simple shortcode can retrieve and display the last image attached to post:
function sc_postimage($atts, $content = null) {
extract(shortcode_atts(array(
"size" => 'thumbnail',
"float" => 'none'
), $atts));
$images =& get_children( 'post_type=attachment&post_mime_type=image&post_parent=' . get_the_id() );
foreach( $images as $imageID => $imagePost )
$fullimage = wp_get_attachment_image($imageID, $size, false);
$imagedata = wp_get_attachment_image_src($imageID, $size, false);
$width = ($imagedata[1]+2);
$height = ($imagedata[2]+2);
return '<div class="postimage" style="width: '.$width.'px; height: '.$height.'px; float: '.$float.';">'.$fullimage.'</div>';
}
add_shortcode("postimage", "sc_postimage");
Usage:
[postimage]
Source: http://www.wprecipes.com/wordpress-shortcode-easily-display-the-last-image-attached-to-post
8 – Add administration notes on posts
If you’re owning a multi-author blog, it should be useful to be able to leave messages on posts that can only be seen by other admins. For example, the blog owner should add a message on a post, asking the writer to correct a mistake or add more info.
add_shortcode( 'note', 'sc_note' );
function sc_note( $atts, $content = null ) {
if ( current_user_can( 'publish_posts' ) )
return '<div class="note">'.$content.'</div>';
return '';
}
Usage:
[note]This is a personal note that only admins can see![/note]
Source: http://www.wprecipes.com/add-private-notes-to-your-wordpress-blog-posts
9 – Remove WordPress automatic formatting
If you’re used to display code snippets on your blog, you know that WordPress automatic formatting can be a pain for developers. The solution is simple: Using a shortcode to remove the auto-formatting functions on certain portions of text.
function my_formatter($content) {
$new_content = '';
$pattern_full = '{(\[raw\].*?\[/raw\])}is';
$pattern_contents = '{\[raw\](.*?)\[/raw\]}is';
$pieces = preg_split($pattern_full, $content, -1, PREG_SPLIT_DELIM_CAPTURE);
foreach ($pieces as $piece) {
if (preg_match($pattern_contents, $piece, $matches)) {
$new_content .= $matches[1];
} else {
$new_content .= wptexturize(wpautop($piece));
}
}
return $new_content;
}
remove_filter('the_content', 'wpautop');
remove_filter('the_content', 'wptexturize');
add_filter('the_content', 'my_formatter', 99);
Usage:
[raw]This portion of text will not be automatically formatted by WP.[/raw]
Source: http://wordpress.org/support/topic/280732
10 – Display your blog stats using shortcodes
Ever wished to be able to display your blog stats, in real time? Thanks to Wesley and his “Blog Stats” plugin, you can display stats info as such as number of posts, number of comments, average comments per post, google pagerank, alexa rank, etc, using simple shortcodes.
The Blog Stats plugin can be downloaded here and have to be installed on your blog just as you install any other plugin.
Usage:
[pagerank] [feedburner_subscribers] [alexa_rank] [technorati_authority] [technorati_rank] [user_count] [post_count] [page_count] [comment_count] [trackback_count] [avg_comments_per_post] [category_count] [tag_count] [link_count] [google_backlinks] [yahoo_backlinks] [delicious_bookmarks]
Source: http://www.improvingtheweb.com/wordpress-plugins/blog-stats/
By the way, did you already visited our new sponsor DaThemes? They provide awesome WordPress themes as well as a great affiliate program that you can join and make money.





My name is Jean-Baptiste Jung and I'm the man behind Cats Who Code. I started to use the Internet back in 1998 and started to create websites three years laters in 2001.
54 Comments
Awesome and very useful tips! Thanks!. I had actually been meaning to write a url shortener for twitter, but have been putting it off for the past few weeks. I am going to give this one a try now! Thanks Again!!!
Awesome tips, thanks. Especially thanks for adsense trick.
Good stuff, I’m going to use some of these on the re-design of my site. Thanks!
Really great useful shortcodes.
WOW, this is great! I love Display your blog stats using shortcodes! Good tip.
For 6., create a short link, there is much more simple: insert just one line. I cannot copy the link in the comment, check http://safe.mn/tools#automatic
Nice shortcuts! Thank you for sharing.
I’m addicted to shortcodes. I used to use PHP code everywhere. Now, simple shortcodes suffice.
By the way, your source for the members-only shortcode is a direct copy of my tutorial on showing members-only content with shortcodes.
With the thousands of WordPress plug-ins that are out there, it is refreshing to find a resource for some useful shortcodes. These shortcodes save a lot of time, especially when you’re frequently updating, modifying, and adding to your blog. These shortcodes can also do wonders to clean up messy coding.
@Justin Tadlock: I’m very sorry for the (now corrected) mistake.
Great tutorial! Thank you very much!
This might be useful, thank you
Very useful! Thanks.
Great list! I might have to use a few of these now
Thanks, nice collection of useful tips.
Great post! Very helpful and useful! Thank you:)
I tried to use related posts short code. Instead of adding the usage of [related_posts] in every post, can i add directly in template page.
@Guresh: Click here to know how to do that
Awesome. Thanks for the great list!
Thanks for sharing this very useful shortcode list for wordpress. Some really neat tricks over there.
Sweet… I am going to be playing with these for a while. Thanks!
Removing the annoying Wordpress auto-formatting is definitely something I would enjoy using. Now only if that could be turned into a plugin…
Jean – great job. I really appreciate you giving me these goodies to put in my box of wordpress tricks…
Thanks for the tips. I have a plugin installed for related posts, but I’m trying to bring down the plugins that are installed on my site. I will try your code and see if it works.
Do you know if this would work with Thesis theme?
Awesome tricks, Thanks.
Wow… this is what i am looking for. What a awesome tricks. Thanks for sharing mate.
The Short URL Shortcode has a flaw -> it will generate the shortened URL over and over again (with every page request). i released a plugin (with shortcode support) which caches the url and gives a better performance.
it can be found at http://wordpress.org/extend/plugins/shortcode-shorturl/
Very useful stuff!
Very nice, thank you for your time!
Great tips. I will use the adsense one and related posts .
hey Jean i must appreciate your work dude..your posts are really making use of wordpress easy for the newbie like me….i was looking forward for shortcodes thanks
Your tips are really useful for self web site designers and I’m one of them. I’m sure these tricks will help me a lot to develop my skills.
Thanks
George
So far I use adsense and related post. Nice info,thanks
thank you great content slider..i used it.
Thanks you for these codes, especially for the 5th – Embeddable RSS feed reader. But, I need more of this; if possible to use some excerpts. Thank you
Excellent information, have been meaning to blog about this myself for some time, but you beat me to it.
Nice article – i might use these in my next blog.
Short codes is beautiful. For Adsense short code, it gives me inspiration to be applied in my blog.
Thanks for the post. I like the Adsense one.
Man you are a genuis. The Adsense one is a real winner. Excellent post!
Excellent post! useful shortcodes tutorial
Very good! Thanks for the great list!
For tip #4, is there any way I can get this to work with post excerpts?
Right now, if a post is within the [member] tags, nothing shows up in the excerpts. I’d like it to say something like “This post is viewable to members onlyâ€. Love the tip on the shortcodes!!
this, very thank you..
Your site full professional and very beautiful…
good stuff! Thank you, I will use some of these on my page!
Thanks for the very useful list.
Easy way to add adsense to my post, Thanks man.
Very, very useful. I’ll be using at least 3 of these on my site.
Thank you for publishing
Great Wok!
with your tips, I developer my first shortcodes
// return link for own post by George Campos
// you can use with the tag for example
function change_link() {
global $wpdb, $post, $table_prefix;
$permalink = get_permalink($post->ID);
return $permalink;
}
add_shortcode(’post_link’, ‘change_link’);
Call [post_link] in the post
Thanks
Thanks for the post =)) Good work!
Great post, thank you very much
Awesome tips, thanks. very useful. I’ll be using at least 2 of these on my site
I’m addicted to shortcodes. I used to use PHP code everywhere. Now, simple shortcodes suffice.
Great! Very useful shortcodes.Thanks for sharing.
39 Trackbacks
[...] 10 incredibly cool WordPress shortcodes Introduced in WordPress 2.5, shortcodes are a very easy way to display lot of things on your blog posts by inserting a very simple code. (tags: WordPress tutorial tips list) [...]
[...] 10 incredibly cool WordPress shortcodescatswhocode.com [...]
[...] Read the original post: 10 incredibly cool WordPress shortcodes [...]
[...] original post here:Â 10 incredibly cool WordPress shortcodes SHARETHIS.addEntry({ title: “10 incredibly cool WordPress shortcodes”, url: [...]
[...] Originally posted here: 10 incredibly cool WordPress shortcodes [...]
[...] Si vous touchez un peu en programmation et que vous savez bidouillez vos thèmes, voici quelques codes intéressants à intégrer dans votre blog 10 incredibly cool WordPress shortcodes. [...]
[...] 10 incredibly cool WordPress shortcodes [...]
[...] di 10 ottimi codici da implementare nel nostro blog creato con Wordpress. (Articolo in inglese) Continua a leggere… AKPC_IDS += “3331,”;Ciao! Sei nuovo/a da queste parti?, perchè non ti iscrivi al feed RSS per [...]
[...] : Delicious-IT | Date : Jun 25 2009 | Views : 1 views | Total Word : 9 | Print this Page! | Permalink! [...]
[...] 10 incredibly cool WordPress shortcodes VN:F [1.4.7_740]please wait…Rating: 0.0/10 (0 votes cast) Share and Enjoy: [...]
[...] 10 incredibly cool WordPress shortcodes [...]
[...] 10 incredibly cool WordPress shortcodes [...]
[...] incredibly cool WordPress shortcodes. var addthis_pub = ‘benjaminjtaylor’; var addthis_language = ‘en’;var addthis_options = [...]
[...] 10 incredibly cool WordPress shortcodes (tags: wordpress tips shortcodes development webdesign code tutorial) [...]
[...] 10 incredibly cool WordPress shortcodes (tags: wordpress tips development shortcodes) [...]
[...] 10 incredibly cool WordPress shortcodes Des codes super intéressants pour Wordpress (tags: wordpress code tutorial tutorials) [...]
[...] 10 incredibly cool WordPress shortcodes [...]
[...] eh? As it also splits your content up, you can pop in an advert in between the two (see it on this post). Just take out your opening section of your post and pop it into the Excerpt field. Then, using [...]
[...] 10 incredibly cool WordPress shortcodes. Catagories : Wordpress [...]
[...] de usar podemo hacer que el trabajo de publicar en nuestro blog sea más sencillo, con estos 10 shortcodes que he encontrado en CatsWhoCode algo más sencillo seguro que lo [...]
Weekly Fave’s…
While I’m in Oropa vacationing (well sightseeing ) here my favorites of the week (gotta love the scheduled post of WP).
Week from June 21 to June 27, 2009:
Tutorials
10 Common Mistakes In Logo Design
Photoshop Photo Manipulate a Falling Ange…
10 unglaubliche WordPress ShortCodes…
Auf catswhocode.com wurde vor drei Tagen ein interessanter Artikel veröffentlicht, welcher 10 interessante ShortCodes beschreibt, so dass etwas für Google oder auch Twitter dabei ist.
Was auch interessant sein dürfte ist der Google AdSense Code, s…
[...] Alcuni consigli per fare SEO su Twitter, 10 shortcodes per Wordpress da usare subito, 35 modi per risparmiare tempo nel fare i CSS, 53 tutorial sulla fotografia [...]
[...] Shortcodes – http://www.catswhocode.com/blog/10-incredibly-cool-wordpress-shortcodes [...]
[...] See the original post: 10 incredibly cool WordPress shortcodes [...]
[...] 10 incredibly cool WordPress shortcodes — 12:15pm via [...]
[...] 10 incredibly cool WordPress shortcodes – Introduced in WordPress 2.5, shortcodes are a very easy way to display lot of things on your blog posts by inserting a very simple code. In this article, I’m going to show 10 incredible things shortcodes can do. [...]
[...] 10 incredibly cool WordPress shortcodes Några bra exempel på shortcodes för Wordpress. (tags: wordpress snippets shortcodes tips) [...]
[...] you know how bad WordPress automatic formatting can be. Happilly, with the help from a very cool shortcode you can be able to disable it on a certain portion of [...]
[...] 36.10 incredibly cool WordPress shortcodes [...]
[...] catswhocode.com wurde vor drei Tagen ein interessanter Artikel veröffentlicht, welcher 10 interessante ShortCodes [...]
[...] 36.10 incredibly cool WordPress shortcodes [...]
[...] 10 incredibly cool WordPress shortcodes [...]
[...] eh? As it also splits your content up, you can pop in an advert in between the two (see it on this post). Just take out your opening section of your post and pop it into the Excerpt field. Then, using [...]
[...] also linked to these really helpful posts – Mastering WordPress Shortcodes and 10 Incredibly Cool WordPress Shortcodes — check them out! Share and [...]
[...] can check this article for more about short [...]
[...] instalarlo, activarlo y familiarizarte con su sencillÃsima sintaxis. Este plugin hace uso de los shortcodes de wordpress por lo que su manejo es enormemente [...]
[...] 10 incredibly cool WordPress shortcodes Tags: wordpress dev web plugin shortcode php tutorial tips [...]
[...] “10 incredibly cool WordPress shortcodes” [...]