Appearance

Blog posts ​

This guide describes setting up a Blog posts section.

Use the section to set how content is displayed on a Blog post (article) page, like the name of a blog article's author, and the date when a blog article was posted.

An example Blog posts section on a store's Blog posts page.

The previous image shows a Blog posts section on a store's Blog page. In the upper right, part of Theme editor's section menu is displayed. The menu's Show links to next / previous articles checkbox is set to on. In the lower right, this setting displays the Older post link to next/previous blog article, inside the section.

For general guidance with modifying sections, refer to Sections overview, and Shopify help: Sections and blocks.

Set up a blog posts section ​

To set up a Blog posts section:

  1. Go to Customize theme.

    In Theme editor, at the top of the page, use the dropdown to select Blog posts > Default blog post.

    Note

    The section is available only on Blog posts > Default blog post pages.

  2. From the side menu, select Blog posts.

    The Blog posts section selected in Theme editor.

  3. Select a setting described in the following table.

Setting nameDescription
Show authorSelect the Show author checkbox to show/hide the name of the blog article's writer, inside the section.
Show dateSelect the Show date checkbox to show/hide the blog article's posting date, inside the section.
Show social media sharing buttonsSelect the Show social media sharing buttons checkbox to show/hide a Share list area, inside the section. Store visitors use the list to share links to the blog article on social media. Refer to Social media.
Show tagsSelect the Show tags checkbox to show/hide tags associated with the blog article, inside the section. Refer to Shopify help: Creating and using tags in Shopify.
Show links to next/previous articlesSelect the Show links to next / previous articles checkbox to show/hide links to next/previous blog article, inside the section.
Color > Color schemeUse the Color scheme options to select a color scheme for the section. Refer to Colors.
Theme settingsIf available, select Theme settings to access additional settings for the section. Refer to Section theme settings menu.
Custom CSSSelect Custom CSS. In the box, enter custom CSS styles to apply only to the current section. Refer to Shopify help: Add custom CSS. To apply custom styles to your entire online store, refer to Theme settings > Custom CSS.