1. What is Blog page?
The Blog page plays a key role in a website's success—it's where fresh ideas meet strategy. More than just a space for articles, it drives engagement, improves search visibility, and positions the brand as a trusted voice. With regular, meaningful posts, it not only draws in traffic but also deepens customer relationships and adds real value to the browsing experience.
2. Page Components
This part mentions the sections & blocks that are ONLY AVAILABLE for the Blog page.
|
Section
|
|
Customize how elements of the blog page are displayed.
|
3. Location & Setup
- Go to "Online Store" > "Themes" > "Customize".
- Click on the Homepage dropdown menu.
- Search for "Default blog".
- Click on it to navigate.
- From here, you can customize the Blog page section as you want.
4. Common Use Cases
🤔 How to set up a Blog page?
STEP 1:
Click on the Blog page to open its setting panel.
STEP 2: Customize the overall look
-
Show all blog tags: Turn it on to display all tags associated with blog posts.
-
Post per page: Set the number of blog posts shown on each page.
STEP 3: Customize the blog card's display
-
Number of columns on desktop: Set how many columns of blog cards are shown on desktop.
-
Number of columns on first row: Set how many columns appear on the first row on desktop.
STEP 4: Customize the navigation tool of the page
-
Breadcrumbs: Show a breadcrumb trail to help users navigate back to previous pages.
STEP 5:
Click "Save".
|
🤔 How to customize blog cards' look on the Blog page?
STEP 1:
Click on the Blog page to open its setting panel.
STEP 2: Customize blog card's overview details
Under Blog cards setting group, customize:
- Author's name: Turn on Show author.
- Blog source: Turn on Show blog.
- Blog short preview: Turn on Show excerpt.
- Blog tags: Turn on Show tags.
- Number of comments: Turn on Show comment counts.
STEP 3: Customize how the above details are aligned
Still under Blog cards setting group, customize:
- Select how the content inside the blog card is aligned: In Content alignment, choose Left, Under, Right.
STEP 4: Customize blog card's visual element demonstration
Still under Blog cards setting group, customize:
- "Read now" button: Turn on Show "Read now" button. You can also change the label of the button.
- Display featured image on each blog card: Turn on Show featured image.
- Choose the ratio for the featured image: Pick a style at Image ratio.
- Add a secondary background to the blog card: Turn on Items secondary background.
STEP 5:
Click "Save".
|
🤔 What customization options can you give your Blog page?
|
For the whole Blog page section
|
|
✨ Change the Heading tag (for SEO purposes)
|
Click on the Blog page section, find and choose the Heading tag from the list.
|
|
✨ Change the heading alignment
|
Click on the Blog page section, find and choose the Heading alignment to be Left, Right, or Center.
|
|
✨ Adjust the content block spacing on desktop
|
Click on the Blog page section, and scroll down to the Section layout group, and you will be able to change Block spacing on desktop.
|
|
✨ Adjust the space between content rows on mobile
|
Click on the Blog page section, and scroll down to the Section layout group, and you will be able to change Row spacing on mobile.
|
|
✨ Change the section width, add padding, or add a divider
|
Click on the Blog page section, and scroll down to the Section layout group, and you will be able to change those settings.
|
|
Need help? Contact our support team at Omni Themes Support.
