Customizer Ethos Options

This article was last updated on the December 21, 2016.

In the following article, we’ll explore the stack specific options of Ethos, without further ado, let’s get started.

As explained in the customizer introduction here open up the WordPress Customizer to start, if you don’t already have Ethos selected, you’ll need to change your stack to continue following this article.

To set your stack to Ethos in the WordPress Customizer, click on Stack:

Select Stack

Once you’ve clicked on Stack, select Ethos from the available stacks:

Ethos Stack selected

Once you’ve selected the Ethos stack, go back to the main section of the Customizer and click on Ethos

Click on Ethos

Once you’ve clicked on Ethos, you’ll see the Ethos specific options like this:

Ethos specific options

Exploring Ethos

The first options specific to Ethos are the colors, this allows you to change the colors using a color picker, you can change the colors of the Topbar background, the Navbar background, sidebar widget headings color and the sidebar text color, all with the easy to use color picker.

Ethos Colors

Once you click on Select color a color picker opens to choose your color, as you change color, the Customizer preview updates instantly allowing you to see your changes before saving and publishing.

Post Carousel

The next option you’ll see is for the Post Carousel, which has a on or off value:

Post Carousel on or off

If we set the post carousel to On, you’ll see the post carousel display above the Blog page like this:

Post Carousel on

As you can see setting the post carousel to On, also shows a few additional options, including:

  • Posts Per page (sets how many posts per page on the carousel)
  • Display (Allows you to set what to display in the post carousel, the most commented, random or featured posts)

You’ll also see another option provided when Post carousel is set to on, called Post Carousel: Screen display.

Screen display

This is a very important setting, as it lets you select how many posts you would like to show for various screen sizes. Make sure to customize this section to suit your needs depending on how you have other options setup for your site (i.e. boxed site layout, fixed left or right navigation, etc).

Post Slider Blog

The next option you’ll see is to set the post slider on or off for the blog:

Post Slider Blog

Setting Post slider to On will show a slider containing your posts on the blog page, like this:

Post Slider shown

You’ll also notice that by enabling the post slider, a few additional options are shown:

Post Slider Options

The options are:

  • Slider Height (Set the slider height in a px value)
  • Posts per page (Set the posts per page for the slider)
  • Display (Set which posts to display in the slider, most commented, random or featured)

Post Slider Archives

The next option you’ll see is for the post slider for archives:

Post Slider Archives

Setting the post slider archive to On will display the post slider on all archive pages, this is a separate setting to the blog slider above, which only shows on the main blog index page.

Like the blog slider though, you’ll notice it shows the same options like this:

Post Slider Archive options

The options are:

  • Slider Height (Set the slider height in a px value)
  • Posts per page (Set the posts per page for the slider)
  • Display (Set which posts to display in the slider, most commented, random or featured)

Filterable Index

The last option, you’ll see is called Filterable index

Filterable index

Setting Filterable Index to On, will show a filterable section on the main blog index page like this:

Filter by topic on

As you can see, by enabling this option, we can then filter by category. You can set the category options you want to show in the filterable index, by entering the category ID’s in the filterable index section of the Customizer like this:

Filterable categories

Category ID’s should be entered Comma Separated, entering the category ID’s means that only those blog posts will then show on the main blog page index. Have a read of this article to find out how to locate your category ID’s.

Congrats! You should now have a better understanding of the Ethos specific stack options and how to set them.