Mastering WordPress Shortcodes

Advertisement

Introduced in WordPress 2.5, shortcodes are powerful but still yet quite unknown WordPress functions. Imagine you could just type “adsense” to display an AdSense ad or “post_count” to instantly find out the number of posts on your blog.

WordPress shortcodes can do this and more and will definitely make your blogging life easier. In this article, we’ll show you how to create and use shortcodes, as well as provide killer ready-to-use WordPress shortcodes that will enhance your blogging experience.

What Are Shortcodes?

Using shortcodes is very easy. To use one, create a new post (or edit an existing one), switch the editor to HTML mode and type a shortcode in brackets, such as:

[showcase]

It is also possible to use attributes with shortcodes. A shortcode with attributes would look something like this:

[showcase id="5"]

Shortcodes can also embed content, as shown here:

[url href="http://www.smashingmagazine.com"]Smashing Magazine[/url]

Shortcodes are handled by a set of functions introduced in WordPress 2.5 called the Shortcode API. When a post is saved, its content is parsed, and the shortcode API automatically transforms the shortcodes to perform the function they’re intended to perform.

Creating a Simple Shortcode

The thing to remember with shortcodes is that they’re very easy to create. If you know how to write a basic PHP function, then you already know how to create a WordPress shortcode. For our first one, let’s create the well-known “Hello, World” message.

  1. Open the functions.php file in your theme. If the file doesn’t exists, create it.
  2. First, we have to create a function to return the “Hello World” string. Paste this in your functions.php file:
    function hello() {
        return 'Hello, World!';
    }
  3. Now that we have a function, we have to turn it into a shortcode. Thanks to the add_shortcode() function, this is very easy to do. Paste this line after our hello() function, then save and close the functions.php file:
    add_shortcode('hw', 'hello');

    The first parameter is the shortcode name, and the second is the function to be called.

  4. Now that the shortcode is created, we can use it in blog posts and on pages. To use it, simply switch the editor to HTML mode and type the following:
    [hw]

    You’re done! Of course, this is a very basic shortcode, but it is a good example of how easy it is to create one.

Creating Advanced Shortcodes

As mentioned, shortcodes can be used with attributes, which are very useful, for example, for passing arguments to functions. In this example, we’ll show you how to create a shortcode to display a URL, just as you would with the BBCodes that one uses on forums such as VBulletin and PHPBB.

  1. Open your functions.php file. Paste the following function in it:
    function myUrl($atts, $content = null) {
      extract(shortcode_atts(array(
        "href" => 'http://'
      ), $atts));
      return '<a href="'.$href.'">'.$content.'</a>';
    }
  2. Let’s turn the function into a shortcode:
    add_shortcode("url", "myUrl");
  3. The shortcode is now created. You can use it on your posts and pages:
    [url href="http://www.wprecipes.com"]WordPress recipes[/url]

    When you save a post, the shortcode will display a link titled “WordPress recipes” and pointing to http://www.wprecipes.com1.

Code explanation. To work properly, our shortcode function must handle two parameters: $atts and $content. $atts is the shortcode attribute(s). In this example, the attribute is called href and contains a link to a URL. $content is the content of the shortcode, embedded between the domain and sub-directory (i.e. between “www.example.com” and “/subdirectory”). As you can see from the code, we’ve given default values to $content and $atts.

Now that we know how to create and use shortcodes, let’s look at some killer ready-to-use shortcodes!

1. Create a “Send to Twitter” Shortcode

The problem. Seems that a lot of you enjoyed the “Send to Twitter” hack from my latest article on Smashing Magazine2. I also really enjoyed that hack, but it has a drawback: if you paste the code to your single.php file, the “Send to Twitter” link will be visible on every post, which you may not want. It would be better to control this hack and be able to specify when to add it to a post. The solution is simple: a shortcode!

The solution. This shortcode is simple to create. Basically, we just get the code from the “Send to Twitter” hack and turn it into a PHP function. Paste the following code in the functions.php file in your theme:

function twitt() {
  return '<div id="twitit"><a href="http://twitter.com/home?status=Currently reading '.get_permalink($post->ID).'" title="Click to send this page to Twitter!" target="_blank">Share on Twitter</a></div>';
}

