{"id":62657,"date":"2016-02-23T03:37:15","date_gmt":"2016-02-23T08:37:15","guid":{"rendered":"http:\/\/www.templatemonster.com\/help\/?p=62657"},"modified":"2017-07-26T06:21:18","modified_gmt":"2017-07-26T10:21:18","slug":"cherryframework-4-how-to-work-with-shortcodes-templater","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/cherryframework-4-how-to-work-with-shortcodes-templater.html","title":{"rendered":"CherryFramework 4 . How to work with Shortcodes Templater"},"content":{"rendered":"<p>This tutorial shows how to work with <strong>Shortcodes Templater<\/strong> in CherryFramework 4 templates.<\/p>\r\n\r\n<a href=\"http:\/\/www.youtube.com\/watch?v=ht_dWGX5UNY?width=1280&amp;height=720\" rel=\"prettyPhoto\">CherryFramework4.How to work with Shortcodes Templater<\/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<ol>\r\n\t<li>\r\n\t\t<p>Go to  <strong>Cherry -> Shortcodes Templater. <\/strong> Templates are organized by post types (banners, portfolio etc.). Shortcodes Template has so-called shortcode templates. You can modify existing shortcode templates or add custom  templates:<\/p>\r\n\r\n<a href=\"\/help\/wp-content\/uploads\/2016\/02\/Cherry-Framework-4-.-How-to-work-with-Shortcodes-Templater-1.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2016\/02\/Cherry-Framework-4-.-How-to-work-with-Shortcodes-Templater-1-300x157.jpg\" alt=\"Cherry Framework 4 . How to work with Shortcodes Templater-1\" width=\"300\" height=\"157\" class=\"aligncenter size-medium wp-image-62658\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/02\/Cherry-Framework-4-.-How-to-work-with-Shortcodes-Templater-1-300x157.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/02\/Cherry-Framework-4-.-How-to-work-with-Shortcodes-Templater-1-150x79.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/02\/Cherry-Framework-4-.-How-to-work-with-Shortcodes-Templater-1-1024x537.jpg 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/02\/Cherry-Framework-4-.-How-to-work-with-Shortcodes-Templater-1.jpg 1237w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n\t<\/li>\r\n\t<li>\r\n\t\t<p>Let&#8217;s modify content  provided by<strong> cherry_team<\/strong> shortcode: <\/p>\r\n\t\t\r\n<a href=\"\/help\/wp-content\/uploads\/2016\/02\/Cherry-Framework-4-.-How-to-work-with-Shortcodes-Templater-2.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2016\/02\/Cherry-Framework-4-.-How-to-work-with-Shortcodes-Templater-2-300x143.jpg\" alt=\"Cherry Framework 4 . How to work with Shortcodes Templater-2\" width=\"300\" height=\"143\" class=\"aligncenter size-medium wp-image-62659\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/02\/Cherry-Framework-4-.-How-to-work-with-Shortcodes-Templater-2-300x143.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/02\/Cherry-Framework-4-.-How-to-work-with-Shortcodes-Templater-2-150x71.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/02\/Cherry-Framework-4-.-How-to-work-with-Shortcodes-Templater-2-1024x488.jpg 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/02\/Cherry-Framework-4-.-How-to-work-with-Shortcodes-Templater-2.jpg 1224w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n\t<\/li>\r\n\t<li>\r\n\t\t<p>Open Team page and find an appropriate shortcode. In shortcode option template <strong>&quot;team-template-3.tmpl&quot;<\/strong> is specified:<\/p>\r\n\r\n<a href=\"\/help\/wp-content\/uploads\/2016\/02\/Cherry-Framework-4-.-How-to-work-with-Shortcodes-Templater-3.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2016\/02\/Cherry-Framework-4-.-How-to-work-with-Shortcodes-Templater-3-300x158.jpg\" alt=\"Cherry Framework 4 . How to work with Shortcodes Templater-3\" width=\"300\" height=\"158\" class=\"aligncenter size-medium wp-image-62660\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/02\/Cherry-Framework-4-.-How-to-work-with-Shortcodes-Templater-3-300x158.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/02\/Cherry-Framework-4-.-How-to-work-with-Shortcodes-Templater-3-150x79.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/02\/Cherry-Framework-4-.-How-to-work-with-Shortcodes-Templater-3-1024x538.jpg 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/02\/Cherry-Framework-4-.-How-to-work-with-Shortcodes-Templater-3.jpg 1238w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n\t<\/li>\r\n\t<li>\r\n\t\t<p>Open Shortcodes Templater and access <strong>Team<\/strong> section. Select appropriate template (in our case the template is called<strong> &quot;team-template-3.tmpl&quot;<\/strong>):<\/p>\r\n\r\n<a href=\"\/help\/wp-content\/uploads\/2016\/02\/Cherry-Framework-4-.-How-to-work-with-Shortcodes-Templater-4.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2016\/02\/Cherry-Framework-4-.-How-to-work-with-Shortcodes-Templater-4-300x157.jpg\" alt=\"Cherry Framework 4 . How to work with Shortcodes Templater-4\" width=\"300\" height=\"157\" class=\"aligncenter size-medium wp-image-62661\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/02\/Cherry-Framework-4-.-How-to-work-with-Shortcodes-Templater-4-300x157.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/02\/Cherry-Framework-4-.-How-to-work-with-Shortcodes-Templater-4-150x78.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/02\/Cherry-Framework-4-.-How-to-work-with-Shortcodes-Templater-4-1024x536.jpg 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/02\/Cherry-Framework-4-.-How-to-work-with-Shortcodes-Templater-4.jpg 1235w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n\t\t\r\n\t<\/li>\r\n\t<li>\r\n\t\t<p>You can modify code, add or remove appropriate fields. Add appropriate element by clicking on it. Phone number, e-mail, website fields will be rendered by shortcode:<\/p>\r\n\t\t\r\n<a href=\"\/help\/wp-content\/uploads\/2016\/02\/Cherry-Framework-4-.-How-to-work-with-Shortcodes-Templater-5.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2016\/02\/Cherry-Framework-4-.-How-to-work-with-Shortcodes-Templater-5-300x172.jpg\" alt=\"Cherry Framework 4 . How to work with Shortcodes Templater-5\" width=\"300\" height=\"172\" class=\"aligncenter size-medium wp-image-62662\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/02\/Cherry-Framework-4-.-How-to-work-with-Shortcodes-Templater-5-300x172.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/02\/Cherry-Framework-4-.-How-to-work-with-Shortcodes-Templater-5-150x86.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/02\/Cherry-Framework-4-.-How-to-work-with-Shortcodes-Templater-5-1024x587.jpg 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/02\/Cherry-Framework-4-.-How-to-work-with-Shortcodes-Templater-5.jpg 1238w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n\t\t\r\n\t\t<\/li>\r\n\t<li>\r\n\t\t<p><em>Each custom post like <strong>Team<\/strong>, <strong>Portfolio<\/strong>, <strong>Services<\/strong> has its own options and fields. Basically, you should add appropriate option to team shortcode template, otherwise such fields will not be rendered by shortcode. Let&#8217;s open <strong>Team<\/strong> post as example. It has fields like <strong>Position<\/strong>, <strong>Location<\/strong> etc. Such options will be rendered by shortcode only if they are specified in shortcode template (options will not be rendered by shortcode even if they are specified in post):<\/em><\/p>\r\n\r\n<a href=\"\/help\/wp-content\/uploads\/2016\/02\/Cherry-Framework-4-.-How-to-work-with-Shortcodes-Templater-6.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2016\/02\/Cherry-Framework-4-.-How-to-work-with-Shortcodes-Templater-6-300x160.jpg\" alt=\"Cherry Framework 4 . How to work with Shortcodes Templater-6\" width=\"300\" height=\"160\" class=\"aligncenter size-medium wp-image-62663\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/02\/Cherry-Framework-4-.-How-to-work-with-Shortcodes-Templater-6-300x160.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/02\/Cherry-Framework-4-.-How-to-work-with-Shortcodes-Templater-6-150x80.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/02\/Cherry-Framework-4-.-How-to-work-with-Shortcodes-Templater-6-1024x547.jpg 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/02\/Cherry-Framework-4-.-How-to-work-with-Shortcodes-Templater-6.jpg 1250w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n\t<\/li>\r\n\t<li>\r\n\t\t<p>We have added Phone number, e-mail and website fields. Save changes:<\/p>\r\n\r\n<a href=\"\/help\/wp-content\/uploads\/2016\/02\/Cherry-Framework-4-.-How-to-work-with-Shortcodes-Templater-7.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2016\/02\/Cherry-Framework-4-.-How-to-work-with-Shortcodes-Templater-7-300x172.jpg\" alt=\"Cherry Framework 4 . How to work with Shortcodes Templater-7\" width=\"300\" height=\"172\" class=\"aligncenter size-medium wp-image-62664\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/02\/Cherry-Framework-4-.-How-to-work-with-Shortcodes-Templater-7-300x172.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/02\/Cherry-Framework-4-.-How-to-work-with-Shortcodes-Templater-7-150x86.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/02\/Cherry-Framework-4-.-How-to-work-with-Shortcodes-Templater-7-1024x587.jpg 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/02\/Cherry-Framework-4-.-How-to-work-with-Shortcodes-Templater-7.jpg 1238w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n\t<\/li>\r\n\t<li>\r\n\t\t<p>Refresh the page. Fields we have specified in shortcode template show up now:<\/p>\r\n\r\n<a href=\"\/help\/wp-content\/uploads\/2016\/02\/Cherry-Framework-4-.-How-to-work-with-Shortcodes-Templater-8.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2016\/02\/Cherry-Framework-4-.-How-to-work-with-Shortcodes-Templater-8-300x155.jpg\" alt=\"Cherry Framework 4 . How to work with Shortcodes Templater-8\" width=\"300\" height=\"155\" class=\"aligncenter size-medium wp-image-62665\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/02\/Cherry-Framework-4-.-How-to-work-with-Shortcodes-Templater-8-300x155.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/02\/Cherry-Framework-4-.-How-to-work-with-Shortcodes-Templater-8-150x78.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/02\/Cherry-Framework-4-.-How-to-work-with-Shortcodes-Templater-8-1024x531.jpg 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/02\/Cherry-Framework-4-.-How-to-work-with-Shortcodes-Templater-8.jpg 1235w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n\t<\/li>\r\n\t<li>\r\n\t\t<p><em>You can perform the same changes to another shortcode templates. Please check video version of tutorial for more detailed information regarding Services and Portfolio shortcodes. <\/em><\/p>\r\n\t\t\r\n\t<\/li>\r\n\t<li>\r\n\t\t<p>You can make a copy of shortcodes template by click <strong>Edit &#8211; Duplicate<\/strong> in Shortcodes Templater. The copy of shortcode will be created and opened automatically: <\/p>\r\n\t\r\n<a href=\"\/help\/wp-content\/uploads\/2016\/02\/Cherry-Framework-4-.-How-to-work-with-Shortcodes-Templater-9.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2016\/02\/Cherry-Framework-4-.-How-to-work-with-Shortcodes-Templater-9-300x174.jpg\" alt=\"Cherry Framework 4 . How to work with Shortcodes Templater-9\" width=\"300\" height=\"174\" class=\"aligncenter size-medium wp-image-62666\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/02\/Cherry-Framework-4-.-How-to-work-with-Shortcodes-Templater-9-300x174.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/02\/Cherry-Framework-4-.-How-to-work-with-Shortcodes-Templater-9-150x87.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/02\/Cherry-Framework-4-.-How-to-work-with-Shortcodes-Templater-9-1024x593.jpg 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/02\/Cherry-Framework-4-.-How-to-work-with-Shortcodes-Templater-9.jpg 1240w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n\t<\/li>\r\n\t<li>\r\n\t\t<p>You can rename shortcode template using<strong> Edit &#8211; Rename<\/strong> section:<\/p>\r\n<a href=\"\/help\/wp-content\/uploads\/2016\/02\/Cherry-Framework-4-.-How-to-work-with-Shortcodes-Templater-10.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2016\/02\/Cherry-Framework-4-.-How-to-work-with-Shortcodes-Templater-10-300x184.jpg\" alt=\"Cherry Framework 4 . How to work with Shortcodes Templater-10\" width=\"300\" height=\"184\" class=\"aligncenter size-medium wp-image-62667\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/02\/Cherry-Framework-4-.-How-to-work-with-Shortcodes-Templater-10-300x184.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/02\/Cherry-Framework-4-.-How-to-work-with-Shortcodes-Templater-10-150x92.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/02\/Cherry-Framework-4-.-How-to-work-with-Shortcodes-Templater-10-1024x627.jpg 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/02\/Cherry-Framework-4-.-How-to-work-with-Shortcodes-Templater-10.jpg 1249w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n\t<\/li>\r\n\t<li>\r\n\t\t<p>Shortcode template can be removed using <strong>Edit &#8211; Delete <\/strong>section:<\/p>\r\n\r\n<a href=\"\/help\/wp-content\/uploads\/2016\/02\/Cherry-Framework-4-.-How-to-work-with-Shortcodes-Templater-11.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2016\/02\/Cherry-Framework-4-.-How-to-work-with-Shortcodes-Templater-11-300x171.jpg\" alt=\"Cherry Framework 4 . How to work with Shortcodes Templater-11\" width=\"300\" height=\"171\" class=\"aligncenter size-medium wp-image-62668\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/02\/Cherry-Framework-4-.-How-to-work-with-Shortcodes-Templater-11-300x171.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/02\/Cherry-Framework-4-.-How-to-work-with-Shortcodes-Templater-11-150x85.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/02\/Cherry-Framework-4-.-How-to-work-with-Shortcodes-Templater-11-1024x583.jpg 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/02\/Cherry-Framework-4-.-How-to-work-with-Shortcodes-Templater-11.jpg 1252w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n\t<\/li>\r\n\t<li>\r\n\t\t<p>You can specify page template name directly in the shortcode: <\/p>\r\n<a href=\"\/help\/wp-content\/uploads\/2016\/02\/Cherry-Framework-4-.-How-to-work-with-Shortcodes-Templater-12.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2016\/02\/Cherry-Framework-4-.-How-to-work-with-Shortcodes-Templater-12-300x155.jpg\" alt=\"Cherry Framework 4 . How to work with Shortcodes Templater-12\" width=\"300\" height=\"155\" class=\"aligncenter size-medium wp-image-62669\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/02\/Cherry-Framework-4-.-How-to-work-with-Shortcodes-Templater-12-300x155.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/02\/Cherry-Framework-4-.-How-to-work-with-Shortcodes-Templater-12-150x78.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/02\/Cherry-Framework-4-.-How-to-work-with-Shortcodes-Templater-12-1024x530.jpg 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/02\/Cherry-Framework-4-.-How-to-work-with-Shortcodes-Templater-12.jpg 1240w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n\t<\/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=ht_dWGX5UNY?width=1280&amp;height=720\" rel=\"prettyPhoto\">CherryFramework4.How to work with Shortcodes Templater<\/a>\r\n\r\n<p>We would also recommend you to check out other <a href=\"https:\/\/www.templatemonster.com\/wordpress-themes.php\" target=\"_blank\">premium WordPress Themes<\/a>.<\/p>","protected":false},"excerpt":{"rendered":"<p>This tutorial shows how to work with <strong>Shortcodes Templater<\/strong> in CherryFramework 4 templates.<\/p>\n","protected":false},"author":39,"featured_media":62670,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[2017,728],"tags":[2012,1415,2184],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/62657"}],"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\/39"}],"replies":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/comments?post=62657"}],"version-history":[{"count":1,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/62657\/revisions"}],"predecessor-version":[{"id":82276,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/62657\/revisions\/82276"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media\/62670"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=62657"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=62657"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=62657"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}