{"id":45077,"date":"2015-03-30T07:40:22","date_gmt":"2015-03-30T11:40:22","guid":{"rendered":"http:\/\/www.templatemonster.com\/help\/?p=45077"},"modified":"2016-02-22T10:52:24","modified_gmt":"2016-02-22T15:52:24","slug":"wordpress-how-to-work-with-cherry-parallax-plugin","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/wordpress-how-to-work-with-cherry-parallax-plugin.html","title":{"rendered":"WordPress. How to work with Cherry Parallax plugin (based on CherryFramework 3.x)"},"content":{"rendered":"<p>\r\n<p>This tutorial is going to show you how to work with Cherry Parallax plugin in WordPress.<\/p>\r\n<p><a href=\"http:\/\/www.youtube.com\/watch?v=uU_JNNelIrs?width=1280&amp;height=720\" rel=\"prettyPhoto\">WordPress. How to work with Cherry Parallax Plugin<\/a><\/p>\r\n<h3 class=\"custom\">Cherry Parallax Plugin installation<\/h3>\r\n<p>First, you need to prepare your site to working with parallax plugin.<\/p>\r\n<p class=\"attention\">You should skip this step in case your template has pre-installed Cherry Parallax plugin.<\/p>\r\n<ol>\r\n<li>\r\n<p>You can download plugin using the following <a href=\"\/help\/files\/misc\/cherry-parallax-slider.zip\" target=\"_blank\">link<\/a>. Download and save the file on your computer.<\/p>\r\n<\/li>\r\n<li>\r\n<p>Install downloaded plugin in your WordPress admin panel, under <strong>Plugins<\/strong> -> <strong>Add New<\/strong>-> <strong>Upload Plugin<\/strong>:<\/p>\r\n<\/li>\r\n<li>\r\n<p>Make sure the plugin is activated in <strong>Plugins<\/strong> -> <strong>Installed Plugins<\/strong> page in site backend.<\/p>\r\n<\/li>\r\n<\/ol>\r\n<h3 class=\"custom\">Cherry Parallax Plugin shortcodes<\/h3>\r\n<p>To use Cherry Parallax Plugin effects, you should open any site page and wrap the desired content with the required parallax shortcode.<\/p>\r\n<ol>\r\n<li>\r\n<p>Use shortcode below to add image background for your page content:<\/p>\r\n<pre>[cherry_parallax image=\"img.jpg\" speed=\"normal\" invert=\"false\"]  ...  [\/cherry_parallax]<\/pre>\r\n<p>In this shortcode there are the following parameters available:<\/p>\r\n<ul class=\"list\">\r\n<li>\r\n<p><strong>Image<\/strong> &#8211; Specify your image name under <strong>image<\/strong> field. Make sure your image is uploaded under <strong>Media<\/strong> -> <strong>Library<\/strong> tab in your admin panel.<\/p>\r\n<\/li>\r\n<li>\r\n<p><strong>Speed<\/strong> &#8211; Parallax ratio. You can set it from 1 up to 5.<\/p>\r\n<\/li>\r\n<li>\r\n<p><strong>Invert<\/strong> &#8211; Inversion.<\/p>\r\n<\/li>\r\n<\/ul>\r\n<\/li>\r\n<li>\r\n<p>In order to add video background, use the shortcode as follows:<\/p>\r\n<pre>[cherry_video_parallax webm=\"video.webm\" ogv=\"video.ogv\" mp4=\"video.mp4\" poster=\"video_poster.jpg\"] ...  [\/cherry_video_parallax]<\/pre>\r\n<p>You can insert video with <strong>webm<\/strong>, <strong>ogv<\/strong> or <strong>mp4<\/strong> format only. Make sure video is uploaded under <strong>Media<\/strong> -> <strong>Library<\/strong>.<\/p>\r\n<p><strong>Poster<\/strong> allows you to add video pre-loading image. Replace video_poster.jpg with your image name.<\/p>\r\n<\/li>\r\n<\/ol>\r\n<p>Thank you for reading this tutorial. Feel free to check the video instruction below:<\/p>\r\n<p>Feel free to check the detailed video tutorial below:<\/p>\r\n<p><a href=\"http:\/\/www.youtube.com\/watch?v=uU_JNNelIrs?width=1280&amp;height=720\" rel=\"prettyPhoto\">WordPress. How to work with Cherry Parallax Plugin<\/a><\/p>\r\n<p><\/p>","protected":false},"excerpt":{"rendered":"<p>This tutorial is going to show you how to work with Cherry Parallax plugin in Wordpress.<\/p>\n","protected":false},"author":55,"featured_media":45082,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[728],"tags":[1419,1773,768,2405],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/45077"}],"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\/55"}],"replies":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/comments?post=45077"}],"version-history":[{"count":0,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/45077\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media\/45082"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=45077"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=45077"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=45077"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}