add_shortcode('twitter', 'twitt');

To use this shortcode, simply switch the editor to HTML mode and then type:

[twitter]

and a “Send to Twitter” link will appear where you placed the shortcode.

Source and related plug-ins:

2. Create a “Subscribe to RSS” Shortcode

The problem. You already know that a very good way to gain RSS subscribers is to display a nice-looking box that says something like “Subscribe to the RSS feed.” But once again, we don’t really want to hard-code something into our theme and lose control of the way it appears. In this hack, we’ll create a “Subscribe to RSS” shortcode. Display it in some places and not others, in posts or on pages, above or below the main content, it’s all up to you.

The solution. As usual, we create a function and then turn it into a shortcode. This code goes into your functions.php file. Don’t forget to replace the example feed URL with your own!

function subscribeRss() {
    return '<div class="rss-box"><a href="http://feeds.feedburner.com/wprecipes">Enjoyed this post? Subscribe to my RSS feeds!</a></div>';
}

add_shortcode('subscribe', 'subscribeRss');

Styling the box. You probably noticed the rss-box class that was added to the div element containing the link. This allows you to style the box the way you like. Here’s an example of some CSS styles you can apply to your “Subscribe to RSS” box. Simply paste it into the style.css file in your theme:

.rss-box{
  background:#F2F8F2;
  border:2px #D5E9D5 solid;
  font-weight:bold;
  padding:10px;
}

3. Insert Google AdSense Anywhere

The problem. Most bloggers use Google AdSense. It is very easy to include AdSense code in a theme file such as sidebar.php. But successful online marketers know that people click more on ads that are embedded in the content itself.

The solution. To embed AdSense anywhere in your posts or pages, create a shortcode:

  1. Open the functions.php file in your theme and paste the following code. Don’t forget to modify the JavaScript code with your own AdSense code!
    function showads() {
        return '<div id="adsense"><script type="text/javascript"><!--
      google_ad_client = "pub-XXXXXXXXXXXXXX";
      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></div>';
    }
    
    add_shortcode('adsense', 'showads');
  2. Once you have saved functions.php, you can use the following shortcode to display AdSense anywhere on your posts and pages:
    [adsense]

    Note that our AdSense code is wrapped with an adsense div element, we can style it the way we want in our style.css file.

Code explanation. The above code is used simply to display AdSense ads. When the shortcode is inserted in a post, it returns an AdSense ad. It is pretty easy but also, you’ll agree, a real time-saver!

Sources:

4. Embed an RSS Reader

The problem. Many readers also seemed to enjoy the “8 RSS Hacks for WordPress6” post published on Smashing Magazine recently. Now, let’s use our knowledge of both RSS and shortcodes to embed an RSS reader right in our posts and pages.

The solution. As usual, to apply this hack, simply paste the following code in your theme’s function.php file.

//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');

To use the shortcode, type in:

[rss feed="http://feeds.feedburner.com/wprecipes" num="5"]

The feed attribute is the feed URL to embed, and num is the number of items to display.

5. Get posts from WordPress Database with a Shortcode

The problem. Ever wished you could call a list of related posts directly in the WordPress editor? Sure, the “Related posts” plug-in can retrieve related posts for you, but with a shortcode you can easily get a list of any number of posts from a particular category.

The solution. As usual, paste this code in your functions.php file.

function sc_liste($atts, $content = null) {
        extract(shortcode_atts(array(
                "num" => '5',
                "cat" => ''
        ), $atts));
        global $post;
        $myposts = get_posts('numberposts='.$num.'&order=DESC&orderby=post_date&category='.$cat);
        $retour='<ul>';
        foreach($myposts as $post) :
                setup_postdata($post);
             $retour.='<li><a href="'.get_permalink().'">'.the_title("","",false).'</a></li>';
        endforeach;
        $retour.='</ul> ';
        return $retour;
}
add_shortcode("list", "sc_liste");

To use it, simply paste the following in the WordPress editor, after switching to HTML mode:

[liste num="3" cat="1"]

This will display a list of three posts from the category with an ID of 1. If you don’t know how to get the ID of a specific category, an easy way is explained here7.

