{"id":1914,"date":"2012-12-16T09:18:28","date_gmt":"2012-12-16T09:18:28","guid":{"rendered":"https:\/\/theextremewebdesigns.com\/blog\/?p=1914"},"modified":"2012-12-16T09:18:28","modified_gmt":"2012-12-16T09:18:28","slug":"wordpress-shortcodes-how-to-use-shortcodes-in-wordpress-theme-examples","status":"publish","type":"post","link":"https:\/\/theextremewebdesigns.com\/blog\/wordpress-shortcodes-how-to-use-shortcodes-in-wordpress-theme-examples\/","title":{"rendered":"WordPress Shortcodes: How to use Shortcodes in WordPress Theme Examples"},"content":{"rendered":"

Using Shortcodes in WordPress themes:<\/strong> If you are wondering how to use Shortcodes in WordPress Themes, then this article is for you. In this article, I am going to show you how easily you can use shortcodes in any of the existing WordPress themes or a brand new WordPress theme. Read on to find out more.<\/p>\n

How to use Shortcodes in WordPress Theme<\/h2>\n

Before we move on, let’s quickly try to understand what a Shortcode is.<\/p>\n

Shortcode:<\/h3>\n

It is simply a line of code that when used in conjunction with WordPress theme, widget, plugin, etc. executes the associated function, performs the related operations as written in the code & shows the output result. That’s it for the definition.<\/p>\n

So how to actually make use of Shortcodes in WordPress Theme?<\/h3>\n

There are couple of ways to do this. Following are the examples:<\/p>\n

Example 1:<\/strong><\/p>\n

Assuming the want to use a shortcode named [my_shortcode] in a WordPress theme, simply copy & paste the following line of code in your theme where you want the output result of the shortcode to appear:<\/p>\n

<?php echo do_shortcode(\"[my_shortcode]\"); ?><\/pre>\n
By mentioning the do_shortcode() command\u00a0explicity, you thereby indicate to WordPress that you are trying to use a shortcode & thus make it honor your request. In order for this to work, you must have the relevant function by the name\u00a0my_shortcode in your functions.php file (if you are using only a theme) or in the necessary php file (in case you are using the shortcode in a \u00a0plugin).<\/p>\n
Example 2:<\/strong><\/p>\n
Here’s an extended example. Let’s say that you are building a photo gallery & want the shortcode to show the photo gallery in the WordPress theme, so you can follow the code below:<\/p>\n
[mygallery id=\"12345\" size=\"large\"]<\/pre>\n
Associated function for mygallery shortcode (goes in the functions.php file)<\/strong><\/p>\n
function mygallery_function( $atts )\n{\n\t$gallery_images = '<img src=\"flower.jpg\" width=\"300\" height=\"300\" \/><br \/>';\n\t$gallery_images .= '<img src=\"apple.jpg\" width=\"300\" height=\"300\" \/><br \/>';\n\t$gallery_images .= '<img src=\"liberty.jpg\" width=\"300\" height=\"300\" \/>';        \n\n\treturn $gallery_images;\n}\n\nadd_shortcode( 'mygallery ', 'mygallery_function' );<\/pre>\n
The above example is very simple &\u00a0minimal. The usage can be extended & customized to our needs.<\/p>\n
Simple, isn’t it?<\/h5>\n
Do you know of any other ways to use Shortcodes in WordPress themes<\/strong>? Feel free to suggest by commenting below.<\/p>\n","protected":false},"excerpt":{"rendered":"
Using Shortcodes in WordPress themes: If you are wondering how to use Shortcodes in WordPress Themes, then this article is for you. In this article, I am going to show you how easily you can use shortcodes in any of the existing WordPress themes or a brand new WordPress theme. Read on to find out […]<\/p>\n","protected":false},"author":1,"featured_media":114,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[13,11],"tags":[30],"class_list":["post-1914","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tips-and-tricks","category-wordpress-tips-and-tricks","tag-wordpress-tips"],"jetpack_featured_media_url":"","jetpack_shortlink":"https:\/\/wp.me\/paBnQX-uS","jetpack_sharing_enabled":true,"post_mailing_queue_ids":[],"_links":{"self":[{"href":"https:\/\/theextremewebdesigns.com\/blog\/wp-json\/wp\/v2\/posts\/1914","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/theextremewebdesigns.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/theextremewebdesigns.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/theextremewebdesigns.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/theextremewebdesigns.com\/blog\/wp-json\/wp\/v2\/comments?post=1914"}],"version-history":[{"count":0,"href":"https:\/\/theextremewebdesigns.com\/blog\/wp-json\/wp\/v2\/posts\/1914\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/theextremewebdesigns.com\/blog\/wp-json\/"}],"wp:attachment":[{"href":"https:\/\/theextremewebdesigns.com\/blog\/wp-json\/wp\/v2\/media?parent=1914"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/theextremewebdesigns.com\/blog\/wp-json\/wp\/v2\/categories?post=1914"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/theextremewebdesigns.com\/blog\/wp-json\/wp\/v2\/tags?post=1914"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}