{"title":"Customizing Phlox Page Options and Layouts","id":36080,"link":"https:\/\/env.averta.net\/en\/step\/customizing-phlox-page-options-and-layouts\/","parent":[35058,35055],"content":"<p><img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-36087 alignright\" src=\"http:\/\/env.averta.net\/en\/wp-content\/uploads\/phlox-page-options.png\" alt=\"phlox-page-options\" width=\"644\" height=\"338\" \/>In Phlox, by?customizing?<strong>Page Options<\/strong>?you are able to manage your page layout, including sidebar location, title bar settings, content width, etc.<\/p>\n<p>To access Page Options:<\/p>\n<ol>\n<li><span style=\"font-weight: 400;\">Go to your <strong>WordPress Admin Panel<\/strong><\/span><\/li>\n<li><span style=\"font-weight: 400;\">Click?<\/span><b>Pages?<\/b><span style=\"font-weight: 400;\">on the <\/span><b>Dashboard<\/b><\/li>\n<li><span style=\"font-weight: 400;\">Click?<\/span><b>Add New<\/b><\/li>\n<li><span style=\"font-weight: 400;\">On the bottom of the page, you can find <strong>Page?<\/strong><strong>Options<\/strong><\/span><\/li>\n<\/ol>\n<div style=\"clear: both;\"><\/div>\n<h3>Video Tutorial<\/h3>\n<div style=\"position: relative; height: 0; padding-bottom: 56.25%;\"><iframe loading=\"lazy\" width=\"560\" height=\"315\" style=\"position: absolute; width: 100%; height: 100%; left: 0; display: block;\" src=\"https:\/\/www.youtube.com\/embed\/qNVie3fELr4?rel=0&amp;ecver=2\" frameborder=\"0\" encrypted-media=\"\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/div>\n<p class=\"aswi-text-box box-info\"><strong>Note: <\/strong>To read more about page options, check?<strong><a href=\"https:\/\/env.averta.net\/en\/step\/customizing-phlox-post-options\/?b=35086,35086\" title=\"Customizing Phlox Post Options\">Post Options<\/a><\/strong>, because majority of options are the same.<\/p>\n<hr style=\"clear: both;\" \/>\n<h3>Additional Options for Pages<\/h3>\n<p>Following options are only available for pages:<\/p>\n<h4><img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-36245 alignright\" src=\"http:\/\/env.averta.net\/en\/wp-content\/uploads\/content-layout.png\" alt=\"content-layout\" width=\"495\" height=\"114\" \/>Content Layout<\/h4>\n<p>You are able to choose?Boxed Content or?Full Content?layout. Boxed content will add margins to the content of the page, and full content will fill the page width.<\/p>\n<div style=\"clear: both;\"><\/div>\n<div class=\"row\"><div class=\"column col-half\">\n<div id=\"attachment_36700\" style=\"width: 1923px\" class=\"wp-caption alignnone\"><img aria-describedby=\"caption-attachment-36700\" decoding=\"async\" loading=\"lazy\" class=\"wp-image-36700 size-full\" src=\"http:\/\/env.averta.net\/en\/wp-content\/uploads\/full-layout-2.png\" alt=\"full-layout\" width=\"1913\" height=\"1922\" \/><p id=\"caption-attachment-36700\" class=\"wp-caption-text\">Full Layout<\/p><\/div>\n<\/div><div class=\"column col-half\">\n<div id=\"attachment_36701\" style=\"width: 1915px\" class=\"wp-caption alignnone\"><img aria-describedby=\"caption-attachment-36701\" decoding=\"async\" loading=\"lazy\" class=\"wp-image-36701 size-full\" src=\"http:\/\/env.averta.net\/en\/wp-content\/uploads\/boxed-layout-2-1.png\" alt=\"boxed-layout-2\" width=\"1905\" height=\"1949\" \/><p id=\"caption-attachment-36701\" class=\"wp-caption-text\">Boxed Layout<\/p><\/div>\n<\/div><\/div>\n<h4>Header Layout<\/h4>\n<p>In page options, you can choose theme default header layout or change it to one of the six available layouts.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-36249 aligncenter\" src=\"http:\/\/env.averta.net\/en\/wp-content\/uploads\/header-layout.png\" alt=\"header-layout\" width=\"916\" height=\"327\" \/><\/p>\n<table>\n<tbody>\n<tr>\n<th style=\"text-align: center;\">Layout<\/th>\n<th style=\"text-align: center;\">Preview<\/th>\n<\/tr>\n<tr>\n<td>\n<p style=\"text-align: center;\">Logo Left &#8211; Menu Right<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"wp-image-35912 size-full alignnone\" src=\"http:\/\/env.averta.net\/en\/wp-content\/uploads\/header-layout1-1-e1477135025225.png\" width=\"250\" height=\"91\" \/><\/td>\n<td><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-35903\" src=\"http:\/\/env.averta.net\/en\/wp-content\/uploads\/logo-left-menu-right.png\" alt=\"logo-left-menu-right\" width=\"976\" height=\"180\" \/><\/td>\n<\/tr>\n<tr>\n<td>\n<p style=\"text-align: center;\">Logo Left &#8211; Burger Right<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-35910 alignnone\" src=\"http:\/\/env.averta.net\/en\/wp-content\/uploads\/header-layout2.png\" alt=\"header-layout2\" width=\"251\" height=\"92\" \/><\/td>\n<td><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-35904\" src=\"http:\/\/env.averta.net\/en\/wp-content\/uploads\/logo-left-burger-right.png\" alt=\"logo-left-burger-right\" width=\"976\" height=\"180\" \/><\/td>\n<\/tr>\n<tr>\n<td>\n<p style=\"text-align: center;\">Logo Right &#8211; Menu Left<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-35911 alignnone\" src=\"http:\/\/env.averta.net\/en\/wp-content\/uploads\/header-layout3.png\" alt=\"header-layout3\" width=\"251\" height=\"92\" \/><\/td>\n<td><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-35907\" src=\"http:\/\/env.averta.net\/en\/wp-content\/uploads\/logo-right-menu-left.png\" alt=\"logo-right-menu-left\" width=\"976\" height=\"180\" \/><\/td>\n<\/tr>\n<tr>\n<td>\n<p style=\"text-align: center;\">Logo Right &#8211; Burger Left<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-35913\" src=\"http:\/\/env.averta.net\/en\/wp-content\/uploads\/header-layout4.png\" alt=\"header-layout4\" width=\"251\" height=\"92\" \/><\/td>\n<td><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-35906\" src=\"http:\/\/env.averta.net\/en\/wp-content\/uploads\/logo-right-burger-left.png\" alt=\"logo-right-burger-left\" width=\"976\" height=\"180\" \/><\/td>\n<\/tr>\n<tr>\n<td>\n<p style=\"text-align: center;\">Logo and Menu Middle<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-35914 size-full\" src=\"http:\/\/env.averta.net\/en\/wp-content\/uploads\/header-layout5-e1477135079223.png\" width=\"250\" height=\"92\" \/><\/td>\n<td><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-35905\" src=\"http:\/\/env.averta.net\/en\/wp-content\/uploads\/logo-mid-menu-mid.png\" alt=\"logo-mid-menu-mid\" width=\"976\" height=\"242\" \/><\/td>\n<\/tr>\n<tr>\n<td>\n<p style=\"text-align: center;\">Logo and Menu Left<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-35915\" src=\"http:\/\/env.averta.net\/en\/wp-content\/uploads\/header-layout6.png\" alt=\"header-layout6\" width=\"251\" height=\"92\" \/><\/td>\n<td><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-35902\" src=\"http:\/\/env.averta.net\/en\/wp-content\/uploads\/logo-left-menu-left.png\" alt=\"logo-left-menu-left\" width=\"976\" height=\"242\" \/><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<hr \/>\n<h3><img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-36085 alignright\" src=\"http:\/\/env.averta.net\/en\/wp-content\/uploads\/page-options.png\" alt=\"page-options\" width=\"251\" height=\"288\" \/>Page Attributes<\/h3>\n<p>Page Attributes can be found at the right side of the WordPress Text Editor. These options contain setting?the page parent, template, and the order of the?page.<\/p>\n<h4 style=\"clear: both;\">Parent<\/h4>\n<p>You can make a hierarchy of your pages and select a parent which is the?top level of your other pages. Any pages that are under this parent, are called child pages. Under child pages, you may have another page.?You can have as many as child pages you want.<\/p>\n<h4>Template<\/h4>\n<p>Phlox has?additional page templates that help you customize your pages?with plenty of layouts and features.<\/p>\n<p class=\"aswi-text-box box-recommend\"><strong>Recommended: <\/strong>To select?a template for your page, read more in <a href=\"https:\/\/env.averta.net\/en\/step\/creating-different-pages-with-phlox-templates-and-custom-pages\/?b=36083,36083\" title=\"Creating Different Pages with Phlox Templates and Custom Pages\">this article<\/a>.<\/p>\n","type":"solution"}