Before going to know how to create a blog post page, this video tutorial will help you to have a clear view on how to create a blog post page:
In this article, you’ll learn how to create a blog post page with PageFly so you can have more control over the layout and design of your blog.
You can install PageFly Drag & Drop Page Builder for Free here
Step 1: Create a blog post page
There are 2 ways to create a blog post page:
- In the PageFly main dashboard
- In the Blog Pages main dashboard
In the PageFly main dashboard
You can quickly create a blog post page by selecting one of the two options:
- (+) icon:
- [ Create a page ] button
There is a Page Settings modal pop up. To create a new blog post page, choose the Blog Post option in the Page Details section like the image below.
In the Blog Pages main dashboard
Choose the Blog Pages option in the PAGES menu to open the Blog Pages main dashboard. In the Blog Pages main dashboard, click on Create a blog post option.
The Page Settings modal pop up. However, this way, the Blog Post option is automatically chosen for you in the Page Details section. This means that you don’t have to choose the Blog Post option like the first way shown.
Blog Details section
The Blog Details section is displayed when the Blog Post option is chosen.
The blog categories that you created in the Shopify Blog posts will be display. In this example, there are 2 categories such as Blog List and News.
You can add more blog posts in Shopify in many different blog categories, and you can add to your blog page with these blog posts in one of those categories.
All of them give you 4 types of blog options you can choose including:
- Post Info: turn off this option to remove the blog date
- Assigned Tags
- Featured Image
- Comment Form
Note that if you choose the Comment Form type and want the comments to be displayed, you need to allow to comment in the Shopify admin.
To enable this option, go to the Online Store of Shopify admin > Blog posts in the dropdown menu > Manage blogs.
You can see the image below
And then choose a blog you want to show comments, in this example, choose the “New” one.
You can see the Comments are disabled. Now click on the “New” blog.
In the Comments section on the left screen, choose “Comments are allowed, and are automatically published” option, and then click on the Save button like the image below.
You can also choose the second option if you don’t want any comments are automatically published. If you choose this option, any comments in your blog post will be controlled and moderated by you.
The Page Optimization part which configures settings for optimization of your page. This is a new setting with PageFly version 2.5.0.
You can choose to Enable Lazyload Images for any page you want. For the page(s) you set up Lazyload Images on, when you scroll down, the images below will be loaded gradually. It is applied for all the images such as Collection Image, Background Image, Product Image, etc.
The Lazyload Images option helps to optimize your page loading speed. Basically, it helps your pages load super fast.
Header and Footer
The Header and Footer section is displayed when you choose all types of pages, except the Password Page. In this section, you can choose to show or hide the header and footer of the page. To edit header and footer, visit your theme settings.
When you finish setting up in the Page Settings modal, click on the Next button at the end of the modal. Then the Template Library is opened, where you can pick a suitable page template to start with.
The Template Library prompts you as per the image below.
Step 2: Update content and design
We’ve chosen the Cipi template because this template can be found in the Blog Post page type. You can change to other templates and add information to suit your store. Here is a quick look at the Cipi template.
You can use the Blog Posts element to show a single, or a list of blogs, from your Shopify store to a page.
You can consult this video about using the Layout element on your page