How to Edit Your Blog Page and Single Post Layout in Carrot Editor

Set the layout once and every blog post uses it, including posts you publish later. Two templates control this:

  • Single Posts — how one post looks when it's opened: content width, and anything you want on every post, such as a form.
  • Blog Home — your blog page's list of posts: whether each shows a photo, a short excerpt or the whole post.

These steps are for sites built with the Carrot Editor.

The featured image belongs to a single post, so change it on that post rather than in a template.

  1. In your Carrot dashboard, select Content, then Posts, and open the post.
  2. In the post's settings sidebar, find Featured image.
  3. Select Replace to choose a different image, or Remove to take it off.
  4. Select Save.

A removed featured image also disappears from that post's entry on your blog page.

Change the layout of every post

  1. In your Carrot dashboard, select Design. The Site Editor opens.
  2. Select Templates, then Single Posts.
  3. Select Document Overview in the top toolbar to open List View. It shows the parts of every post in order: Title, Featured Image, the author, Content, then the links to the previous and next post and more posts.

Make any of the changes below, then select Save. Before you finish, switch the editor's preview to Mobile and check the layout still reads well on a phone.

Make the post content wider or narrower

  1. In List View, select Content.
  2. In the block settings sidebar, under Layout, enter a width in pixels in Content width. A larger number makes posts wider and a smaller one narrower. Carrot designs start at 1440.

Add a form to the bottom of every post

  1. In List View, select Content.
  2. Add a block after it, search for Forms, and select it. The form sits below the post and above the links to other posts.
  3. Choose the form to show, such as your contact form.

The form is saved into the template, so it appears on every post without adding it to each one.

Change what your blog page shows for each post

Editing your blog page itself only changes that page's own content. The list of posts comes from the Blog Home template.

  1. In your Carrot dashboard, select Design, then Templates, then Blog Home.
  2. Open List View with Document Overview and select the Query Loop block. It pulls in your posts, and the blocks inside it are what each post shows.

Make any of the changes below, then select Save.

Show no photos

Inside the Query Loop, select Featured Image and delete it. Your blog page stops showing a photo for every post, including new ones.

Show an excerpt or the whole post

Each post in the loop shows either an Excerpt block, a short preview, or a Content block, the whole post.

  • To show the whole post, add a Content block inside the Query Loop where the excerpt sits, then delete the Excerpt block.
  • To show an excerpt, add an Excerpt block where the content sits, then delete the Content block.

The Excerpt block has its own settings. Max number of words sets the preview's length, and you can type a "read more" link into the block itself. You don't need either: visitors can select a post's title to read all of it, and Carrot's defaults work well as they are.

Was this article helpful?