{"id":6131,"date":"2016-06-13T22:51:17","date_gmt":"2016-06-13T22:51:17","guid":{"rendered":"https:\/\/manuals.qantumthemes.xyz\/sonik\/?post_type=ht_kb&#038;p=6131"},"modified":"2018-08-03T10:07:31","modified_gmt":"2018-08-03T10:07:31","slug":"2-0-1-creating-pages-with-visual-composer-and-polydecor-backgrounds","status":"publish","type":"ht_kb","link":"https:\/\/manuals.qantumthemes.xyz\/sonik\/knowledge-base\/2-0-1-creating-pages-with-visual-composer-and-polydecor-backgrounds\/","title":{"rendered":"2.0.1 Creating pages with WP Bakery Page Builder and Polydecor Backgrounds"},"content":{"rendered":"<div style=\"background: red; color: white !important; padding: 30px; margin: 30px 0; clear: both;\">\n<h1 style=\"color: #fff;\" id=\"important-note-after-wordpress-gutenberg-editor-release\" >IMPORTANT NOTE AFTER WORDPRESS GUTENBERG EDITOR RELEASE:<\/h1>\n<p><strong>In order to keep WP Bakery Page Composer the default page builder of your website, we strongly recommend disabling Gutenberg.<\/strong><\/p>\n<ul>\n<li><strong>Open your WordPress Admin Dashboard<\/strong><\/li>\n<li><strong>Navigate to Visual Composer \u2013 Settings;<\/strong><\/li>\n<li><strong>Locate the Gutenberg settings and select disable (Off);<\/strong><\/li>\n<\/ul>\n<p><a href=\"https:\/\/qantumthemes.xyz\/manuals\/kentha\/wp-content\/uploads\/2018\/08\/Screen-Shot-2018-08-03-at-11.32.57-AM.png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-6607 alignnone\" src=\"https:\/\/qantumthemes.xyz\/manuals\/kentha\/wp-content\/uploads\/2018\/08\/Screen-Shot-2018-08-03-at-11.32.57-AM.png\" alt=\"\" width=\"518\" height=\"93\" \/><\/a><\/p>\n<ul>\n<li><strong>Save changes.<\/strong><\/li>\n<\/ul>\n<p>When creating a new page, click on\u00a0<strong>Pages &gt; All pages<\/strong>, and then\u00a0<strong>Add new (on the arrow icon) &gt; Classic editor<\/strong>\u00a0otherwise Gutenberg editor will replace WPBakery Page builder.<\/p>\n<p><a href=\"https:\/\/qantumthemes.xyz\/manuals\/kentha\/wp-content\/uploads\/2018\/08\/Screen-Shot-2018-08-03-at-11.50.05.png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-6609 alignnone\" src=\"https:\/\/qantumthemes.xyz\/manuals\/kentha\/wp-content\/uploads\/2018\/08\/Screen-Shot-2018-08-03-at-11.50.05.png\" alt=\"\" width=\"172\" height=\"46\" \/><\/a><\/p>\n<p>When editing new click\u00a0<strong>Classic editor<\/strong>\u00a0link near page name in list,\u00a0otherwise Gutenberg editor will replace WPBakery Page builder.<\/p>\n<p><a href=\"https:\/\/qantumthemes.xyz\/manuals\/kentha\/wp-content\/uploads\/2018\/08\/Screen-Shot-2018-08-03-at-11.33.20-AM.png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-6610 alignnone\" src=\"https:\/\/qantumthemes.xyz\/manuals\/kentha\/wp-content\/uploads\/2018\/08\/Screen-Shot-2018-08-03-at-11.33.20-AM.png\" alt=\"\" width=\"577\" height=\"62\" \/><\/a><\/p>\n<\/div>\n<p>Welcome to the new world of PolyDecor!<\/p>\n<h2 id=\"what-are-polydecor-pages\" >What are Polydecor pages?<\/h2>\n<p>Are pages where the rows of the Visual composer can be decorated with polygons in background, which are animated with a special parallax effect.<\/p>\n<p>There are 4 types of decorations, and they are added depending on the order of the row, in this way:<\/p>\n<ul>\n<li>Row 1 -&gt; Decoration <strong>1<\/strong> (Rhombus)<\/li>\n<li>Row 2\u00a0-&gt; Decoration <strong>2<\/strong>\u00a0(45degrees rotated rectangules)<\/li>\n<li>Row 3\u00a0-&gt; Decoration <strong>3<\/strong>\u00a0(-45degrees rotated\u00a0rectangules)<\/li>\n<li>Row 4\u00a0-&gt; Decoration <strong>4<\/strong>\u00a0(45degrees skewed rectangules)<\/li>\n<li><span style=\"color: #999999;\">Row 5\u00a0-&gt; Decoration <strong>1<\/strong> (Rhombus)<\/span><\/li>\n<li><span style=\"color: #999999;\">Row 6\u00a0-&gt; Decoration <strong>2<\/strong>\u00a0(45degrees rotated rectangules)<\/span><\/li>\n<li><span style=\"color: #999999;\">Row 7\u00a0-&gt; Decoration <strong>3<\/strong>\u00a0(-45degrees rotated rectangules)<\/span><\/li>\n<li><span style=\"color: #999999;\">Row 8\u00a0-&gt; Decoration <strong>4<\/strong>\u00a0(45degrees skewed rectangules)<\/span><\/li>\n<\/ul>\n<p>How to create Polydecor Pages?<\/p>\n<ol>\n<li>Go to Pages -&gt; Add New<\/li>\n<li>Choose the Page Composer template in Page Attributes<\/li>\n<li>Create the page using the Visual Composer and <strong>SAVE<\/strong><\/li>\n<li>Enable Polydecor in the\u00a0Design Customization<\/li>\n<li>Each row will be a Polydecor row. Inner rows are automatically skipped.<\/li>\n<\/ol>\n<h2 id=\"enabling-polydecor-for-a-page\" >Enabling Polydecor for a page:<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-6132 alignleft\" src=\"https:\/\/manuals.qantumthemes.xyz\/sonik\/wp-content\/uploads\/2016\/06\/Screen-Shot-2016-06-14-at-00.38.32.png\" alt=\"Screen Shot 2016-06-14 at 00.38.32\" width=\"286\" height=\"403\" srcset=\"https:\/\/manuals.qantumthemes.xyz\/sonik\/wp-content\/uploads\/2016\/06\/Screen-Shot-2016-06-14-at-00.38.32.png 286w, https:\/\/manuals.qantumthemes.xyz\/sonik\/wp-content\/uploads\/2016\/06\/Screen-Shot-2016-06-14-at-00.38.32-213x300.png 213w, https:\/\/manuals.qantumthemes.xyz\/sonik\/wp-content\/uploads\/2016\/06\/Screen-Shot-2016-06-14-at-00.38.32-35x50.png 35w\" sizes=\"(max-width: 286px) 100vw, 286px\" \/> <img loading=\"lazy\" decoding=\"async\" class=\"size-post wp-image-6133 alignleft\" src=\"https:\/\/manuals.qantumthemes.xyz\/sonik\/wp-content\/uploads\/2016\/06\/Screen-Shot-2016-06-14-at-00.38.37.png\" alt=\"Screen Shot 2016-06-14 at 00.38.37\" width=\"395\" height=\"318\" srcset=\"https:\/\/manuals.qantumthemes.xyz\/sonik\/wp-content\/uploads\/2016\/06\/Screen-Shot-2016-06-14-at-00.38.37.png 395w, https:\/\/manuals.qantumthemes.xyz\/sonik\/wp-content\/uploads\/2016\/06\/Screen-Shot-2016-06-14-at-00.38.37-300x242.png 300w, https:\/\/manuals.qantumthemes.xyz\/sonik\/wp-content\/uploads\/2016\/06\/Screen-Shot-2016-06-14-at-00.38.37-50x40.png 50w, https:\/\/manuals.qantumthemes.xyz\/sonik\/wp-content\/uploads\/2016\/06\/Screen-Shot-2016-06-14-at-00.38.37-320x258.png 320w\" sizes=\"(max-width: 395px) 100vw, 395px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<h2 id=\"disabling-polydecor-for-a-specific-row\" >Disabling Polydecor for a specific Row:<\/h2>\n<p>You can disable the polydecor on specific sections by checking the checkbox Polydecor in the row settings:<\/p>\n<p>&nbsp;<\/p>\n<p style=\"text-align: justify;\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-6134\" src=\"https:\/\/manuals.qantumthemes.xyz\/sonik\/wp-content\/uploads\/2016\/06\/Screen-Shot-2016-06-14-at-00.40.39.png\" alt=\"Screen Shot 2016-06-14 at 00.40.39\" width=\"420\" height=\"735\" srcset=\"https:\/\/manuals.qantumthemes.xyz\/sonik\/wp-content\/uploads\/2016\/06\/Screen-Shot-2016-06-14-at-00.40.39.png 420w, https:\/\/manuals.qantumthemes.xyz\/sonik\/wp-content\/uploads\/2016\/06\/Screen-Shot-2016-06-14-at-00.40.39-171x300.png 171w, https:\/\/manuals.qantumthemes.xyz\/sonik\/wp-content\/uploads\/2016\/06\/Screen-Shot-2016-06-14-at-00.40.39-29x50.png 29w, https:\/\/manuals.qantumthemes.xyz\/sonik\/wp-content\/uploads\/2016\/06\/Screen-Shot-2016-06-14-at-00.40.39-320x560.png 320w\" sizes=\"(max-width: 420px) 100vw, 420px\" \/><\/p>\n<h2 style=\"text-align: justify;\" id=\"example\" >Example:<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-post wp-image-6135\" src=\"https:\/\/manuals.qantumthemes.xyz\/sonik\/wp-content\/uploads\/2016\/06\/Screen-Shot-2016-06-14-at-00.45.57-920x762.png\" alt=\"Screen Shot 2016-06-14 at 00.45.57\" width=\"920\" height=\"762\" srcset=\"https:\/\/manuals.qantumthemes.xyz\/sonik\/wp-content\/uploads\/2016\/06\/Screen-Shot-2016-06-14-at-00.45.57-920x762.png 920w, https:\/\/manuals.qantumthemes.xyz\/sonik\/wp-content\/uploads\/2016\/06\/Screen-Shot-2016-06-14-at-00.45.57-300x249.png 300w, https:\/\/manuals.qantumthemes.xyz\/sonik\/wp-content\/uploads\/2016\/06\/Screen-Shot-2016-06-14-at-00.45.57-768x636.png 768w, https:\/\/manuals.qantumthemes.xyz\/sonik\/wp-content\/uploads\/2016\/06\/Screen-Shot-2016-06-14-at-00.45.57-50x41.png 50w, https:\/\/manuals.qantumthemes.xyz\/sonik\/wp-content\/uploads\/2016\/06\/Screen-Shot-2016-06-14-at-00.45.57-600x497.png 600w, https:\/\/manuals.qantumthemes.xyz\/sonik\/wp-content\/uploads\/2016\/06\/Screen-Shot-2016-06-14-at-00.45.57-320x265.png 320w, https:\/\/manuals.qantumthemes.xyz\/sonik\/wp-content\/uploads\/2016\/06\/Screen-Shot-2016-06-14-at-00.45.57.png 1016w\" sizes=\"(max-width: 920px) 100vw, 920px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>This will become:<\/p>\n<p>&nbsp;<\/p>\n<p style=\"text-align: justify;\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-6136\" src=\"https:\/\/manuals.qantumthemes.xyz\/sonik\/wp-content\/uploads\/2016\/06\/Screen-Shot-2016-06-14-at-00.48.22.png\" alt=\"Screen Shot 2016-06-14 at 00.48.22\" width=\"647\" height=\"763\" srcset=\"https:\/\/manuals.qantumthemes.xyz\/sonik\/wp-content\/uploads\/2016\/06\/Screen-Shot-2016-06-14-at-00.48.22.png 647w, https:\/\/manuals.qantumthemes.xyz\/sonik\/wp-content\/uploads\/2016\/06\/Screen-Shot-2016-06-14-at-00.48.22-254x300.png 254w, https:\/\/manuals.qantumthemes.xyz\/sonik\/wp-content\/uploads\/2016\/06\/Screen-Shot-2016-06-14-at-00.48.22-42x50.png 42w, https:\/\/manuals.qantumthemes.xyz\/sonik\/wp-content\/uploads\/2016\/06\/Screen-Shot-2016-06-14-at-00.48.22-600x708.png 600w, https:\/\/manuals.qantumthemes.xyz\/sonik\/wp-content\/uploads\/2016\/06\/Screen-Shot-2016-06-14-at-00.48.22-320x377.png 320w\" sizes=\"(max-width: 647px) 100vw, 647px\" \/><\/p>\n<h2 style=\"text-align: justify;\" id=\"use-in-conjunction-with-backgrounds-parallax-or-videos\" >Use in conjunction with backgrounds, parallax or videos:<\/h2>\n<p style=\"text-align: justify;\">You can use any other type of Background settings from the Visual Composer row settings: the Polydecor is generated via Javascript and will be between the picture background and the contents.<\/p>\n<h3 style=\"text-align: justify;\" id=\"it-works-well-on-top-of-parallax-pictures-and-videos\" >It works well on top of parallax, pictures and videos!<\/h3>\n<p style=\"text-align: justify;\">Polydecors are a light and innovative way to make your pages more interesting, dynamic and fun, without adding weight to the page (it requires only 100 bytes!)<\/p>\n","protected":false},"author":1,"comment_status":"closed","ping_status":"closed","template":"","format":"standard","meta":{"footnotes":""},"ht_kb_category":[540],"ht_kb_tag":[613,609,614],"class_list":["post-6131","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-contents","ht_kb_tag-composer","ht_kb_tag-page","ht_kb_tag-polydecor"],"_links":{"self":[{"href":"https:\/\/manuals.qantumthemes.xyz\/sonik\/wp-json\/wp\/v2\/ht_kb\/6131"}],"collection":[{"href":"https:\/\/manuals.qantumthemes.xyz\/sonik\/wp-json\/wp\/v2\/ht_kb"}],"about":[{"href":"https:\/\/manuals.qantumthemes.xyz\/sonik\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/manuals.qantumthemes.xyz\/sonik\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/manuals.qantumthemes.xyz\/sonik\/wp-json\/wp\/v2\/comments?post=6131"}],"version-history":[{"count":3,"href":"https:\/\/manuals.qantumthemes.xyz\/sonik\/wp-json\/wp\/v2\/ht_kb\/6131\/revisions"}],"predecessor-version":[{"id":6196,"href":"https:\/\/manuals.qantumthemes.xyz\/sonik\/wp-json\/wp\/v2\/ht_kb\/6131\/revisions\/6196"}],"wp:attachment":[{"href":"https:\/\/manuals.qantumthemes.xyz\/sonik\/wp-json\/wp\/v2\/media?parent=6131"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/manuals.qantumthemes.xyz\/sonik\/wp-json\/wp\/v2\/ht_kb_category?post=6131"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/manuals.qantumthemes.xyz\/sonik\/wp-json\/wp\/v2\/ht_kb_tag?post=6131"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}