{"title":"Customizing Blog Page Options","id":35129,"link":"https:\/\/env.averta.net\/en\/step\/customizing-blog-page-options\/","parent":[35048],"content":"<p>In Phlox you can customize the appearance of your?<strong>Blog Page<\/strong><strong>?<\/strong>with different options, available in the customizer. These options customize the main blog of your website, however, each page besides the main page can?be changed individually by specific template.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-36220 alignright\" src=\"http:\/\/env.averta.net\/en\/wp-content\/uploads\/customizer.png\" alt=\"customizer\" width=\"269\" height=\"929\" \/><\/p>\n<p>Find the related options by following these steps:<\/p>\n<ol>\n<li>Go to your?<strong>WordPress Admin Panel<\/strong><\/li>\n<li>Click?<strong>Appearance<\/strong>?on the <strong>Dashboard<\/strong><\/li>\n<li>Click?<strong>Customize<\/strong><\/li>\n<li>Navigate?<strong>Blog &gt; Blog Page<\/strong><\/li>\n<li>Now you can change the settings of <strong>Blog Archive Page<\/strong><\/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\/b37PUx76ejc?rel=0\" frameborder=\"0\" frameborder=\"0\"; encrypted-media\" allowfullscreen><\/iframe><\/div>\n<p class=\"aswi-text-box box-info\"><strong>Note: <\/strong>If you have not set the blog page as your website&#8217;s homepage, first you need to navigate to this page in customizer to see the changes instantly.<\/p>\n<hr style=\"clear: both;\" \/>\n<h4>Blog Templates<\/h4>\n<p>Templates specify your blog appearance. There are?variant templates to select:<\/p>\n<table style=\"width: 100%;\">\n<tbody>\n<tr>\n<td style=\"text-align: center;\"><img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-36151 aligncenter\" src=\"http:\/\/env.averta.net\/en\/wp-content\/uploads\/default.png\" alt=\"default\" width=\"83\" height=\"83\" \/><\/td>\n<td style=\"text-align: center;\">Default ( <a href=\"http:\/\/averta.net\/phlox\/wordpress-theme\/demo\/default\/blog-template-1\/\">Live Demo<\/a> )<\/td>\n<\/tr>\n<tr>\n<td style=\"text-align: center;\" colspan=\"2\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-36212\" src=\"http:\/\/env.averta.net\/en\/wp-content\/uploads\/default-preview-2.png\" alt=\"default-preview\" width=\"995\" height=\"986\" \/><\/td>\n<\/tr>\n<tr>\n<td style=\"text-align: center;\"><img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-36152 aligncenter\" src=\"http:\/\/env.averta.net\/en\/wp-content\/uploads\/template1.png\" alt=\"template1\" width=\"83\" height=\"83\" \/><\/td>\n<td style=\"text-align: center;\">Template 1 ( <a href=\"http:\/\/averta.net\/phlox\/wordpress-theme\/demo\/default\/blog-template-2\/\">Live Demo<\/a> )<\/td>\n<\/tr>\n<tr>\n<td style=\"text-align: center;\" colspan=\"2\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-36213 size-full\" src=\"http:\/\/env.averta.net\/en\/wp-content\/uploads\/temp1-preview--e1477815803557.png\" width=\"1009\" height=\"998\" \/><\/td>\n<\/tr>\n<tr>\n<td style=\"text-align: center;\"><img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-36153 aligncenter\" src=\"http:\/\/env.averta.net\/en\/wp-content\/uploads\/template2.png\" alt=\"template2\" width=\"83\" height=\"83\" \/><\/td>\n<td style=\"text-align: center;\">Template 2 ( <a href=\"http:\/\/averta.net\/phlox\/wordpress-theme\/demo\/default\/blog-template-3\/\">Live Demo<\/a> )<\/td>\n<\/tr>\n<tr>\n<td style=\"text-align: center;\" colspan=\"2\">?<img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-36214 size-full\" src=\"http:\/\/env.averta.net\/en\/wp-content\/uploads\/temp2-preview-e1477817186324.png\" width=\"1007\" height=\"996\" \/><\/td>\n<\/tr>\n<tr>\n<td style=\"text-align: center;\"><img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-36154 aligncenter\" src=\"http:\/\/env.averta.net\/en\/wp-content\/uploads\/template3.png\" alt=\"template3\" width=\"83\" height=\"83\" \/><\/p>\n<p>&nbsp;<\/td>\n<td>\n<p style=\"text-align: center;\">Template 3 ( <a href=\"http:\/\/averta.net\/phlox\/wordpress-theme\/demo\/default\/blog-template-4\/\">Live Demo<\/a> )<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td style=\"text-align: center;\" colspan=\"2\">?<img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-36216 size-full\" src=\"http:\/\/env.averta.net\/en\/wp-content\/uploads\/temp3-preview-e1477817233742.png\" width=\"1024\" height=\"1139\" \/><\/td>\n<\/tr>\n<tr>\n<td style=\"text-align: center;\"><img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-36155 aligncenter\" src=\"http:\/\/env.averta.net\/en\/wp-content\/uploads\/template4.png\" alt=\"template4\" width=\"83\" height=\"83\" \/><\/td>\n<td style=\"text-align: center;\">Template 4 ( <a href=\"http:\/\/averta.net\/phlox\/wordpress-theme\/demo\/default\/blog-template-5\/\">Live Demo<\/a> )<\/td>\n<\/tr>\n<tr>\n<td style=\"text-align: center;\" colspan=\"2\">?<img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-36217 size-full\" src=\"http:\/\/env.averta.net\/en\/wp-content\/uploads\/temp4-preview-e1477817265193.png\" width=\"1027\" height=\"1108\" \/><\/td>\n<\/tr>\n<tr>\n<td style=\"text-align: center;\"><img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-36156 aligncenter\" src=\"http:\/\/env.averta.net\/en\/wp-content\/uploads\/grid.png\" alt=\"grid\" width=\"83\" height=\"83\" \/><\/td>\n<td style=\"text-align: center;\">Grid ( <a href=\"http:\/\/averta.net\/phlox\/wordpress-theme\/demo\/default\/grid-archive-page\/\">Live Demo<\/a> )<\/td>\n<\/tr>\n<tr>\n<td colspan=\"2\">\n<div id=\"attachment_36169\" style=\"width: 1297px\" class=\"wp-caption aligncenter\"><img aria-describedby=\"caption-attachment-36169\" decoding=\"async\" loading=\"lazy\" class=\"wp-image-36169 size-full\" src=\"http:\/\/env.averta.net\/en\/wp-content\/uploads\/grid-preview.png\" alt=\"grid-preview\" width=\"1287\" height=\"734\" \/><p id=\"caption-attachment-36169\" class=\"wp-caption-text\">Full Content Grid<\/p><\/div><\/td>\n<\/tr>\n<tr>\n<td style=\"text-align: center;\"><img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-36157 aligncenter\" src=\"http:\/\/env.averta.net\/en\/wp-content\/uploads\/masonry.png\" alt=\"masonry\" width=\"83\" height=\"83\" \/><\/td>\n<td style=\"text-align: center;\">Masonry ( Live Demo )<\/td>\n<\/tr>\n<tr>\n<td style=\"text-align: center;\" colspan=\"2\">?PREVIEW<\/td>\n<\/tr>\n<tr>\n<td style=\"text-align: center;\"><img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-36158 aligncenter\" src=\"http:\/\/env.averta.net\/en\/wp-content\/uploads\/timeline.png\" alt=\"timeline\" width=\"83\" height=\"83\" \/><\/td>\n<td style=\"text-align: center;\">Timeline ( <a href=\"http:\/\/averta.net\/phlox\/wordpress-theme\/demo\/default\/timeline-archive-page\/\">Live Demo<\/a> )<\/td>\n<\/tr>\n<tr>\n<td style=\"text-align: center;\" colspan=\"2\">?<img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-36218\" src=\"http:\/\/env.averta.net\/en\/wp-content\/uploads\/timeline-preview-1.png\" alt=\"timeline-preview\" width=\"1305\" height=\"1012\" \/><\/td>\n<\/tr>\n<tr>\n<td style=\"text-align: center;\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-36208\" src=\"http:\/\/env.averta.net\/en\/wp-content\/uploads\/land-icon.png\" alt=\"land\" width=\"83\" height=\"83\" \/><\/td>\n<td style=\"text-align: center;\">Land ( Live Demo )<\/td>\n<\/tr>\n<tr>\n<td style=\"text-align: center;\" colspan=\"2\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-36171\" src=\"http:\/\/env.averta.net\/en\/wp-content\/uploads\/land-preview.png\" alt=\"land-preview\" width=\"1146\" height=\"1011\" \/><\/td>\n<\/tr>\n<tr>\n<td style=\"text-align: center;\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-36209\" src=\"http:\/\/env.averta.net\/en\/wp-content\/uploads\/tiles-icon.png\" alt=\"tiles\" width=\"83\" height=\"83\" \/><\/td>\n<td style=\"text-align: center;\">Tiles ( Live Demo )<a href=\"http:\/\/env.averta.net\/en\/wp-content\/uploads\/tiles-preview.png\"><br \/>\n<\/a><\/td>\n<\/tr>\n<tr>\n<td colspan=\"2\">?<img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-36172 aligncenter\" src=\"http:\/\/env.averta.net\/en\/wp-content\/uploads\/tiles-preview.png\" alt=\"tiles-preview\" width=\"1076\" height=\"1010\" \/><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<hr \/>\n<h3>Blog Templates Settings<\/h3>\n<p>The following settings are available for all templates:<\/p>\n<h4>Image Aspect Ratio<img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-36028 alignright\" src=\"http:\/\/env.averta.net\/en\/wp-content\/uploads\/image-aspect-ratio.png\" alt=\"image-aspect-ratio\" width=\"296\" height=\"148\" \/><\/h4>\n<p>You can change the blog post image aspect ratio to Horizontal, Vertical, and Square.<\/p>\n<h4>Blog Sidebar Position<\/h4>\n<p>Blog sidebar can be displayed in seven positions.<\/p>\n<div class=\"row\"><div class=\"column col-third\">\n<div id=\"attachment_35360\" style=\"width: 161px\" class=\"wp-caption alignleft\"><img aria-describedby=\"caption-attachment-35360\" decoding=\"async\" loading=\"lazy\" class=\"wp-image-35360\" src=\"http:\/\/env.averta.net\/envato\/wp-content\/uploads\/no-sidebar.png\" alt=\"no-sidebar\" width=\"151\" height=\"150\" \/><p id=\"caption-attachment-35360\" class=\"wp-caption-text\">No Sidebar<\/p><\/div>\n<\/div><div class=\"column col-third\">\n<div id=\"attachment_35361\" style=\"width: 214px\" class=\"wp-caption alignleft\"><img aria-describedby=\"caption-attachment-35361\" decoding=\"async\" loading=\"lazy\" class=\"wp-image-35361\" src=\"http:\/\/env.averta.net\/envato\/wp-content\/uploads\/right-sidebar.png\" alt=\"right-sidebar\" width=\"204\" height=\"150\" \/><p id=\"caption-attachment-35361\" class=\"wp-caption-text\">Primary Sidebar on Right<\/p><\/div>\n<\/div><div class=\"column col-third\">\n<div id=\"attachment_35362\" style=\"width: 209px\" class=\"wp-caption alignleft\"><img aria-describedby=\"caption-attachment-35362\" decoding=\"async\" loading=\"lazy\" class=\"wp-image-35362\" src=\"http:\/\/env.averta.net\/envato\/wp-content\/uploads\/left-sidebar.png\" alt=\"left-sidebar\" width=\"199\" height=\"150\" \/><p id=\"caption-attachment-35362\" class=\"wp-caption-text\">Primary Sidebar on Left<\/p><\/div>\n<\/div><\/div>\n<div class=\"row\"><div class=\"column col-third\">\n<div id=\"attachment_35363\" style=\"width: 233px\" class=\"wp-caption alignleft\"><img aria-describedby=\"caption-attachment-35363\" decoding=\"async\" loading=\"lazy\" class=\"wp-image-35363\" src=\"http:\/\/env.averta.net\/envato\/wp-content\/uploads\/two-left-sidebars.png\" alt=\"two-left-sidebars\" width=\"223\" height=\"150\" \/><p id=\"caption-attachment-35363\" class=\"wp-caption-text\">Primary &amp; Secondary Sidebars on Left<\/p><\/div>\n<\/div><div class=\"column col-third\">\n<div id=\"attachment_35364\" style=\"width: 233px\" class=\"wp-caption alignleft\"><img aria-describedby=\"caption-attachment-35364\" decoding=\"async\" loading=\"lazy\" class=\"wp-image-35364\" src=\"http:\/\/env.averta.net\/envato\/wp-content\/uploads\/two-right-sidebars.png\" alt=\"two-right-sidebars\" width=\"223\" height=\"150\" \/><p id=\"caption-attachment-35364\" class=\"wp-caption-text\">Primary &amp; Secondary SIdebars on Right<\/p><\/div>\n<\/div><div class=\"column col-third\">\n<div id=\"attachment_35365\" style=\"width: 205px\" class=\"wp-caption alignleft\"><img aria-describedby=\"caption-attachment-35365\" decoding=\"async\" loading=\"lazy\" class=\"wp-image-35365\" src=\"http:\/\/env.averta.net\/envato\/wp-content\/uploads\/left-and-right-sidebar.png\" alt=\"left-and-right-sidebar\" width=\"195\" height=\"150\" \/><p id=\"caption-attachment-35365\" class=\"wp-caption-text\">Primary\/Right &amp; Secondary\/Left Sidebars<\/p><\/div>\n<\/div><\/div>\n<p>&nbsp;<\/p>\n<div id=\"attachment_35366\" style=\"width: 208px\" class=\"wp-caption alignleft\"><img aria-describedby=\"caption-attachment-35366\" decoding=\"async\" loading=\"lazy\" class=\"wp-image-35366\" src=\"http:\/\/env.averta.net\/envato\/wp-content\/uploads\/right-and-left-sidebars.png\" alt=\"right-and-left-sidebars\" width=\"198\" height=\"150\" \/><p id=\"caption-attachment-35366\" class=\"wp-caption-text\">Primary\/Left &amp; Secondary\/Right Sidebars<\/p><\/div>\n<p>&nbsp;<\/p>\n<div style=\"clear: both;\">\n<h4><img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-36227 alignright\" src=\"http:\/\/env.averta.net\/en\/wp-content\/uploads\/blog-slidebar-style.png\" alt=\"blog-slidebar-style\" width=\"264\" height=\"171\" \/>Blog Sidebar Style<\/h4>\n<p>There are three available styles for sidebar on blog page:<\/p>\n<div style=\"clear: both;\">\n<div id=\"attachment_35372\" style=\"width: 263px\" class=\"wp-caption alignleft\"><img aria-describedby=\"caption-attachment-35372\" decoding=\"async\" loading=\"lazy\" class=\"wp-image-35372\" src=\"http:\/\/env.averta.net\/envato\/wp-content\/uploads\/normal-sidebar-e1475498990479.png\" width=\"253\" height=\"200\" \/><p id=\"caption-attachment-35372\" class=\"wp-caption-text\">Normal<\/p><\/div>\n<div id=\"attachment_35371\" style=\"width: 274px\" class=\"wp-caption alignleft\"><img aria-describedby=\"caption-attachment-35371\" decoding=\"async\" loading=\"lazy\" class=\"wp-image-35371\" src=\"http:\/\/env.averta.net\/envato\/wp-content\/uploads\/bordered-sidebarstyle-e1475499023589.png\" width=\"264\" height=\"200\" \/><p id=\"caption-attachment-35371\" class=\"wp-caption-text\">Bordered<\/p><\/div>\n<div id=\"attachment_35373\" style=\"width: 265px\" class=\"wp-caption alignleft\"><img aria-describedby=\"caption-attachment-35373\" decoding=\"async\" loading=\"lazy\" class=\"wp-image-35373\" src=\"http:\/\/env.averta.net\/envato\/wp-content\/uploads\/filled-sidebarstyle-e1475499094687.png\" alt=\"filled-sidebarstyle\" width=\"255\" height=\"200\" \/><p id=\"caption-attachment-35373\" class=\"wp-caption-text\">Filled<\/p><\/div>\n<\/div>\n<\/div>\n<div style=\"clear: both;\"><\/div>\n<h4>Blog Content Length<\/h4>\n<p>The posts content preview can be <em>full text<\/em> or <em>summary<\/em>.<img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-36026 alignright\" src=\"http:\/\/env.averta.net\/en\/wp-content\/uploads\/blog-content-length-1.png\" alt=\"blog-content-length\" width=\"312\" height=\"274\" \/><\/p>\n<p>On summary mode, you can?manage the length?of post content by changing the characters number.<\/p>\n<p class=\"aswi-text-box box-info\"><strong>Note: <\/strong>Notice that the posts which have <code>more<\/code>?tag in their content, do not consider this length.<\/p>\n<hr style=\"clear: both;\" \/>\n<h3>Additional Options<\/h3>\n<h4>Options of Grid, Timeline, Land, &amp; Tiles Templates<\/h4>\n<div id=\"attachment_36048\" style=\"width: 304px\" class=\"wp-caption alignnone\"><img aria-describedby=\"caption-attachment-36048\" decoding=\"async\" loading=\"lazy\" class=\"wp-image-36048 size-full\" src=\"http:\/\/env.averta.net\/en\/wp-content\/uploads\/withoutimage-like.png\" alt=\"withoutimage-like\" width=\"294\" height=\"230\" \/><p id=\"caption-attachment-36048\" class=\"wp-caption-text\">For a better view, you can exclude the posts without image.<\/p><\/div>\n<p class=\"aswi-text-box box-important\"><strong>Important: <\/strong>The like icon is unavailable in Tiles Template.<\/p>\n<p class=\"aswi-text-box box-recommend\"><strong>Recommended: <\/strong>To display like button below the content, you need to install?<strong>WP ULike<\/strong> plugin. For more information about recommended and required plugins in Phlox, check out <a href=\"https:\/\/env.averta.net\/en\/?post_type=step&p=35041&b=35041,35041\" title=\"Installing Recommended Plugins for Phlox (DRAFT)\">this article<\/a>.<\/p>\n<h4>Options of Grid and Timeline Templates<\/h4>\n<h5>Grid Template<\/h5>\n<p>Post content in grid template has two styles for each post column.<\/p>\n<div id=\"attachment_36190\" style=\"width: 906px\" class=\"wp-caption aligncenter\"><img aria-describedby=\"caption-attachment-36190\" decoding=\"async\" loading=\"lazy\" class=\"wp-image-36190 size-full\" src=\"http:\/\/env.averta.net\/en\/wp-content\/uploads\/grid-boxed.png\" alt=\"grid-boxed\" width=\"896\" height=\"580\" \/><p id=\"caption-attachment-36190\" class=\"wp-caption-text\">Boxed-content<\/p><\/div>\n<div id=\"attachment_36191\" style=\"width: 900px\" class=\"wp-caption aligncenter\"><img aria-describedby=\"caption-attachment-36191\" decoding=\"async\" loading=\"lazy\" class=\"wp-image-36191 size-full\" src=\"http:\/\/env.averta.net\/en\/wp-content\/uploads\/grid-full.png\" alt=\"grid-full\" width=\"890\" height=\"547\" \/><p id=\"caption-attachment-36191\" class=\"wp-caption-text\">Full-content<\/p><\/div>\n<h5><img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-36046 alignright\" src=\"http:\/\/env.averta.net\/en\/wp-content\/uploads\/timeline-alignment.png\" alt=\"timeline-alignment\" width=\"296\" height=\"170\" \/><\/h5>\n<h5>Timeline Template<\/h5>\n<p>Timeline Alignment helps you to align the posts?on three alignments:?Center, Left, and Right<\/p>\n","type":"solution"}