{"id":66128,"date":"2016-03-11T04:42:14","date_gmt":"2016-03-11T09:42:14","guid":{"rendered":"http:\/\/www.templatemonster.com\/help\/?p=66128"},"modified":"2016-04-13T03:18:51","modified_gmt":"2016-04-13T07:18:51","slug":"js-animated-how-to-use-special-shortcodes-php-page","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/js-animated-how-to-use-special-shortcodes-php-page.html","title":{"rendered":"JS Animated. How to use special shortcodes.php page"},"content":{"rendered":"<p>Our Support team is ready to present you a new tutorial that shows how to work with <strong>shortcodes<\/strong> in Website templates.<\/p>\r\n\r\n<a href=\"http:\/\/www.youtube.com\/watch?v=Ah0RMyPzRQM?width=1280&amp;height=720\" rel=\"prettyPhoto\">JS Animated. How to use special shortcodes.php page<\/a>\r\n\r\n<p>Modern JS Animated template packages include <strong>shortcodes.php<\/strong> page that presents you source code and examples for some frequently used template elements, such as the ones listed below:<\/p>\r\n\r\n<ul class=\"list\">\r\n\t<li>\r\n\t\t<p>Contact form<\/p>\r\n\t<\/li>\r\n\t<li>\r\n\t\t<p>Subscription form<\/p>\r\n\t<\/li>\r\n\t<li>\r\n\t\t<p>Booking form<\/p>\r\n\t<\/li>\r\n\t<li>\r\n\t\t<p>Buttons<\/p>\r\n\t<\/li>\r\n\t<li>\r\n\t\t<p>Icons<\/p>\r\n\t<\/li>\r\n\t<li>\r\n\t\t<p>Icon fonts list<\/p>\r\n\t<\/li>\r\n<\/ul>\r\n\r\n<p>In order to manage them, please perform the following steps:<\/p>\r\n\r\n<ol>\r\n\t<li>\r\n\t\t<p>Type your website URL in browser address bar and add \/shortcodes.php at the end, like http:\/\/www.example.com\/shortcodes.php (where http:\/\/www.example.com is your site address). It will let you preview the items, available for adding to your site pages:<\/p>\r\n\r\n<a href=\"\/help\/wp-content\/uploads\/2016\/03\/55.JS_Animated.How_to_use_Shortcodes_1.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2016\/03\/55.JS_Animated.How_to_use_Shortcodes_1-300x159.png\" alt=\"55.JS_Animated.How_to_use_Shortcodes_1\" width=\"300\" height=\"159\" class=\"aligncenter size-medium wp-image-66129\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/03\/55.JS_Animated.How_to_use_Shortcodes_1-300x159.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/03\/55.JS_Animated.How_to_use_Shortcodes_1-150x80.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/03\/55.JS_Animated.How_to_use_Shortcodes_1-1024x544.png 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/03\/55.JS_Animated.How_to_use_Shortcodes_1.png 1279w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n\t<\/li>\r\n\t<li>\r\n\t\t<p>Connect to your FTP or open File Manager in hosting cPanel.<\/p>\r\n\t<\/li>\r\n\t<li>\r\n\t\t<p>Open the <strong>shortcodes.php<\/strong> file and scroll down to locate the item you&#8217;d like to recreate on your website, e.g., RD Navbar Megamenu.<\/p>\r\n\t<\/li>\r\n\t<li>\r\n\t\t<p>Copy the code for this item, it starts and ends with html comment tag, for example:<\/p>\r\n\t\t<pre class=\"brush:html\">\r\n\t\t\t&lt;!-- RD Navbar Megamenu --&gt; \r\n\t\t\tMegamenu code goes here\r\n\t\t\t&lt;!-- END RD Navbar Megamenu --&gt;\r\n\t\t<\/pre>\r\n\t\t<p>or:<\/p>\r\n\t\t<pre class=\"brush:html\">\r\n\t\t\t&lt;!-- RD Google Map --&gt; \r\n\t\t\tMap section code goes here\r\n\t\t\t&lt;!-- END RD Google Map --&gt;\r\n\t\t<\/pre>\t\t\r\n\t<\/li>\r\n\t<li>\r\n\t\t<p>Insert it to your html file (for example, index.html) and save settings.<\/p>\r\n\t<\/li>\r\n\t<li>\r\n\t\t<p>Check your website, it should display the newly added section now:<\/p>\r\n\r\n<a href=\"\/help\/wp-content\/uploads\/2016\/03\/55.JS_Animated.How_to_use_Shortcodes_2.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2016\/03\/55.JS_Animated.How_to_use_Shortcodes_2-300x159.png\" alt=\"55.JS_Animated.How_to_use_Shortcodes_2\" width=\"300\" height=\"159\" class=\"aligncenter size-medium wp-image-66130\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/03\/55.JS_Animated.How_to_use_Shortcodes_2-300x159.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/03\/55.JS_Animated.How_to_use_Shortcodes_2-150x80.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/03\/55.JS_Animated.How_to_use_Shortcodes_2-1024x544.png 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/03\/55.JS_Animated.How_to_use_Shortcodes_2.png 1279w\" 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=Ah0RMyPzRQM?width=1280&amp;height=720\" rel=\"prettyPhoto\">JS Animated. How to use special shortcodes.php page<\/a>","protected":false},"excerpt":{"rendered":"<p>Our Support team is ready to present you a new tutorial that shows how to work with <strong>shortcodes<\/strong> in Website templates.<\/p>\n","protected":false},"author":59,"featured_media":66131,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[1016],"tags":[2411,572,911,1415],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/66128"}],"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\/59"}],"replies":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/comments?post=66128"}],"version-history":[{"count":0,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/66128\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media\/66131"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=66128"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=66128"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=66128"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}