ambien cr 12.5 vs ambien buy ambien online eating and taking ambien

can i breastfeed while taking valium diazepam online valium half life 2 mg

buy ambien online Centennial buy ambien suvorexant vs ambien

does ambien relax you buy ambien ambien paxil together

i need a xanax shirt buy xanax does xanax damage the liver

manque valium valium online klonopin to valium conversion

xanax vs klonopin dosage klonopin mg klonopin for itching

generic forms of ambien buy ambien online zolpidem online Orlando

ambien case law zolpidem online herbal replacement for ambien

buy ultram Escondido buy tramadol tramadol for depression 2013

Insert shortcode into your wordpress theme

January 19, 2013 no comments Posted in Tutorial, Wordpress

WordPress Shortcode

Shortcode enable wordpress plugin developer to create special content (form,gallery,slideshow, etc) that users can easly attach to certain page/post.

Mostly shortcode was inserted into post/page. But actually we can also call shortcode within our theme directly. For example if you have a shortcode to call a gallery and you want the gallery to be displayed on top of your web page / landing page.

Insert a shortcode to theme is a bit tricky. Calling the shorcode is easy, the problem is where to put the shortcode. viagra without presc To properly insert a shorcode to desired position in your theme need a little HTML knowledge.

Insert shortcode to your theme

Suppose you want to add a shortcode which call a slideshow plugin into the top of your blog. In this example i use my fluid responsive slideshow plugin as an example. The first thing you want to know is where to place the shortcode between your HTML code, the easiest

way to archive this is :

  1. Get google chrome (We need the chrome developer tool, any other browser with an inspector tool is ok but in this tutorial we gonna how often can you take viagra use chrome)
  2. Open your wordpress website
  3. Examine the position you want to insert
  4. Edit your theme file

The first two step is easy. The third step is a little bit tricky.After you get an idea of where the slideshow will go, do a right click on that area (on your google chrome browser) and select inspect element.

point of insert
Do rightclick and select -> Inspect Element

Now you will get information from the chrome developer tool about the structure of your website. The important think to now is about the id/class on that the nearest <div> within or click. <div> is stand for division which is one of the HTML markup that used to build our website. And on most <div> there is an id / class such as <div id=”main” class=”page”> to identify the div. If you want to learn more about this <div> stuff you can go into this tutorial.

Check your developer tool to get the div id / class

In the picture above, the closest div within my click is having class=”mp”. Now remember this <div>class as we going to insert the shorcode bellow/after the div. To edit your theme file go to your admin page, on the left sidebar choose : Appearance -> Editor.

Before we continue , i will notice you that editing your theme file can be dangerous. If you do something wrong ( ex: accidentallyerasing some tag ) your web would rendered incorectly or not working at all. Always make backup before you do any change.

Within the editor there is a lot of that used by your theme to render your web. . Everytime you load your website, wordpress would could index.php / home.php file depending on your theme structure. The general rule of thumb is : if there is a home.php file, your home / landing page structure is defined in this file but if the home.php dot not exist, you must check your index.php to find the home section. Index.php file must exist on every worpress theme file while home.php is optional.

Now select the corresponding file within the editor(index.php / home.php). Look for the Id that we already got on us online pharmacy the third step, and insert this code :

The Shortcode

In my fluid responsive slideshow plugin the shortcode was : pjc_slideshow which has one attribute , the slide type. So for index.php the code would be :

For home.php

As you may see that on index.php case there is extra is_home() function to be called. The function is to make sure that the shortcode is only called on your home section. After adding those lines save your file and check the result by going back to your website. If all the step was done properly the shortcode should call the desired plugin. You may see that on most file there is a comment tag arround the <div> that help you to put the shortcode. Most themes have this comment, but some are not.

clomid side effects Shortcode insert before the mp class

In some case maybe you need to add extra css style to make the plugin looks properly. But there’s beyond the scope in this tutorial.

Final insert, the slideshow is now on the homepage 🙂

I hope my small post is helpfull, If you need have any levitra comment or suggestion don’t hesitate to leave a comment or contact me on todi.adiatmo[at]yahoo.com

pluginthemetutorialwordpress

Leave a Comment

Your email address will not be published. Required fields are marked *
*