{"id":33820,"date":"2019-03-01T10:00:12","date_gmt":"2019-03-01T10:00:12","guid":{"rendered":"http:\/\/getshortcodes.com\/?post_type=docs&p=33820"},"modified":"2020-01-27T11:57:43","modified_gmt":"2020-01-27T11:57:43","slug":"nested-shortcodes-shortcodes-in-attributes","status":"publish","type":"docs","link":"https:\/\/getshortcodes.com\/docs\/nested-shortcodes-shortcodes-in-attributes\/","title":{"rendered":"Nested shortcodes, shortcodes in attributes"},"content":{"rendered":"

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

  1. Introduction<\/a><\/li>
  2. Nested shortcodes with the same tag names<\/a><\/li>
  3. Use of shortcodes inside the attributes of other shortcodes<\/a><\/li><\/ol><\/li><\/ol>\n\n\n

    Introduction<\/h2>\n\n\n\n

    This article is rather a bad example and was published here just because many users wonder how to create nested shortcodes. I do not recommend to use approaches described in this article, unless it is really necessary. Besides, I would like to mention that the same behaviour is not guaranteed in all shortcodes.<\/p>\n\n\n\n

    Some SU shortcodes can be nested, like this:<\/p>\n\n\n\n

    [shortcode]\n  Hello, [another_shortcode]\n[\/shortcode]<\/pre>\n\n\n\n
    Nested shortcodes with the same tag names<\/h2>\n\n\n\n
    Shortcodes with the same names cannot be nested into each other. For example, the structure presented below will not work:<\/p>\n\n\n\n
    This is box title<\/div>
    \n   
    This is box title<\/div>
    <\/div><\/div> This will NOT work <\/div><\/div>\n[\/su_box]<\/pre>\n\n\n\n
    If you want to nest shortcodes with the same names anyway, then you should use underscore character “_” before the name of a nested shortcode, e.g.:<\/p>\n\n\n\n
    <\/span>Spoiler title<\/div>
    \n  
    <\/span>Spoiler title<\/div>
     Content <\/div><\/div>\n  
    <\/span>Spoiler title<\/div>
     Content <\/div><\/div>\n<\/div><\/div><\/pre>\n\n\n\n
    In case if you need to nest shortcodes with the same name more than one level deep, you can enable the deprecated nesting mode. This implementation was used in the plugin earlier, but now it is disabled by default due to complexity. Navigate to Dashboard \u2013 Shortcodes \u2013 Settings \u2013 Advanced Settings<\/em>, tick the Nested shortcodes alternative mode<\/em> checkbox, save changes and use the following syntax:<\/p>\n\n\n\n
    <\/span>Spoiler title<\/div>
    \n
    <\/span>Spoiler title<\/div>
    \n[__su_spoiler]\n[___su_spoiler]\nHidden content\n[___\/su_spoiler]\n[__\/su_spoiler]\n<\/div><\/div>\n<\/div><\/div><\/code><\/pre>\n\n\n\n
    Use of shortcodes inside the attributes of other shortcodes<\/h2>\n\n\n\n
    Some plugin shortcodes allow using other shortcodes in their attributes.<\/p>\n\n\n\n
    To do that, in nested shortcodes replace square brackets ([<\/code>, ]<\/code>) with curly brackets ({<\/code>, }<\/code>) and double quotes (\"<\/code>) with single quotes ('<\/code>). Example:<\/p>\n\n\n\n
    <\/span>[user field='display_name']<\/div>
     Content <\/div><\/div><\/pre>\n","protected":false},"featured_media":0,"template":"","docs_category":[20],"class_list":["post-33820","docs","type-docs","status-publish","hentry","docs_category-getting-started"],"_links":{"self":[{"href":"https:\/\/getshortcodes.com\/api\/wp\/v2\/docs\/33820","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=33820"}],"wp:term":[{"taxonomy":"docs_category","embeddable":true,"href":"https:\/\/getshortcodes.com\/api\/wp\/v2\/docs_category?post=33820"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}