Code explanation. After it has extracted the arguments and created the global variable $posts, the sc_liste() function uses the get_posts() function with the numberposts, order, orderby and category parameters to get the X most recent posts from category Y. Once done, posts are embedded in an unordered HTML list and returned to you.

Source:

  1. WordPress: Création de shortcode avancé8

6. Get the Last Image Attached to a Post

The problem. In WordPress, images are quite easy to manipulate. But why not make it even easier? Let’s look at a more complex shortcode, one that automatically gets the latest image attached to a post.

The solution. Open the functions.php file and paste the following code:

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");

To use the shortcode, simply type the following in the editor, when in HTML mode:

[postimage size="" float="left"]

Code explanation. The sc_postimage() function first extracts the shortcode attributes. Then, it retrieves the image by using the get_children(), wp_get_attachment_image() and wp_get_attachment_image_src() WordPress functions. Once done, the image is returned and inserted in the post content.

Sources:

  1. WordPress Shortcode: easily display the last image attached to post9

7. Adding Shortcodes to Sidebar Widgets

The problem. Even if you enjoyed this article, you may have felt a bit frustrated because, by default, WordPress doesn’t allow shortcode to be inserted into sidebar widgets. Thankfully, here’s a little trick to enhance WordPress functionality and allow shortcodes to be used in sidebar widgets.

The solution. One more piece of code to paste in your functions.php file:

add_filter('widget_text', 'do_shortcode');

That’s all you need to allow shortcodes in sidebar widgets!

Code explanation. What we did here is quite simple: we added a filter on the widget_text() function to execute the do_shortcode() function, which uses the API to execute the shortcode. Thus, shortcodes are now enabled in sidebar widgets.

Sources:

WordPress Shortcodes Resources

(al)

Footnotes

  1. 1 http://www.wprecipes.com
  2. 2 http://www.smashingmagazine.com/2009/01/07/10-killer-wordpress-hacks/
  3. 3 http://www.wprecipes.com/how-to-create-a-send-this-to-twitter-button
  4. 4 http://alexking.org/blog/2007/05/07/twitter-tools-10
  5. 5 http://www.wprecipes.com/how-to-embed-adsense-anywhere-on-your-posts
  6. 6 http://www.smashingmagazine.com/2008/12/02/10-useful-rss-hacks-for-wordpress/
  7. 7 http://www.wprecipes.com/how-to-find-wordpress-category-id
  8. 8 http://www.webinventif.fr/wordpress-creation-de-shortcode-avance/
  9. 9 http://www.wprecipes.com/wordpress-shortcode-easily-display-the-last-image-attached-to-post
  10. 10 http://www.wprecipes.com/how-to-add-shortcodes-in-sidebar-widgets
  11. 11 http://englishmike.net/2008/07/07/wordpress-quick-tips-3adding-a-shortcode-to-a-sidebar-widget/
  12. 12 http://codex.wordpress.org/Shortcode_API
  13. 13 http://xavisys.com/2008/04/wordpress-25-shortcodes/
  14. 14 http://www.webinventif.fr/generateur-de-shortcode-et-de-boutons-pour-wordpress/
  15. 15 http://www.subzane.com/2009/01/07/wordpress-shortcode-create-beautiful-download-boxes/
  16. 16 http://wpengineer.com/easy-way-for-advertisement-in-wordpress/
  17. 17 http://nice2all.com/2008/12/17/wordpress-short-codes/
  18. 18 http://www.wprecipes.com/how-to-use-wordpress-shortcodes-with-attributes

↑ Back to topShare on Twitter

This guest post was written by Jean-Baptiste Jung, a 28-year-old blogger from Belgium, who blogs about Web Development on Cats Who Code, about WordPress at WpRecipes and about blogging on Cats Who Blog . You can stay in touch with Jean by following him on Twitter.

