How to add shortcode to wordpress widget?

Wordpress has one great feature called shortcode for adding some special content to the posts or pages. Shortcodes are the keywords with the square brackets.

Ex: [gallery] is the shortcode to insert a gallery into a post or page.Place this shortcode in the page where you want to display the gallery.

 Like this adding a shortcode to the page or post is very simple then we will get a question “how to add shortcode to widgets?”

If we add a shortcode to widget in the same process of adding to a post, then the shortcode ([gallery] in the above example) only be displayed instead of special content.

To add shortcode to the widget follow these steps.

1. Login into wordpress admin page and go to the Theme Editor — i.e. select Apperance > Editor from admin menu.
   
   
2. Select Functions or functions.php from the list of files in the right panel,and click on it to load it into the editor.
   
   
3. Then add the following line of php code.

       add_filter('widget_text', 'do_shortcode');          

4. Click on the Update File button to save the file.

That’s it.Now if you add shortcode to the sidebar it will process the code and will display the special content.

How to add google +1 button to wordpress post page?

 All you know that google recently launched google+, and it has the high features for sharing the website content( Promotion).Google +1  button is one of the feature of google+ for social recommendation. This feature is like facebook like button.

Here are the simple steps to add +1 to wordpress post page or archive page.

Get the code from Google+

The code will be like this.

<! -- Place this tag in your head or just before your close body tag -->

<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>

<! -- Place this tag where you want the +1 button to render -->

<g:plusone href="http://www.greatnewmovies.com"></g:plusone>

Now open your theme header file and place the following code in the header file before </head> tag.

<! -- Place this tag in your head or just before your close body tag -->

<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>

Then we need to place the +1 button. Open your sinle.php file and place the following code in the file where you want to render the button.

<! -- Place this tag where you want the +1 button to render -->

<g:plusone href="<?php the_permalink(); ?>"  size="small" ></g:plusone>




Here we have the option to change button sizes.




Size="small"  - To display small size +1 button of 15px

Size="medium" - To display medium size +1 button of 20px

Size="large" - To display large size +1 button of 60px

That’s it .This will display +1 button on wordpress post page.

Enjoy Sharing.