{"id":1290,"date":"2016-12-19T12:49:51","date_gmt":"2016-12-19T12:49:51","guid":{"rendered":"http:\/\/rnbtheme.com\/documentation\/?p=1290"},"modified":"2019-06-05T06:43:47","modified_gmt":"2019-06-05T06:43:47","slug":"visual-composer-plugin","status":"publish","type":"post","link":"https:\/\/rnbtheme.com\/documentation\/wpbackery\/visual-composer-plugin","title":{"rendered":"WPBackery page builder Plugin"},"content":{"rendered":"<p>Using the functionality of WPBackery page builder plugin you can easily add all the necessary content on your page and distinguish your site. It includes not only the default modules of WPBackery plugin and its addons, but the unique shortcodes created by DFDevelopement for Ronneby theme users as well.<\/p>\n<h5>WPBackery Settings<\/h5>\n<h4>You may create the pages using WPBackery plugin.<\/h4>\n<p>The plugin provides a wide range of various elements and options and\u00a0allows you to achieve stunning effects on the site.<\/p>\n<p>For more information, you may check the WPBackery <a href=\"https:\/\/vc.wpbakery.com\/video-tutorials\/\">Video Tutorials<\/a>.<\/p>\n<p>To create the pages with WPBackery, you need to install and activate the WPBackery for the site. Find more details on plugin installation in <a href=\"http:\/\/rnbtheme.com\/documentation\/first-steps\/getting-started\" target=\"_blank\">this post<\/a>.<\/p>\n<p>After this, select what elements you&#8217;ll be using and on what pages and posts they&#8217;ll be available.<\/p>\n<p>Navigate to <del>WPBackery<\/del> <del class=\"support-arrow-right\">Role Manager<\/del> <del>Administrator<\/del> and check the needed options.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-1293 size-full\" src=\"http:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2016\/12\/Visual-Composer.jpg\" alt=\"visual-composer\" width=\"978\" height=\"640\" srcset=\"https:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2016\/12\/Visual-Composer.jpg 978w, https:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2016\/12\/Visual-Composer-300x196.jpg 300w, https:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2016\/12\/Visual-Composer-768x503.jpg 768w\" sizes=\"(max-width: 978px) 100vw, 978px\" \/><\/p>\n<ul>\n<li><strong>Post types<\/strong> &#8211; select where to display the WPBackery elements. It&#8217;s set to Pages only by default. Select Custom post types and put the check marks at all the needed elements: posts &#8211; for posts, pages &#8211; for pages, product &#8211; for WooCommerce products, portfolios, and galleries.<\/li>\n<li><strong>Backend editor and Frontend editor<\/strong> &#8211; enable the needed editors to use them while working on the site.<\/li>\n<li><strong>Disable Classic editor<\/strong> &#8211; set it to <strong>Enable<\/strong> to disable classic mode of WPBackery plugin.<\/li>\n<li><strong>Elements<\/strong> &#8211; you may enable all VC elements or select custom ones to display on the site.<\/li>\n<li><strong>Page settings<\/strong> &#8211; allows controlling the access to WPBackery page settings.<\/li>\n<\/ul>\n<h5>Page Editor<\/h5>\n<h6>After you set the WPBackery, you may proceed to the site building. Below you may check main options when customizing the page.<\/h6>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-11628\" src=\"http:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2016\/12\/Visual-Composer-1.jpg\" alt=\"\" width=\"978\" height=\"600\" srcset=\"https:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2016\/12\/Visual-Composer-1.jpg 978w, https:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2016\/12\/Visual-Composer-1-300x184.jpg 300w, https:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2016\/12\/Visual-Composer-1-768x471.jpg 768w\" sizes=\"(max-width: 978px) 100vw, 978px\" \/><strong><br \/>\n<span style=\"color: #3b55e6;\">1.<\/span><\/strong> <strong>Classic mode\/Backend Editor<\/strong> &#8211; switch to classic mode to display the shortcode of the page. It is useful for quick\u00a0duplicating of the pages: simply copy the shortcode and insert it to the Classic mode files of the new page. <strong>Frontend Editor<\/strong> &#8211; allows you to customize the page on its front end making and seeing the changes in real time.<\/p>\n<p><strong><span style=\"color: #3b55e6;\">2.<\/span><\/strong> <strong>Plus button<\/strong> &#8211; allows you to add the element to the first row.<\/p>\n<p><strong><span style=\"color: #3b55e6;\">3.<\/span><\/strong> <strong>Custom CSS Box<\/strong> &#8211; allows you to enter the CSS code which will be applied to this specific page only.<\/p>\n<p><strong><span style=\"color: #3b55e6;\">4.<\/span> Drag button<\/strong> &#8211; allows you to drag-n-drop the row and change its position on the page. Here you can also set the number of columns inside the row.<\/p>\n<p><strong><span style=\"color: #3b55e6;\">5.<\/span><\/strong> <strong>Edit<\/strong>\u00a0<strong>Row\u00a0button <\/strong>&#8211; allows you to edit the row, duplicate it to delete the row on the page. More details can be found in the <a href=\"http:\/\/rnbtheme.com\/documentation\/visual-composer\/row-options\" target=\"_blank\">Row options<\/a> post.<\/p>\n<p><strong><span style=\"color: #3b55e6;\">6.<\/span><\/strong> <strong>Edit<\/strong>\u00a0<strong>Column\u00a0button <\/strong>&#8211; allows you to edit the column, duplicate it to delete it on the page. More details can be found in the <a href=\"http:\/\/rnbtheme.com\/documentation\/visual-composer\/column-options\" target=\"_blank\">Column options<\/a> post.<\/p>\n<p><strong><span style=\"color: #3b55e6;\">7.<\/span><\/strong> <strong>Edit<\/strong>\u00a0<strong>Element\u00a0button <\/strong>&#8211; allows you to edit the WPBackery element, duplicate it to delete it on the page. More details can be found in each post of WPBackery element.<\/p>\n<p><strong><span style=\"color: #3b55e6;\">8.<\/span><\/strong> <strong>Plus button<\/strong> &#8211; allows you to add the element below the already existing ones.<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Using the functionality of WPBackery page builder plugin you can easily add all the necessary content on your page and distinguish your site. It includes not only the default modules<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[5],"tags":[],"_links":{"self":[{"href":"https:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/posts\/1290"}],"collection":[{"href":"https:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/comments?post=1290"}],"version-history":[{"count":26,"href":"https:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/posts\/1290\/revisions"}],"predecessor-version":[{"id":14892,"href":"https:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/posts\/1290\/revisions\/14892"}],"wp:attachment":[{"href":"https:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/media?parent=1290"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/categories?post=1290"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/tags?post=1290"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}