Back to Support Design Your Site Site Editor Edit the Index and All Archives Templates

Edit the Index and All Archives Templates

The Index and All Archives templates are used to display blog posts on pages of your site. This guide will show you how to customize these templates.

About the Index and All Archives Templates

If your site uses a theme that supports the site editor, you can access and edit the templates. A quick way to determine if your site uses the site editor is to check for AppearanceEditor in your site’s dashboard.

The Index template will display all your latest posts by default. It is used for your default blog page that comes with the theme. It also may be used as a fallback template for all pages if a more specific template is not defined.

The All Archives template displays smaller groupings of posts organized by categories, tags, and archives (which are typically posts by month, year, and other time-based groupings.) It also controls the appearance of the default portfolio and testimonial pages.

The layout of the Index and All Archives templates is determined by your site’s theme. You can customize this layout by following the steps in this guide. The changes you make to these templates will apply to all pages that use them.

Step 1: Open the Template Editor

To find and edit the Index or All Archives templates, follow these steps:

  1. From your site’s dashboard, click on Appearance → Editor.
  2. In the left side panel, click Templates and select the Index or All Archives template, depending on which one you’d like to edit.
  3. Click the pencil icon to start editing the selected template. The left sidebar will close so you can focus on editing.
Selecting the Index or Archive template to edit it in the Site Editor.

Step 2: Explore the Template’s Layout

First, it’s helpful to understand the overall layout of the template you’re working on. To see this, open List View by clicking the icon at the top left of the screen that looks like three horizontal lines above each other:

An arrow points to the List View button, and below that is a list of blocks commonly found in the Archive template.
List View showing a list of blocks commonly found in the All Archives template

Here, you’ll see all of the elements (known in the WordPress editor as blocks) of your template. A typical Index or All Archives template will have the following elements:

While every WordPress theme is different, these are the standard elements of an Index or All Archives template that you can expect to see on most themes. You may see other elements included in your Index or Archive template, which you can edit as you wish.

Step 3: Customize the Design

Your theme’s templates provide you with a professional, well-designed layout to start from. To personalize the default design, you can swap out the text and images for your own content and add or remove any elements on the page.

Here, we’ll explain a few common adjustments you may wish to make to your Index or All Archives templates.

Add New Elements

If you want to add an element that should appear on your blog page along with your latest posts, you can add it to the Index template. For the elements that you’d like to show on specific tags or category pages, you can add them to the All Archives template.

Some examples of blocks that might be relevant for the Index and All Archives templates are a subscription box, a contact form, or a sidebar.

Click the + block inserter to add a new block in your desired position (it can be helpful to use List View to select the position). All pages that use this template will now show the new block you added.

Edit the Archive Title

The All Archives template will usually have a title that specifies which tag or category is currently being viewed by the readers. It can contain a title like Category: Category Name, or Tag: Tag Name as shown below:

Archive page example showing the archive title, "Category: Recipes".

If you want to edit this title or remove it completely, you can do that in the All Archives template.

  1. Open the All Archives template for editing.
  2. Using List View, click on the Group block below the header to expand it.
  3. Click on the Archive Title block to either update the title, or remove the block altogether. The options for editing the Archive Title block are accessible in the right sidebar. You can edit the font, colors, and background. You can choose whether to show the archive type in the title.
    • In the previous example, Category: Recipes, the archive type is category. So if you toggle the option to show the archive type off, it will change to only showing the archive title itself, which is Recipes.
Edit the Archive Title block within the Archive template in the Site Editor.

Rearrange the Post Elements

You may want to change the order in which elements on your template are displayed, for example, to move the featured image above or below the post title.

  1. Open up the Index or All Archives template for editing.
  2. Using List View, locate the Query Loop block and click to expand the list of blocks within it.
  3. Locate the element you’d like to rearrange, such as the Title.
  4. Click, drag, and drop it into position as needed. For more information, refer to our guide on moving blocks.
  5. Click Save in the top right corner.

Remove Some Post Elements

If elements are showing in your Index and All Archives Templates that you would like to remove, you can follow the instructions below:

  1. Open the Index or All Archives template for editing.
  2. Using List View, locate the Query Loop block and click to expand the list of blocks within it.
  3. Select the block you’d like to remove, such as the post categories.
  4. Click on the three dots that show up to the right of the block.
  5. Click on Delete to remove the block. For more information, refer to our guide on removing blocks.
  6. Click Save in the top right corner.
The List View being opened and the cursor navigating to the Categories post template section.

Display Posts in Columns

The Query Loop block supports the option to display your posts in a grid or columns. Here’s how:

  1. Open the Index or All Archives template for editing.
  2. Using List View, click on the Query Loop block.
  3. Click on the Grid view icon in the toolbar that appears alongside the Query Loop block. For more information on all the settings available, refer to our detailed guide on the Query Loop block.
  4. Click Save in the top right corner.

The Query Loop block can display a featured image for your individual posts. If there is no Featured Image block within the Query Loop block, you can add it.

The Featured Image block contains many settings you can adjust, such as size, position, spacing, and overlay color. See the Featured Image block guide for more.

If you wish to remove the featured image, select the block, click the three dots icon in the toolbar above it, and select Remove. See Remove a Block for more.

Edit the “Read More” Text

The “read more” text is found at the bottom of the Excerpt block, which displays a summary for each published piece of content. If you’d like to customize the text of “Read more”, you can follow these steps:

  1. Open up the Index or All Archives template for editing.
  2. Click where it says Add “read more” link text.
  3. Type your preferred text.
  4. Click Save in the top right corner.
Clicking on the "Read More" text to change the text to 'Continue Reading..."

Change the Content Width

If you want the content of your Index or All Archives templates to appear wider or narrower, you can control this in the specific template.

When viewing the contents of the template, the width is typically controlled by the blocks named Group. To change the width, follow these steps:

  1. Using List View, select the Group block that contains the content.
  2. In the right sidebar, click on the cog settings icon to view the settings for the Group block. If you don’t see the right sidebar, click on the sidebar settings icon next to the Save button in the top right corner. This icon looks like a square with two uneven columns.
Selecting the Group block in the Site Editor to adjust the content width settings.
  1. In the Layout section, if the setting for Inner blocks use content width is turned off, toggle it on, and you’ll see the options to customize the width for your Group block.
  2. Enter a custom width value for your Group block.
  3. Under Justification, you can choose whether you’d like to align the content of the Group block left, right, or center.

Was this guide helpful for you?

Not quite what you're looking for? Get Help!

Copied to clipboard!