{"id":66380,"date":"2016-03-15T10:42:18","date_gmt":"2016-03-15T14:42:18","guid":{"rendered":"http:\/\/www.templatemonster.com\/help\/?p=66380"},"modified":"2017-08-10T06:01:51","modified_gmt":"2017-08-10T10:01:51","slug":"cherryframework-3-how-to-use-tabs-shortcode","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/cherryframework-3-how-to-use-tabs-shortcode.html","title":{"rendered":"CherryFramework 3. How to use Tabs shortcode"},"content":{"rendered":"<p>This tutorial shows how to manage <strong>Tabs shortcode<\/strong> in CherryFramework3.<\/p>\r\n<a href=\"http:\/\/www.youtube.com\/watch?v=reafOERDko8?width=1280&amp;height=720\" rel=\"prettyPhoto\">CherryFramework 3. How to use Tabs shortcode<\/a>\r\n<div class=\"inline-banner\">\r\n<a href=\"https:\/\/www.templatemonster.com\/service-center\/\">\r\n<img src=\"\/help\/files\/banners\/inline\/Banner-3-(835-x100).jpg\" \/>\r\n<\/a>\r\n<\/div>\r\n<p>You can wrap existing content with tabs or insert new one. <\/p>\r\n\r\n<ol>\r\n<li><p>Navigate to Pages or Posts, open content for editing or create new one. Select <strong>Tabs shortcode<\/strong> in <strong>Visual Editor &#8211; Insert Shortcode<\/strong>:<\/p>\r\n\r\n<a href=\"\/help\/wp-content\/uploads\/2016\/03\/CherryFramework-3.-How-to-use-Tabs-shortcode-1.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2016\/03\/CherryFramework-3.-How-to-use-Tabs-shortcode-1-300x210.png\" alt=\"CherryFramework 3. How to use Tabs shortcode-1\" width=\"300\" height=\"210\" class=\"aligncenter size-medium wp-image-66381\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/03\/CherryFramework-3.-How-to-use-Tabs-shortcode-1-300x210.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/03\/CherryFramework-3.-How-to-use-Tabs-shortcode-1-150x105.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/03\/CherryFramework-3.-How-to-use-Tabs-shortcode-1.png 1000w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n<\/li>\r\n<li>\r\n  <p>You will see tabs shortcode with 3 tabs and titles. Each tab has corresponding opening <strong>[tabX]<\/strong> and closing <strong>[\/tabX]<\/strong> tag. Insert your content between them, you can replace tab title with yours as well:<\/p>\r\n\r\n<a href=\"\/help\/wp-content\/uploads\/2016\/03\/CherryFramework-3.-How-to-use-Tabs-shortcode-2.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2016\/03\/CherryFramework-3.-How-to-use-Tabs-shortcode-2-300x210.png\" alt=\"CherryFramework 3. How to use Tabs shortcode-2\" width=\"300\" height=\"210\" class=\"aligncenter size-medium wp-image-66382\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/03\/CherryFramework-3.-How-to-use-Tabs-shortcode-2-300x210.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/03\/CherryFramework-3.-How-to-use-Tabs-shortcode-2-150x105.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/03\/CherryFramework-3.-How-to-use-Tabs-shortcode-2.png 1000w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n<\/li>\r\n\r\n  <li>\r\n    <p>You can insert texts, images or other shortcodes into tabs, create content with columns or tables. Make sure to copy or insert content with opening and closing tags to avoid distorted content display:<\/p>\r\n\r\n<a href=\"\/help\/wp-content\/uploads\/2016\/03\/CherryFramework-3.-How-to-use-Tabs-shortcode-4.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2016\/03\/CherryFramework-3.-How-to-use-Tabs-shortcode-4-300x210.png\" alt=\"CherryFramework 3. How to use Tabs shortcode-4\" width=\"300\" height=\"210\" class=\"aligncenter size-medium wp-image-66383\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/03\/CherryFramework-3.-How-to-use-Tabs-shortcode-4-300x210.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/03\/CherryFramework-3.-How-to-use-Tabs-shortcode-4-150x105.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/03\/CherryFramework-3.-How-to-use-Tabs-shortcode-4.png 1000w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n<\/li>\r\n  <li>\r\n    <p>Save changes. Refresh Post or Page on front-end to check the changes:<\/p>\r\n\r\n<a href=\"\/help\/wp-content\/uploads\/2016\/03\/CherryFramework-3.-How-to-use-Tabs-shortcode-3.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2016\/03\/CherryFramework-3.-How-to-use-Tabs-shortcode-3-300x210.png\" alt=\"CherryFramework 3. How to use Tabs shortcode-3\" width=\"300\" height=\"210\" class=\"aligncenter size-medium wp-image-66384\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/03\/CherryFramework-3.-How-to-use-Tabs-shortcode-3-300x210.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/03\/CherryFramework-3.-How-to-use-Tabs-shortcode-3-150x105.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/03\/CherryFramework-3.-How-to-use-Tabs-shortcode-3.png 1000w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n  <\/li>\r\n<\/ol>\r\n\r\n<p>Feel free to check the detailed video tutorial below:<\/p>\r\n\r\n<a href=\"http:\/\/www.youtube.com\/watch?v=reafOERDko8?width=1280&amp;height=720\" rel=\"prettyPhoto\">CherryFramework 3. How to use Tabs shortcode<\/a>","protected":false},"excerpt":{"rendered":"<p>This tutorial shows how to manage <strong>Tabs shortcode<\/strong> in CherryFramework3.<\/p>\n","protected":false},"author":65,"featured_media":66385,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[728],"tags":[2097,1415,977],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/66380"}],"collection":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/users\/65"}],"replies":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/comments?post=66380"}],"version-history":[{"count":2,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/66380\/revisions"}],"predecessor-version":[{"id":82630,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/66380\/revisions\/82630"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media\/66385"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=66380"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=66380"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=66380"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}