{"id":33895,"date":"2019-03-01T16:32:18","date_gmt":"2019-03-01T16:32:18","guid":{"rendered":"http:\/\/getshortcodes.com\/?post_type=docs&p=33895"},"modified":"2019-05-28T13:57:38","modified_gmt":"2019-05-28T13:57:38","slug":"using-shortcodes-in-template-files","status":"publish","type":"docs","link":"https:\/\/getshortcodes.com\/docs\/using-shortcodes-in-template-files\/","title":{"rendered":"Using shortcodes in template files"},"content":{"rendered":"\n

You can use shortcodes in template files. To do this you should use a special WordPress function\u00a0do_shortcode()<\/em>.<\/p>\n\n\n

Table of contents<\/p>\n\n

  1. Simple example of use<\/a><\/li>
  2. Shortcodes with attributes <\/a><\/li>
  3. Use of variables <\/a><\/li>
  4. Nested shortcodes<\/a><\/li><\/ol><\/li><\/ol>\n\n\n

    Simple example of use<\/h2>\n\n\n\n

    This is the simplest example of using do_shortcode()<\/em> function.<\/p>\n\n\n\n

    echo do_shortcode( '' );
    <\/pre>\n\n\n\n
    Shortcodes with attributes <\/h2>\n\n\n\n
    do_shortcode()<\/em> function works with shortcode attributes.<\/p>\n\n\n\n
    Please note the different quotation marks (“double” and ‘single’) used for the line with shortcode and for the shortcode attribute’s meaning. Example of shortcode with attributes:<\/p>\n\n\n\n
    echo do_shortcode( '' );
    <\/pre>\n\n\n\n
    Use of variables <\/h2>\n\n\n\n
    You can write shortcodes to the variable before calling do_shortcode()<\/em> function. Here are some examples:<\/p>\n\n\n\n
    $content = 'Hello';
    $my_shortcode = '[box]' . $content . '[\/box]';
    echo do_shortcode( $my_shortcode );<\/pre>\n\n\n\n
    $color = '#ffcc00';
    $content = 'Hello';
    echo do_shortcode( '[box color=\"{$color}\"] {$content} [\/box]' );<\/pre>\n\n\n\n
    Nested shortcodes<\/h2>\n\n\n\n
    do_shortcode()<\/em> function allows you to use nested shortcodes as well. Here are some examples:<\/p>\n\n\n\n
    echo do_shortcode( '[box] Hello, [username] [\/box]' );<\/pre>\n\n\n\n
    $content = 'Hello, [username]';
    $shortcode = '[box]' . $content . '[\/box]';
    echo do_shortcode( $shortcode );<\/pre>\n\n\n\n
    Important: make sure that opening and closing shortcode tags are used within a single do_shortcode()<\/code> call. See examples below.<\/p>\n\n\n\n
    \/\/ This code WON'T work
    echo do_shortcode( '
    This is box title<\/div>
    ‘ );
    echo do_shortcode( ‘<\/div><\/div>' );

    \/\/ This code WILL work
    $my_shortcode = '
    This is box title<\/div>
    ‘;
    $my_shortcode .= ‘Box content’;
    $my_shortcode .= ‘<\/div><\/div>';
    echo do_shortcode( $my_shortcode );<\/pre>\n","protected":false},"featured_media":0,"template":"","docs_category":[20],"class_list":["post-33895","docs","type-docs","status-publish","hentry","docs_category-getting-started"],"_links":{"self":[{"href":"https:\/\/getshortcodes.com\/api\/wp\/v2\/docs\/33895","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/getshortcodes.com\/api\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/getshortcodes.com\/api\/wp\/v2\/types\/docs"}],"wp:attachment":[{"href":"https:\/\/getshortcodes.com\/api\/wp\/v2\/media?parent=33895"}],"wp:term":[{"taxonomy":"docs_category","embeddable":true,"href":"https:\/\/getshortcodes.com\/api\/wp\/v2\/docs_category?post=33895"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}