Blog and Archive Customization Guide

Our theme provides extensive options to control how your blog posts are displayed on archive pages, category pages, search results, and your main blog page.


Accessing Blog Settings

To customize your blog appearance, navigate to Appearance → Customize in your WordPress dashboard, then go to Blog → Blog Page / Archive.


1. Blog Layout Styles

The theme offers two primary structures for displaying your post feed:

  • Vertical: The traditional blog layout. The featured image is displayed at the top, followed by the title, meta information, and the post excerpt below it.
  • Horizontal: A modern, list-style layout where the featured image is displayed on one side, and the post content (title, excerpt) is displayed alongside it on the other side.

When using the Horizontal layout, you get additional options:

  • Show Post Categories: Display a list of categories above the post title.
  • Show Read More Button: Toggle the visibility of a dedicated “Read More” button.
  • Featured Image Position: Choose whether the image sits on the Left or the Right side of the content.

2. Featured Image Settings

Control how the thumbnails look across your blog feed.

Under Featured Image Size, you can select the exact dimensions the theme should use when cropping your post thumbnails. The dropdown lists all available image sizes registered on your WordPress site (e.g., Thumbnail, Medium, Large, or custom sizes). Choosing a uniform size ensures a clean, aligned grid.


3. Post Elements Visibility & Order

The Business Interface theme uses a drag-and-drop sortable interface allowing you to build the perfect post card layout.

Under Post Elements, you will see a list of items:

  • Title
  • Post Meta (Author, Date, etc.)
  • Featured Image
  • Summary (The excerpt)
  • Read More (Summary footer)

How to customize:

  • Reorder: Click and drag the hamburger icon next to an element to move it up or down. For example, you can drag the ‘Title’ above the ‘Featured Image’.
  • Hide/Show: Click the eye icon next to an element to hide it completely from the blog feed.

(Note: The Post Elements sorter is primarily designed for the Vertical layout option).


4. Post Meta Configuration

Post Meta refers to the informational details about the post, such as who wrote it and when it was published.

Under Post Meta, use the drag-and-drop sorter to organize or hide these details:

  • Author
  • Publish Date
  • Comments count
  • Categories
  • Tags

Additional Meta Options:

  • Show avatar and icons in post meta: Toggle this on to display the author’s profile picture (avatar) next to their name, and to show small, elegant icons next to the date, categories, and comments.

5. Excerpt Settings

Control how much text is previewed before the user has to click through to read the full article.

  • Excerpt Length: Use the slider to set the maximum number of words displayed in the summary. The default is usually around 55 words, but you can increase or decrease this to fit your design.
  • Excerpt More: Define the text or characters appended to the end of a cut-off excerpt. The default is usually ... or […], but you can change it to something like (continue reading).

Saving Your Changes

As you make adjustments, the live preview on the right will update to reflect your new blog design. Once you are satisfied, click the blue Publish button at the top of the Customizer to save your settings.

Leave a Reply

Your email address will not be published. Required fields are marked *