1. Home
  2. Docs
  3. Marley
  4. Setting Up the Theme
  5. How to Customize the Blog Layout

How to Customize the Blog Layout

In the Customizer, you’ll find a new section called Blog Feed Settings. This is what we’ll be customizing now.

There are two sections there, one called Carousel and one called Feed Layout.

Customizing the Carousel

The carousel comes activated by default, but if you want to turn it off, that’s where you can do it!

Here are some features of the carousel that are important to remember:

  • The carousel will only show posts, not pages or custom images. If you want to display custom images to link to pages, I would recommend disabling the carousel and finding a different plugin that does that.
  • The posts need a featured image to show up in the carousel. If they don’t have a featured image, they won’t show up, since there’s nothing to show.
  • The carousel will always show up to 6 posts. If you have fewer than six posts, it will duplicate a few of them. Since the carousel is on a loop, it’s not a problem.
  • The carousel will crop your featured images based on the layout that you choose. For better results, we recommend picking a layout that fits with the image size that your site has. (If your images are not cropped, I recommend regenerating your thumbnails)

Now, about those options!

First, you can decide if you want the carousel to show on your blog feed (default) or if you’d like it to show on a static homepage (great if you want to make a custom homepage!)

You can also select if you want the carousel to show all your latest posts, or if you want to show a specific category or tag. This feature can be used to show specific posts, by creating either a new tag for them or a new category. Let’s say you have a handful of really popular posts that you want to display in the carousel, what you could do is add a new tag to those posts (like “featured” or “popular”) and display only that new tag.

Next, you can pick the type of carousel layout that you want. I would recommend picking a layout that has a similar size to your images. If you prefer having vertical images (like for Pinterest, for example), then pick the vertical layout. If you like showcasing travel pictures that are horizontal, select the horizontal layout.

Finally, you can disable the text under the carousel if your blog post images already have info on them (like for Pinterest pins, for example).

Customizing the Feed Layout

Back to the “Blog Feed Settings”, head to “Feed Layout” this time. This is where you decide which type of layout you’d like to have.

We recommend the standard layout if you have square or horizontal featured images.

We recommend the list layout if you have vertical images.

We recommend the 2-column or 3-column layout for any kind of featured images.

We recommend having the 3-column layout only with a full-width page layout (no sidebar). Otherwise, the posts are kind of squished together.

Once you’ve picked the layout for you, you can change the size of the featured images and the rest of the blog layout under “Theme Settings” > “Content Archives”. We realize it’s quite weird to have those settings separated like that, but some are added by us (like the layouts) and some are provided to all Genesis child themes via the framework itself.

Head to the next article to learn how to set up the Genesis Framework options like the demo!