Customizing Blog Page Options

In Phlox you can customize the appearance of your Blog Page 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.

customizer

Find the related options by following these steps:

  1. Go to your WordPress Admin Panel
  2. Click Appearance on the Dashboard
  3. Click Customize
  4. Navigate Blog > Blog Page
  5. Now you can change the settings of Blog Archive Page

Video Tutorial

If you have not set the blog page as your website's homepage, first you need to navigate to this page in customizer to see the changes instantly.


Blog Templates

Templates specify your blog appearance. There are variant templates to select:
default Default ( Live Demo )
default-preview
template1 Template 1 ( Live Demo )
template2 Template 2 ( Live Demo )
template3  

Template 3 ( Live Demo )

template4 Template 4 ( Live Demo )
grid Grid ( Live Demo )
grid-preview Full Content Grid
masonry Masonry ( Live Demo )
PREVIEW
timeline Timeline ( Live Demo )
timeline-preview
land Land ( Live Demo )
land-preview
tiles Tiles ( Live Demo )
tiles-preview

Blog Templates Settings

The following settings are available for all templates:

Image Aspect Ratioimage-aspect-ratio

You can change the blog post image aspect ratio to Horizontal, Vertical, and Square.

Blog Sidebar Position

Blog sidebar can be displayed in seven positions.

[row][col_third]

no-sidebar No Sidebar

[/col_third][col_third]

right-sidebar Primary Sidebar on Right

[/col_third][col_third]

left-sidebar Primary Sidebar on Left

[/col_third][/row]

[row][col_third]

two-left-sidebars Primary & Secondary Sidebars on Left

[/col_third][col_third]

two-right-sidebars Primary & Secondary SIdebars on Right

[/col_third][col_third]

left-and-right-sidebar Primary/Right & Secondary/Left Sidebars

[/col_third][/row]

right-and-left-sidebars Primary/Left & Secondary/Right Sidebars

 

blog-slidebar-styleBlog Sidebar Style

There are three available styles for sidebar on blog page:
Normal Bordered filled-sidebarstyle Filled

Blog Content Length

The posts content preview can be full text or summary.blog-content-length

On summary mode, you can manage the length of post content by changing the characters number.

Notice that the posts which have more tag in their content, do not consider this length.


Additional Options

Options of Grid, Timeline, Land, & Tiles Templates

withoutimage-like For a better view, you can exclude the posts without image.

The like icon is unavailable in Tiles Template.

To display like button below the content, you need to install WP ULike plugin. For more information about recommended and required plugins in Phlox, check out this article.

Options of Grid and Timeline Templates

Grid Template

Post content in grid template has two styles for each post column.

grid-boxed Boxed-content

grid-full Full-content

timeline-alignment
Timeline Template

Timeline Alignment helps you to align the posts on three alignments: Center, Left, and Right

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us