In this article, you’ll learn how to create a blog page with PageFly so you can have more control over the layout and design of your blog.
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
- Assigned Tags
- Featured Image
- Comment Form
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.