{"id":17596,"date":"2021-01-19T11:20:12","date_gmt":"2021-01-19T04:20:12","guid":{"rendered":"https:\/\/www.makewebeasy.com\/en\/blog\/?post_type=manual&#038;p=17596"},"modified":"2021-01-19T12:15:05","modified_gmt":"2021-01-19T05:15:05","slug":"customizing-page-layout","status":"publish","type":"manual","link":"https:\/\/www.devmakewebeasy.com\/en\/blog\/manual\/customizing-page-layout\/","title":{"rendered":"Customizing Page Layout"},"content":{"rendered":"<p><span data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;Under page layout, there are four sections that you can manage according to your website aesthetic, namely content, product, gallery, and contact form. You can customize each layout as follow:&quot;}\" data-sheets-userformat=\"{&quot;2&quot;:13185,&quot;3&quot;:{&quot;1&quot;:0},&quot;10&quot;:1,&quot;11&quot;:4,&quot;12&quot;:0,&quot;15&quot;:&quot;Calibri&quot;,&quot;16&quot;:11}\">Under page layout, there are four sections that you can manage according to your website aesthetic, namely content, product, gallery, and contact form. You can customize each layout as follow:<\/span><\/p>\n<p><strong>1. Content Layout<\/strong><\/p>\n<p style=\"padding-left: 40px;\"><span data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;1. Navigate to Design&quot;}\" data-sheets-userformat=\"{&quot;2&quot;:13185,&quot;3&quot;:{&quot;1&quot;:0},&quot;10&quot;:1,&quot;11&quot;:4,&quot;12&quot;:0,&quot;15&quot;:&quot;Calibri&quot;,&quot;16&quot;:11}\" data-sheets-textstyleruns=\"{&quot;1&quot;:0}\uee10[null,15,{&quot;5&quot;:1}]\">1. Navigate to Design<\/span><\/p>\n<p style=\"padding-left: 40px;\"><span data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;1. Navigate to Design&quot;}\" data-sheets-userformat=\"{&quot;2&quot;:13185,&quot;3&quot;:{&quot;1&quot;:0},&quot;10&quot;:1,&quot;11&quot;:4,&quot;12&quot;:0,&quot;15&quot;:&quot;Calibri&quot;,&quot;16&quot;:11}\" data-sheets-textstyleruns=\"{&quot;1&quot;:0}\uee10[null,15,{&quot;5&quot;:1}]\">2. Select Page Layout &gt; Content<\/span><\/p>\n<p style=\"padding-left: 40px;\"><span data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;3. Select the content layout and customize based on your website aesthetic&quot;}\" data-sheets-userformat=\"{&quot;2&quot;:13185,&quot;3&quot;:{&quot;1&quot;:0},&quot;10&quot;:1,&quot;11&quot;:4,&quot;12&quot;:0,&quot;15&quot;:&quot;Calibri&quot;,&quot;16&quot;:11}\">3. Select the content layout and customize based on your website aesthetic<\/span><\/p>\n<p style=\"padding-left: 40px;\"><span data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;4. Click the Save button&quot;}\" data-sheets-userformat=\"{&quot;2&quot;:13185,&quot;3&quot;:{&quot;1&quot;:0},&quot;10&quot;:1,&quot;11&quot;:4,&quot;12&quot;:0,&quot;15&quot;:&quot;Calibri&quot;,&quot;16&quot;:11}\" data-sheets-textstyleruns=\"{&quot;1&quot;:0}\uee10[null,13,{&quot;5&quot;:1}]\uee10{&quot;1&quot;:18}\">4. Click the Save button<\/span><\/p>\n<p style=\"padding-left: 40px;\"><span data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;Additional instructions: you can turn on\/off the display layout on setting tab&quot;}\" data-sheets-userformat=\"{&quot;2&quot;:13185,&quot;3&quot;:{&quot;1&quot;:0},&quot;10&quot;:1,&quot;11&quot;:4,&quot;12&quot;:0,&quot;15&quot;:&quot;Calibri&quot;,&quot;16&quot;:11}\" data-sheets-textstyleruns=\"[null,0,{&quot;9&quot;:1}]\uee10{&quot;1&quot;:23}\"><span style=\"text-decoration: underline;\">Additional instructions<\/span>: you can turn on\/off the display layout on setting tab<\/span><\/p>\n<p><img loading=\"lazy\" class=\"size-medium wp-image-17597 aligncenter\" src=\"https:\/\/www.makewebeasy.com\/en\/blog\/wp-content\/uploads\/2021\/01\/2.8-\u0e1b\u0e23\u0e31\u0e1a\u0e41\u0e15\u0e48\u0e07\u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a\u0e2b\u0e19\u0e49\u0e32\u0e40\u0e1e\u0e08-1-EN-620x548.png\" alt=\"\" width=\"620\" height=\"548\" srcset=\"https:\/\/www.devmakewebeasy.com\/en\/blog\/wp-content\/uploads\/2021\/01\/2.8-\u0e1b\u0e23\u0e31\u0e1a\u0e41\u0e15\u0e48\u0e07\u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a\u0e2b\u0e19\u0e49\u0e32\u0e40\u0e1e\u0e08-1-EN-620x548.png 620w, https:\/\/www.devmakewebeasy.com\/en\/blog\/wp-content\/uploads\/2021\/01\/2.8-\u0e1b\u0e23\u0e31\u0e1a\u0e41\u0e15\u0e48\u0e07\u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a\u0e2b\u0e19\u0e49\u0e32\u0e40\u0e1e\u0e08-1-EN.png 626w\" sizes=\"(max-width: 620px) 100vw, 620px\" \/><\/p>\n<p><img loading=\"lazy\" class=\"size-full wp-image-17598 aligncenter\" src=\"https:\/\/www.makewebeasy.com\/en\/blog\/wp-content\/uploads\/2021\/01\/2.8-\u0e1b\u0e23\u0e31\u0e1a\u0e41\u0e15\u0e48\u0e07\u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a\u0e2b\u0e19\u0e49\u0e32\u0e40\u0e1e\u0e08-2-EN.png\" alt=\"\" width=\"620\" height=\"524\" \/><\/p>\n<p style=\"text-align: center;\"><em>The display result after customizing the content layout<\/em><\/p>\n<hr \/>\n<p><strong>2. Product Layout<\/strong><\/p>\n<p style=\"padding-left: 40px;\">1. Navigate to Design<\/p>\n<p style=\"padding-left: 40px;\"><span data-sheets-formula-bar-text-style=\"font-size:15px;color:#000000;font-weight:normal;text-decoration:none;font-family:'docs-Calibri';font-style:normal;text-decoration-skip-ink:none;\">2. Select <\/span><span data-sheets-formula-bar-text-style=\"font-size:15px;color:#000000;font-weight:bold;text-decoration:none;font-family:''docs-Calibri'';font-style:normal;text-decoration-skip-ink:none;\">Page Layout <\/span><span data-sheets-formula-bar-text-style=\"font-size:15px;color:#000000;font-weight:normal;text-decoration:none;font-family:'docs-Calibri';font-style:normal;text-decoration-skip-ink:none;\">&gt; <\/span><span data-sheets-formula-bar-text-style=\"font-size:15px;color:#000000;font-weight:bold;text-decoration:none;font-family:''docs-Calibri'';font-style:normal;text-decoration-skip-ink:none;\">Product<\/span><\/p>\n<p style=\"padding-left: 40px;\">3. Select the product layout and customize based on your website aesthetic<\/p>\n<p style=\"padding-left: 40px;\"><span data-sheets-formula-bar-text-style=\"font-size:15px;color:#000000;font-weight:normal;text-decoration:none;font-family:'docs-Calibri';font-style:normal;text-decoration-skip-ink:none;\">4. Click the <\/span><span data-sheets-formula-bar-text-style=\"font-size:15px;color:#000000;font-weight:bold;text-decoration:none;font-family:''docs-Calibri'';font-style:normal;text-decoration-skip-ink:none;\">Save <\/span><span data-sheets-formula-bar-text-style=\"font-size:15px;color:#000000;font-weight:normal;text-decoration:none;font-family:'docs-Calibri';font-style:normal;text-decoration-skip-ink:none;\">button<\/span><\/p>\n<p style=\"padding-left: 40px;\"><span style=\"text-decoration: underline;\">Additional instructions<\/span><span data-sheets-formula-bar-text-style=\"font-size:15px;color:#000000;font-weight:normal;text-decoration:none;font-family:'docs-Calibri';font-style:normal;text-decoration-skip-ink:none;\">: you can turn on\/off the display layout on setting tab<\/span><\/p>\n<p><img loading=\"lazy\" class=\"size-full wp-image-17599 aligncenter\" src=\"https:\/\/www.makewebeasy.com\/en\/blog\/wp-content\/uploads\/2021\/01\/2.8-\u0e1b\u0e23\u0e31\u0e1a\u0e41\u0e15\u0e48\u0e07\u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a\u0e2b\u0e19\u0e49\u0e32\u0e40\u0e1e\u0e08-3-EN.png\" alt=\"\" width=\"598\" height=\"553\" \/><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-17600\" src=\"https:\/\/www.makewebeasy.com\/en\/blog\/wp-content\/uploads\/2021\/01\/2.8-\u0e1b\u0e23\u0e31\u0e1a\u0e41\u0e15\u0e48\u0e07\u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a\u0e2b\u0e19\u0e49\u0e32\u0e40\u0e1e\u0e08-4-EN.png\" alt=\"\" width=\"620\" height=\"564\" \/><\/p>\n<p style=\"text-align: center;\"><em>The display result after customizing the product layout<\/em><\/p>\n<hr \/>\n<p><strong>3. Gallery Layout<\/strong><\/p>\n<p style=\"padding-left: 40px;\">1. Navigate to Design<\/p>\n<p style=\"padding-left: 40px;\">2. Select Page Layout &gt; Gallery<\/p>\n<p style=\"padding-left: 40px;\">3. Select the gallery layout and customize based on your website aesthetic<\/p>\n<p style=\"padding-left: 40px;\"><span data-sheets-formula-bar-text-style=\"font-size:15px;color:#000000;font-weight:normal;text-decoration:none;font-family:'docs-Calibri';font-style:normal;text-decoration-skip-ink:none;\">4. Click the <\/span><span data-sheets-formula-bar-text-style=\"font-size:15px;color:#000000;font-weight:bold;text-decoration:none;font-family:''docs-Calibri'';font-style:normal;text-decoration-skip-ink:none;\">Save <\/span><span data-sheets-formula-bar-text-style=\"font-size:15px;color:#000000;font-weight:normal;text-decoration:none;font-family:'docs-Calibri';font-style:normal;text-decoration-skip-ink:none;\">button<\/span><\/p>\n<p style=\"padding-left: 40px;\"><span style=\"text-decoration: underline;\">Additional instructions<\/span>: you can turn on\/off the display layout on setting tab<\/p>\n<p><img loading=\"lazy\" class=\"size-full wp-image-17601 aligncenter\" src=\"https:\/\/www.makewebeasy.com\/en\/blog\/wp-content\/uploads\/2021\/01\/2.8-\u0e1b\u0e23\u0e31\u0e1a\u0e41\u0e15\u0e48\u0e07\u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a\u0e2b\u0e19\u0e49\u0e32\u0e40\u0e1e\u0e08-5-EN.png\" alt=\"\" width=\"598\" height=\"535\" \/><\/p>\n<p><img loading=\"lazy\" class=\" wp-image-17602 aligncenter\" src=\"https:\/\/www.makewebeasy.com\/en\/blog\/wp-content\/uploads\/2021\/01\/2.8-\u0e1b\u0e23\u0e31\u0e1a\u0e41\u0e15\u0e48\u0e07\u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a\u0e2b\u0e19\u0e49\u0e32\u0e40\u0e1e\u0e08-6-EN.png\" alt=\"\" width=\"590\" height=\"445\" \/><\/p>\n<p style=\"text-align: center;\"><em>The display result after customizing the gallery layout<\/em><\/p>\n<hr \/>\n<p><strong>4. Contact Layout<\/strong><\/p>\n<p style=\"padding-left: 40px;\"><span data-sheets-formula-bar-text-style=\"font-size:15px;color:#000000;font-weight:normal;text-decoration:none;font-family:'docs-Calibri';font-style:normal;text-decoration-skip-ink:none;\">1. Navigate to <\/span><span data-sheets-formula-bar-text-style=\"font-size:15px;color:#000000;font-weight:bold;text-decoration:none;font-family:''docs-Calibri'';font-style:normal;text-decoration-skip-ink:none;\">Design<\/span><\/p>\n<p style=\"padding-left: 40px;\"><span data-sheets-formula-bar-text-style=\"font-size:15px;color:#000000;font-weight:normal;text-decoration:none;font-family:'docs-Calibri';font-style:normal;text-decoration-skip-ink:none;\">2. Select <\/span><span data-sheets-formula-bar-text-style=\"font-size:15px;color:#000000;font-weight:bold;text-decoration:none;font-family:''docs-Calibri'';font-style:normal;text-decoration-skip-ink:none;\">Page Layout <\/span><span data-sheets-formula-bar-text-style=\"font-size:15px;color:#000000;font-weight:normal;text-decoration:none;font-family:'docs-Calibri';font-style:normal;text-decoration-skip-ink:none;\">&gt; <\/span><span data-sheets-formula-bar-text-style=\"font-size:15px;color:#000000;font-weight:bold;text-decoration:none;font-family:''docs-Calibri'';font-style:normal;text-decoration-skip-ink:none;\">Contact Us<\/span><\/p>\n<p style=\"padding-left: 40px;\">3. The layout of this section is divided into two parts; Page and Body Layout Styles<\/p>\n<p style=\"padding-left: 40px;\"><span data-sheets-formula-bar-text-style=\"font-size:15px;color:#000000;font-weight:normal;text-decoration:none;font-family:'docs-Calibri';font-style:normal;text-decoration-skip-ink:none;\">4. Click the <\/span><span data-sheets-formula-bar-text-style=\"font-size:15px;color:#000000;font-weight:bold;text-decoration:none;font-family:''docs-Calibri'';font-style:normal;text-decoration-skip-ink:none;\">Save <\/span><span data-sheets-formula-bar-text-style=\"font-size:15px;color:#000000;font-weight:normal;text-decoration:none;font-family:'docs-Calibri';font-style:normal;text-decoration-skip-ink:none;\">button<\/span><\/p>\n<p><img loading=\"lazy\" class=\"size-full wp-image-17603 aligncenter\" src=\"https:\/\/www.makewebeasy.com\/en\/blog\/wp-content\/uploads\/2021\/01\/2.8-\u0e1b\u0e23\u0e31\u0e1a\u0e41\u0e15\u0e48\u0e07\u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a\u0e2b\u0e19\u0e49\u0e32\u0e40\u0e1e\u0e08-7-EN.png\" alt=\"\" width=\"598\" height=\"531\" \/><\/p>\n<p><img loading=\"lazy\" class=\" wp-image-17604 aligncenter\" src=\"https:\/\/www.makewebeasy.com\/en\/blog\/wp-content\/uploads\/2021\/01\/2.8-\u0e1b\u0e23\u0e31\u0e1a\u0e41\u0e15\u0e48\u0e07\u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a\u0e2b\u0e19\u0e49\u0e32\u0e40\u0e1e\u0e08-8-EN.png\" alt=\"\" width=\"596\" height=\"676\" \/><\/p>\n<p style=\"text-align: center;\"><em>The display result after customizing the contact form on Page Layout<\/em><\/p>\n<p><img loading=\"lazy\" class=\"size-medium wp-image-17605 aligncenter\" src=\"https:\/\/www.makewebeasy.com\/en\/blog\/wp-content\/uploads\/2021\/01\/2.8-\u0e1b\u0e23\u0e31\u0e1a\u0e41\u0e15\u0e48\u0e07\u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a\u0e2b\u0e19\u0e49\u0e32\u0e40\u0e1e\u0e08-9-EN-620x2015.png\" alt=\"\" width=\"620\" height=\"2015\" srcset=\"https:\/\/www.devmakewebeasy.com\/en\/blog\/wp-content\/uploads\/2021\/01\/2.8-\u0e1b\u0e23\u0e31\u0e1a\u0e41\u0e15\u0e48\u0e07\u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a\u0e2b\u0e19\u0e49\u0e32\u0e40\u0e1e\u0e08-9-EN-620x2015.png 620w, https:\/\/www.devmakewebeasy.com\/en\/blog\/wp-content\/uploads\/2021\/01\/2.8-\u0e1b\u0e23\u0e31\u0e1a\u0e41\u0e15\u0e48\u0e07\u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a\u0e2b\u0e19\u0e49\u0e32\u0e40\u0e1e\u0e08-9-EN-473x1536.png 473w, https:\/\/www.devmakewebeasy.com\/en\/blog\/wp-content\/uploads\/2021\/01\/2.8-\u0e1b\u0e23\u0e31\u0e1a\u0e41\u0e15\u0e48\u0e07\u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a\u0e2b\u0e19\u0e49\u0e32\u0e40\u0e1e\u0e08-9-EN.png 630w\" sizes=\"(max-width: 620px) 100vw, 620px\" \/><\/p>\n<p style=\"text-align: center;\"><em>The display result after customizing the contact form on homepage Body Layout<\/em><\/p>\n<p>&nbsp;<\/p>\n","protected":false},"featured_media":0,"template":"","manual_category":[1782],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v14.8 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Customizing Page Layout - MakeWebaEasy Blog<\/title>\n<meta name=\"robots\" content=\"index, follow\" \/>\n<meta name=\"googlebot\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta name=\"bingbot\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.makewebeasy.com\/en\/blog\/manual\/customizing-page-layout\/\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:title\" content=\"Customizing Page Layout - MakeWebaEasy Blog\" \/>\n<meta name=\"twitter:description\" content=\"Under page layout, there are four sections that you can manage according to your website aesthetic, namely content, product, gallery, and contact form. You can customize each layout as follow: 1. Content Layout 1. Navigate to Design 2. Select Page Layout &gt; Content 3. Select the content layout and customize based on your website aesthetic [&hellip;]\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/www.makewebeasy.com\/en\/blog\/wp-content\/uploads\/2021\/01\/2.8-\u0e1b\u0e23\u0e31\u0e1a\u0e41\u0e15\u0e48\u0e07\u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a\u0e2b\u0e19\u0e49\u0e32\u0e40\u0e1e\u0e08-1-EN-620x548.png\" \/>\n<meta name=\"twitter:creator\" content=\"@makewebeasy\" \/>\n<meta name=\"twitter:site\" content=\"@makewebeasy\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","_links":{"self":[{"href":"https:\/\/www.devmakewebeasy.com\/en\/blog\/wp-json\/wp\/v2\/manual\/17596"}],"collection":[{"href":"https:\/\/www.devmakewebeasy.com\/en\/blog\/wp-json\/wp\/v2\/manual"}],"about":[{"href":"https:\/\/www.devmakewebeasy.com\/en\/blog\/wp-json\/wp\/v2\/types\/manual"}],"wp:attachment":[{"href":"https:\/\/www.devmakewebeasy.com\/en\/blog\/wp-json\/wp\/v2\/media?parent=17596"}],"wp:term":[{"taxonomy":"manual_category","embeddable":true,"href":"https:\/\/www.devmakewebeasy.com\/en\/blog\/wp-json\/wp\/v2\/manual_category?post=17596"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}