Advertising
  1. 1

    This is an example of articles we need, not just lists and lists. Not that the lists are bad, but information is better.

    Then again, we all have different requirements.

    0
  2. 2

    Great post, thanks! I’m really only just starting to realise the power of WordPress :)

    0
  3. 3

    Some Of them I knew Already Some of them are not… Thanks for the info Jean!!

    DKumar M.

    0
  4. 4

    A very useful tips. Thanks Jean!

    0
  5. 5

    another smashing post!. :)
    Now I am going to retheme my blog..

    0
  6. 6

    Wow this is a great tip that I didn’t know about – thanks!! (Dugg.)

    1
  7. 7

    a very good article! i’ll definitely gonna make shortcodes !

    0
  8. 8

    Agree with African Boy, less lists please and more articles like this. I actually learned stuff I didn’t know!

    1
  9. 9

    Thank you!!!

    2
  10. 10

    wow… nice post… thanks…

    1
  11. 11

    Great !!!

    1
  12. 12

    This is great! More like this, please
    (Running off to create a new wp theme…)

    0
  13. 13

    Very useful and interesting article. Thanks a lot!

    0
  14. 14

    this is so great! thanks for the detailed description!!

    0
  15. 15

    Great tutorial. The one on inserting the adsense will definitely be of great use to me.

    0
  16. 16

    Excellent article. Clear, consice and easy to follow…exactly what the Dr ordered :-) Well done!

    0
  17. 17

    I’ve already discovered the power of the functions.php-file and these shortcodes are another tool in my kit, thanks very much !

    0
  18. 18

    Wow, that’s great! Didn’t knew that feature existed. I really like the Embed Adsense Code in posts shortcode. It sure saves a lot of time… Thanks for sharing!

    0
  19. 19

    I think I found a minor error.
    In the 5th tip, where a post is retrieved directly from the database, the shortcode reads
    [liste num="3" cat="1"],
    but the code in functions.php that catches the shortcut is add_shortcode(“list”, “sc_liste”);

    so I guess the code you have to insert should read:
    [list num="3" cat="1"]

    It’s just one character, but an important one, right ?

    0
  20. 21

    Great article! Thanks

    0
  21. 22

    Very interesting hack!
    I’ll use them to make my codex smaller end easier!

    Manu
    manublog.org

    0
  22. 23

    Awesome !

    WordPress is very suitable for light-scale web development for those people that not much in pure coding techniques like me >_<

    0
  23. 24

    Yahooo! very helpful…Tnx for sharing SM!

    0
  24. 25

    Excellent article, found it through feedly´s twitter.

    0
  25. 26

    what is de URL of the picture by ” 2. Create a “Subscribe to RSS” Shortcode”

    0
  26. 27

    Awesome post. Please give us more of these helpful tutorials that show us more of what WordPress can do (and more of Jean-Baptiste’s genius!)

    I agree with African Boy and Youri – list posts have nothing on posts as useful and informational this one :)

    0
  27. 28

    Same question as mathiz’s;

    What’s the url of the blog used for the screenshot at “Create a “Subscribe to RSS” Shortcode”? Looks like I design worth checking out.

    0
  28. 29

    Great list and great and useful information. A lot of thanks :)

    0
  29. 30

    wow, this post is extremely useful for everybody who uses WordPress, thanks!! :)

    0
  30. 31

    Full Circle Studio

    February 3, 2009 8:26 am

    Wow, we’ve been using WordPress for years and never knew the process for doing this. Thanks for the great tip!

    0
  31. 32

    Awesome article !!!

    Really thanks :-)

    0
  32. 33

    AWESOMENESS! bookmarked!

    0
  33. 34

    Jean-Baptiste Jung

    February 3, 2009 10:05 am

    I’m glad to see all theses nice comments, great to see you enjoyed the article! Thanks for your support!

    0
  34. 35

    I was lately thinking about how to easily add images with lighboxes to posts… you just hit the jackpot… thanks for the amazing article :)

    0
  35. 36

    Good stuff here – I just converted my site to use WordPress, and this functionality seems to offer a great amount of flexibility. I wasn’t aware that this existed at all, thanks!

    0
  36. 37

    great article, definitely going to come in handy

    0
  37. 38

    Awesome. i love the twitter shortcode. highly useful…

    0
  38. 39

    good~!article

    0
  39. 40

    Great! Can I use short codes in a comment?

    0
  40. 41

    This would come much more handy with large chunks of random snippet insertions.

    1
  41. 42

    AWESOMENESS!
    That’s I’ve been studying and trying to summarize.
    Thanks for the tips. and hoping more informaiton for other shortcodes.

    0
  42. 43

    Simply marvellous it’s going to help me so much with my new blog:
    charlie-blog.com/media

    0
  43. 44

    Thanks, this post helped save me several hours of custom code on a WordPress customization project.

    0
  44. 45

    This is a great article. I didn’t know that WordPress had such a thing built in. This is definitely useful. Thanks for the tips!

    0
  45. 46

    This just made my day.

    0
  46. 47

    假如有中文就更完美了

    0
  47. 48

    Oh My ~楼上那个王韬~我好像认识你~

    0
  48. 49

    very helpful article for webmaster who are using wordpress . Very Very thank you.

    1
  49. 50

    really awesome article. thanks for sharing

    0
  50. 51

    so powerful tips.

    0
  51. 52

    Great post. I like a lot of functionality but tons of plugins slow down loading. This one tip replaces several plugins and gives me a great direction to go in.

    0
  52. 53

    Impressive tutorial, or should i say tutorials to learn how to use wordpress in an advanced way, for that i thank, a lot.

    0
  53. 54

    hi all
    on “step” 6. why it takes the last image?! how can I do to take the first image?!?!
    BR,
    Cassiano

    0
  54. 55

    Raj Kumar Maharjan

    February 11, 2009 9:26 pm

    Thanks, this makes easy to maintain word press

    0
  55. 56

    Hi,

    It is really neat tutorial, i have to admit :)

    One question though. In the 3rd heading you’ve put the following in the code box:
    <script type=”text/javascript”
    src=”http://88.198.60.17/images/mastering-wordpress-shortcodes/http://pagead2.googlesyndication.com/pagead/show_ads.js”>
    </script>

    Is this an AdSense hack I’m not aware of or you just deliberately wanted to mess up the AdSense code which is against the AdSense ToS?

    -1
  56. 57

    George Serradinho

    February 12, 2009 5:00 am

    Wow, this is awesome.

    I guess there is always new stuff to learn, thanks for sharing.

    0
  57. 58

    Great article, thanks. Also does anyone know what plugin is being used to display the code here? I’d really like to get that rolling.

    0
  58. 59

    Thanks for a great article. I wrote a plugin called ‘MapPress’ that lets you insert Google Maps (as shortcodes), directly from the WordPress editor.

    I stumbled on your article when my 71-year-old Mom asked me ‘what is a shortcode?’…

    1
  59. 60

    Great article but I was a bit frutrated with “Embed an RSS reader”. It really dont works for me (WordPress 2.7.0).
    For each try I made, it’s every time the same result in my page: “an error has occured the feed is probably down, try again later”.
    An idea ?

    0
  60. 61

    Great post, I’m really impressed about such things you can do with a bit of code

    -1
  61. 62

    The Frosty @WPCult

    May 20, 2009 9:24 am

    How about: add_filter( 'comment_text', 'do_shortcode' );

    adding shortcodes to comments!

    1
  62. 63

    thanks for great tutorial

    0
  63. 64

    You’re a great site! Thanks

    0
  64. 65

    The “Embed an RSS reader” shortcode is buggy (wp_rss() performs echo not a return). Fix it Fix it [fr] with the second block code.

    0
  65. 66

    Keith Collantine

    August 31, 2009 9:45 am

    There’s a problem with the “Get posts from WordPress Database with a Shortcode” example.

    It causes all comments added to the final post in the list to appear in the article you added the list to.

    Is there a way to fix this problem?

    0
    • 67

      I too noticed this, it’s definitely a bug because it seems to display the comment box and any related comments for the last post shown. This happens on all post types (posts, pages and CTP’s). I would also know how to fix this.

      0
  66. 68

    Aakash Chakravarthy

    September 2, 2009 5:07 am

    Excellent Article !!!!!!

    0
  67. 69

    Tabea…. Salam kenal dari Manado – Indonesia. Good n thanks,-

    0
  68. 70

    Thanks , this is awesome , made my life 10 years longer ;)

    0
  69. 71

    Thanks for the valuable article on shortcodes. Your introduction and application of this very powerful WordPress tool has come in handy on several occasions throughout my “apprenticeship” with WordPress.

    R

    0
  70. 72

    Great Article,thank you

    0
  71. 73

    Awesome writeup, but i have a question…

    all the shortcodes i define myself end up giving me triplicate results on my pages

    for example if i create an adsense short code and embed it in my blog i get 3 adsense blocks… but if i use a short code defined in one of the plugins i’m using it works great (only 1 instance of the results)…

    Would you happen to have any insight on this issue ?

    Thank you for the great writeup!

    0
  72. 74

    You guys rule!

    0
  73. 75

    Good article!
    Has any had a problem with Shortcode duplicating on pages? I’ve recently used a few shortcodes for different wordpress plugins but when I look at the page i create the code repeats it’s self and I wind up having the 3 of the same thing on my page. How do I stop that from happening?

    0
  74. 76

    there is a mistake in your post pulling shortcode. it should read list and not liste.

    i have used this code on my website

    is it possible to pull more than just the title?

    0
  75. 77

    Thanks for this wonderful tutorial! I am going to implement it in my client’s website right now.

    0
  76. 78

    Interesting to note that in WP 2.9.2 shortcodes only seems to work when using the template tag the_content(). Using the function get_the_content() does not perform the replacement and the shortcode is visible on the page.

    0
  77. 79

    Create a signature using WordPress shortcodes is a broken link.

    0
  78. 80

    Carl - Web Courses Bangkok

    May 22, 2010 12:02 am

    A wonderful article! I am just getting into the programming side of WordPress and this will be really useful to pass onto our trainees.

    Thanks,

    C

    0
  79. 81

    very useful tutorial.

    I want to create a short code that will create div with some specific class applied to it.. how can I do that?

    like this one..

    [div_halfcol] will create a and something that will close this div…

    0
  80. 82

    Deepesh Divakaran

    June 18, 2010 11:46 am

    Wonderful post…! it helped me create a shortcode for my site where I allow downloads only if registered/logged in

    0
  81. 83

    Char-Lou Benedict

    August 12, 2010 12:33 pm

    Enjoyed the post – but when I tried the rss shortcode on my arras theme with a yahoo.pipe, nothing shows up.

    The pipe does show with the rss sidebar widget. Any suggestions or noted conflicts?

    0
  82. 84

    Andreas Ostheimer

    September 7, 2010 7:58 am

    Great stuff – please correct the typo in [liste num="3" cat="1"] – it should be “list” not “liste”. Took me like 25-30ms to check this ;-)

    Thanks, Andreas

    0
  83. 85

    Nice article – will definitely use these shortcodes. This is off-topic, but is there a way to allow wp registered users to upload their own avatar without using the Gravatar website? Is this website doing that? Thanks

    0
  84. 86

    GR8 post men… very usefull..
    was looking for that list post for a personal automated sitemap
    10x a lot :)

    0
  85. 87

    Hi this is a great post. one thing I noticed is that in item# 5 the shortcode has a typo which renders the example invalid.
    it says:
    1 [liste num="3" cat="1"]

    it should say:
    1 [list num="3" cat="1"]

    thanks though. it works great!

    0
  86. 88

    great post!
    I wonder how these shortcodes affect performance?
    I guess that WP is scanning the post content for any inline shortcodes before echoing it, how bad is that for the website’s performance?

    0
  87. 89

    wow! so easy. thanks for the code sets.

    0
  88. 90

    Hey nice tutorial
    but i have a problem
    i have a wordpress plugin Taxonomy Terms List, this plugin is used to display all the custom taxonomies exactly next to post,
    i want to change the position of it
    i just want it to make above the post
    just like this, check this image
    http://i56.tinypic.com/2vctjlf.jpg

    the plugin is also too short

    if( !function_exists( ‘pr’ ) ) {
    function pr( $var ) {
    print ” . print_r( $var, true ) . ”;
    }
    }

    if( !function_exists( ‘mfields_taxonomy_terms_list’ ) ) {
    add_filter( ‘the_content’, ‘mfields_taxonomy_terms_list’ );
    function mfields_taxonomy_terms_list( $c ) {
    global $post;
    $o = ”;
    $terms = array();
    $lists = array();
    $custom_taxonomy_names = array();
    $custom_taxonomies = mfields_get_custom_taxonomies();
    if( !empty( $custom_taxonomies ) )
    foreach( $custom_taxonomies as $name => $config )
    $custom_taxonomy_names[] = $config->name;
    if( !empty( $custom_taxonomy_names ) )
    $terms = get_terms( $custom_taxonomy_names );
    foreach( $custom_taxonomies as $name => $config )
    $o.= get_the_term_list( $post->ID, $name, $before = ” . $config->label . ‘: ‘, $sep = ‘, ‘, $after = ” );
    if( is_single() )
    return $c . $o;
    return $c;
    }
    }

    if( !function_exists( ‘mfields_get_custom_taxonomies’ ) ) {
    function mfields_get_custom_taxonomies( ) {
    global $wp_taxonomies;
    $custom_taxonomies = array();
    $default_taxonomies = array( ‘post_tag’, ‘category’, ‘link_category’ );
    foreach( $wp_taxonomies as $slug => $config )
    if( !in_array( $slug, $default_taxonomies ) )
    $custom_taxonomies[$slug] = $config;
    return $custom_taxonomies;
    }
    }

    ?>

    can you help me out in this????

    0
  89. 91
  90. 92
  91. 93

    These are all great but what if I want to display a shortcode in the visual editor in a specific way instead of just having the shortcode text?

    1
  92. 94

    Hey,

    These are all great ,

    Thanks Dear!

    1
  93. 95

    Wonderful!
    The best article I’ve ever seen on this content!
    Congratulations.
    Very good!

    1
  94. 96

    Rohan @techlunatic

    January 10, 2011 11:28 pm

    hello i am using the elegant themes framework and i pasted the code in the functions.php as you said but it has error messages. plz help!!

    1
  95. 97

    Chris @cquinndesign

    February 15, 2011 1:33 pm

    is it possible to take shortcodes that were created for another template, and then put them into a new template? For instance, say I find a template I like the shortcodes on, can I take those shortcodes and insert them into another template for wordpress?

    Thanks

    1
  96. 98

    I am totally delighte with strong you blog greatly that warned me God bless yo

    1
  97. 99

    Hai friend,
    Its very easy to understand and thanks for this post. keep updating our knowledge through this types of posts.

    Thanks Thanks Thanks,

    bye take care

    2
  98. 100

    I’ve created a modified version of the RSS feed shortcode that uses fetch_feed() instead of wp_rss(). It allows you to pull in a little more information including the date posted and a description/excerpt and provides some basic CSS to get you started also. I hope it can help someone out there!

    1
  99. 101

    Wow, this is great! You’re awsome Jean!!

    1
  100. 102

    Great article.
    My question relates to whether plugins run previous to a plugin I wish to use uses a Shortcode already.
    Would this cause a collission and different processing of the shortcode between the two?
    How could I either detect the other shortcode definition or create some mechanism to avoid collissions completely.
    MANY people will create shortcodes that are named the same. [hw], [big], [name] ect seem to come to mind as examples.
    thanks for the article.

    1
  101. 103

    This has just what I needed to get going thanks.

    1
  102. 104

    How hard would it be to create a short code that requires you to use a 2 part short code. Example: I would like to avoid the copy/paste method that I’m using to create a 2 column table set. If I could do [side1]…[/side1] [side2]…[.side2] and have them combine each other into 1 table that would be awesome, but it would only work if they are both used.
    http://inertubetv.splendidangst.com/archives/79

    That’s the table layouts I have manually created in HTML in the post.

    1
  103. 105

    Shortcodes are not working in my WordPress(3.2.1) installation. It just prints the code itself. Anyone has any idea?

    1
    • 106

      function sc_postimage($postID)
      {
      $args = array(
      ‘numberposts’ => 500,
      ‘order’=> ‘ASC’,
      ‘post_mime_type’ => ‘image’,
      ‘post_parent’ => $postID,
      ‘post_status’ => null,
      “size” => ‘thumbnail’,
      ‘post_type’ => ‘attachment’,
      “float” => ‘none’
      );

      $attachments = get_children( $args );

      //print_r($attachments);

      if ($attachments) {
      $i=0;
      ?>

      ID, ‘thumbnail’ ) ? wp_get_attachment_image_src( $attachment->ID, ‘thumbnail’ ) : wp_get_attachment_image_src( $attachment->ID, ‘full’ );

      ?>

      <a href="”>
      <?php if($i==0){echo "”;}
      $i++; ?>

      <?php echo 'ID ).’” class=”current” style=”width: ‘.$width.’px; height: ‘.$height.’px; float: ‘.$float.’;”>’;

      ?>

      <?php
      if($i==3)
      {
      echo "”;
      $i=0;
      }
      }
      echo “”;
      }
      }

      add_shortcode(“postimage”, “sc_postimage”);

      html tag table tr td not working in form

      1
  104. 107

    About example 5), there is an important fix:

    You should add “wp_reset_query();” inbetween line 13 and 14 (before “return $retour;”).

    Otherwise you mess with the values (date, categories etc) of the main post, they will be overriden by the posts from the shortcode. Depending on your specific theme, this can have unwanted results, wrong values in sidebars, footers, etc.

    You probably want to go back to the main loop, and that’s exactly what “wp_reset_query();” does.

    1
  105. 108

    Rad. I dislike WordPress slightly less after reading this. We (WP + me) have a love/hate relationship.

    1
  106. 109

    thanks a lot.. I was breaking my head from last few hours.. and here I found the exact solution.

    1
  107. 110

    Amazing post. I love it. Thanks for sharing with us. I hope to see more

    1
  108. 111

    Thank you. What a nice explanation of Shortcodes and how they work. I had no idea they were so simple to create and implement. You have inspired me to experiment. Thanks!

    0
  109. 112

    Great Man!!!
    Now I’m going to create my own shortcode…..

    0
  110. 113

    Is there a shortcode for username that you can place on a page? This would be for a Welcome page.

    Caps

    0
  111. 114

    Get page from WordPress Database with a Shortcode

    function pagedata($atts, $content = null) {
    extract(shortcode_atts(array(
    “id” => ’1′
    ), $atts));

    query_posts( ‘page_id=’.$id);
    if ( have_posts() ) : while ( have_posts() ) : the_post();
    $retour=”.get_the_title().”;
    $retour.=’‘;
    $retour.=’ ‘;

    endwhile;
    endif;
    wp_reset_query();
    return $retour;

    }
    add_shortcode(“page”, “pagedata”);

    0
  112. 115

    The adsense shortcode worked like a charm…Thanks Great Article BTW!

    0
  113. 116

    Hi there,

    Im wanting to create a photo blog theme, i want to use short codes for inserting images into posts rather than the user just adding images straight to the editor.

    What I want to do also is wrap the image inside some custom html, this is just some divs and spans.

    so basically the output looks like:

    Description goes here.

    I’m guessing the shortcode would look something like:

    [img src="path to image"]Image Description[/img]

    Then the user can just keep adding this shortcode to the editor over and over:

    [img src="path to image"]Me at the beach[/img]
    [img src="path to image"]Friends at dinner[/img]
    [img src="path to image"]Vacation in New Zealand[/img]

    Is that possible with shortcodes?

    0
  114. 117

    I found this very difficult. I coded the “twitter” example and it worked well. However when I removed the “twitter” code from the functions file, the “twitter” example hung around like a bad smell. Where does the code reside when this happens. The reverse also occurred. I coded the “Hello world” example but made some sort of mistake. However even when I corrected the mistake it could not be made to work. I then coded remove_shortcode(‘hw’) and a corrected version of “Hello world”. It then worked.

    0
  115. 118

    The adsense code is not working anymore!

    0
  116. 119

    Great Tutorial ! Thanks

    0
  117. 120

    Hi,
    I would like to know how to add shortcodes to wp_head. More exactly, I use a shortcode [y] that displays the year and I add it to the title of the page, so NOT in the body of the page, within the text field. After I publish the page, in the title added to the content the year is displayed well, but in the meta title it doesn’t show up, there can be seen the code [y], just like in the page source. There is possible to make shortcodes working in the head area? Maybe using an add_filter in functions.php?
    Thanks in advance for your help!

    0

↑ Back to top