Blogs page
Template
Last updated
Template
Last updated
The Blogs page lists your latest blog posts. The blog page template includes tag navigation and options for how blog posts are displayed.
Tip Check out Shopify's guide on How to start a blog and grow your audience.
Before editing the Blog page template, you need to add at least one blog post in your Shopify admin.
You can add custom Excerpt text. By default, Cornerstone will display the first couple of sentences from your post. You can add a custom excerpt or post tagline.
Shopify | Blog posts are a Shopify feature. See Shopify's guides to create a blog ↗ and add blog posts ↗.
The default Blog page template includes display settings for the listed blog post articles, and an option to enable tag navigation.
You can use blog posts tags to allow visitors to filter posts by category. Blog post tags appear as a row or dropdown menu.
Go to Online Store > Blog posts to edit your posts. In the Tags field, enter tags separated by commas or select existing tags.
All post tags are used as article categories by default. To choose which tags to display as categories, go to Theme settings > Blog.
In the Article categories field, enter the tags you want to use, separated by commas. For example: News, Lifestyle, Tutorials, Reviews.
In the Blogs template, click Blog posts to find the following settings.
| Setting | Description |
|---|---|
Number of articles per page | Choose how many posts to show on each page before visitors need to go to the next page or load more: between 12 and 36. |
Number of columns on desktop | Choose how many posts to show per row: either 2, 3, or 4. |
| Setting | Description |
|---|---|
Show tag navigation | Display blog post tags to allow visitors to filter posts by category. By default, all post tags are used as article categories. To limit which tags to use, go to Theme settings > Blog. In the Article categories field, enter the tags you want to use, separated by commas. |
Tab design | Select the style of the article categories: Line displays selected tags underlined; Contained displays selected tags in a colored box. |
Font | Choose the font for the tags: either the Body or Heading font from your theme settings. |
Text size | Increase or decrease the size of the tag text: between 3 to 8. |
Choose which elements to show for each blog post listing.
| Setting | Description |
|---|---|
Show tags | Choose to show blog post tags from your Shopify admin above the post tile. To edit blog post tags, go to Online Store > Blog Posts. In the Tags field, enter tags separated by commas or select existing tags. |
Show author | Choose to show the author name below the post title. The author name is the name of the staff member that created the post. |
Show published date | Choose to show the date when the post was publish above the post title. |
Show excerpt | Choose to show a few lines from your post as a preview. By default, the first few lines of your post are used. To add a custom excerpt, go to Online Store > Blog posts. Click Add excerpt and enter a short summary. |
Show featured image | Show the blog post image added in your Shopify admin. |
Featured image aspect ratio | Choose to crop all images to be a single uniform shape. Select Portrait (2:3), Portrait (4:5), Square (1:1), Landscape (5:4), or Landscape (3:2). Select Natural to display images in their original shape (without cropping). Learn more about aspect ratios in our Image settings guide. |
Choose to display blog posts as tiles with color backgrounds.
| Setting | Description |
|---|---|
Show text boxes | Choose to show a border around the blog post images and text content. |
Text box style | Select the style of the text box, if enabled. Choose from multiple options to display a Soft drop shadow, Solid drop shadow, or Borders with different thicknesses. |
Color scheme | Change the color scheme applied to the blog post tiles. Select the Default color scheme from your theme settings or select a variant scheme based on the default colors: either Inverse, Soft, Accent, or Sale. You may also select one of the two custom color schemas. Learn more about Color schemes. |
Override with custom colors | Check this option to apply custom colors to the section. These colors will override the color scheme. |
Text color | Select a custom color for all text in the blog post tile. This setting applies only if the Override with custom colors option is enabled. |
Background color | Select a custom color for background of the blog post tile. This setting applies only if the Override with custom colors option is enabled. |
Related links
