Create Blog Post Templates: Difference between revisions

From Posstack.com Documentation
(Created page with "'''Create a Blog post template''' '''Step 1''': Create a new blog post: * From your Shopify admin, click '''Online Store''' (under ''Sales channels'' section) * Click '''Blog Posts''', then click '''Add''' block post. * Enter a title and content for the page. * Click '''Save''' (You need to have a title to save the post.). '''Step 2''': Create and assign a template From the Blog Post Edit page, click More action (that appears in the upper-right of the form), click...")
 
 
(16 intermediate revisions by the same user not shown)
Line 1: Line 1:
'''Create a Blog post template'''
In this section, you will learn:


'''Step 1''': Create a new blog post:
==Create a new template for a Single blog post with the ECB app==
'''<u>NOTE</u>''': We highly recommend you create three Clean templates first, each for a type of page - Product page, store page, and Blog Post page. Once created, you will have three Clean template files with the '''.clean''' suffix (''product.clean.json'', ''page.clean.json'', ''article.clean.json'').
Learn more about [[Clean Template|What a Clean template is]] and [[Clean Template|How to create a Clean template]].
====Step 1: Create a new blog post ====


* From your Shopify admin, click '''Online Store''' (under ''Sales channels'' section)
* From your Shopify admin, click '''Blog Posts''' (under ''Sales channels'' section)
* Click '''Blog Posts''', then click '''Add''' block post.
* Then click '''Add''' '''block post'''.
* Enter a title and content for the page.
* Enter a title and content for the page.
* Click '''Save''' (You need to have a title to save the post.).
* Click '''Save''' (You need to have a title to save the post.).
====Step 2: Create a template for the blog post====
* From the Blog Post Edit page, click '''More actions''' (that appears in the upper-right of the form), click '''Create Template for this article''':
:[[File:Create blog post.jpg|1200x1200px]]


'''Step 2''': Create and assign a template  
*From Easy Content Builder dashboard, you can create a new template based on:
** '''Select a prebuilt blog post template''' provided by the Easy Content Builder app.
**'''Select from available templates of the main theme''' (if created before): This option is only visible if you did build templates using the Easy Content Builder app before. It allows you to speed up the workflow by reusing those templates. Please note this feature is available for the Pro version only.
** Create your own template from scratch.
:[[File:Ecb create 1st template.jpg|alt=Create a new template in the Easy Content Builder|1200x1200px]]
==== Step 3: Customize the template in the Theme Editor====
*After you perform Step 2 above, you will be automatically directed to the Theme Editor where you can start adding content blocks to the template you’ve just created.


From the Blog Post Edit page, click More action (that appears in the upper-right of the form), click Create Template for this page:
:{{Note|Please refer to sections [[Add Sections]] and [[Add Blocks|Adding ECB Blocks]] for more details.|info}}


<img>
==Create a new template for a group of blog posts==
====Step 1: Open the Theme Editor====
*From the Shopify admin, go to Online Store > Themes. Find the theme that you want to edit, and then click '''Customize'''. [[File:Create Clean template customize.jpg|1200x1200px]]


From the Easy Content Builder dashboard, you can create a new template based on:  
* From the dropdown menu in the Theme Editor, click '''Blog posts''', then scroll down and click '''Create''' '''template'''.
:[[File:Create clean blog post 2.jpg|1200x1200px]]
*The fill in the '''Name''' & the '''''Based on''''' fields as follows: [[File:Create clean template form.png|1200x1200px]]
:*'''Name''': type the name using the following name structure, where "<span style="color:red">easy-</span>“ is the prefix. The name can contain any of the following characters: (a-z), (0-9), and dash. E.g: easy-collection-phone.


* Existing templates (if available) of your main theme that you created using the Easy Content Builder
::{{Note| Note: When migrating templates to a new theme, the <u>ECB app only migrates the templates with the name structure above</u>|info}}
* Creating a Clean Template (refer to the section Create Clean Template for more details)
* Using a pre-built template  


<img>
:* '''Based on''': Select '''Default template''' or any available template created before.


When prompted to confirm, click ‘OK’. Then, you will be automatically redirected to the Theme Editor where you can start adding content blocks to the template you’ve just created ''(Please refer to the section [[Adding ECB Blocks]] for more details).''
====Step 3: Customize the template you've just created====
:*From the Theme Editor, you can start adding content blocks to the template you’ve just created.  


'''Another way to create a template:'''
::{{Note|Please refer to sections [[Add Sections]] and [[Add Blocks|Adding ECB Blocks]] for more details.|info}}


You can also create a new template from the dropdown menu in the Theme Editor (click '''Products''', then scroll down and click '''Create''' template). Once the template is created, go to the Shopify admin > Products, open the product you want, and assign the template you’ve created (under the '''Theme Template''' section).
====Step 4: Assign the template to the blog posts====
 
:To assign the template you've just created to any blog post, go to the Shopify admin > Blog Posts, open the product you want and assign the template you’ve created (under the '''Theme Template''' section).
<img>
:[[File:Create product template 2.jpg|1200x1200px]]
 
'''Next Step:'''
 
Once the new Product template is in place, you can start adding content blocks ''(Please refer to the section [[Customize Template with Theme Editor]] and [[ECB Block Settings]] for more details)''

Latest revision as of 14:34, 27 July 2023

In this section, you will learn:

Create a new template for a Single blog post with the ECB app

NOTE: We highly recommend you create three Clean templates first, each for a type of page - Product page, store page, and Blog Post page. Once created, you will have three Clean template files with the .clean suffix (product.clean.json, page.clean.json, article.clean.json). 

Learn more about What a Clean template is and How to create a Clean template.

Step 1: Create a new blog post

  • From your Shopify admin, click Blog Posts (under Sales channels section)
  • Then click Add block post.
  • Enter a title and content for the page.
  • Click Save (You need to have a title to save the post.).

Step 2: Create a template for the blog post

  • From the Blog Post Edit page, click More actions (that appears in the upper-right of the form), click Create Template for this article:
Create blog post.jpg
  • From Easy Content Builder dashboard, you can create a new template based on:
    • Select a prebuilt blog post template provided by the Easy Content Builder app.
    • Select from available templates of the main theme (if created before): This option is only visible if you did build templates using the Easy Content Builder app before. It allows you to speed up the workflow by reusing those templates. Please note this feature is available for the Pro version only.
    • Create your own template from scratch.
Create a new template in the Easy Content Builder

Step 3: Customize the template in the Theme Editor

  • After you perform Step 2 above, you will be automatically directed to the Theme Editor where you can start adding content blocks to the template you’ve just created.
Please refer to sections Add Sections and Adding ECB Blocks for more details.

Create a new template for a group of blog posts

Step 1: Open the Theme Editor

  • From the Shopify admin, go to Online Store > Themes. Find the theme that you want to edit, and then click Customize. Create Clean template customize.jpg
  • From the dropdown menu in the Theme Editor, click Blog posts, then scroll down and click Create template.
Create clean blog post 2.jpg
  • The fill in the Name & the Based on fields as follows: Create clean template form.png
  • Name: type the name using the following name structure, where "easy-“ is the prefix. The name can contain any of the following characters: (a-z), (0-9), and dash. E.g: easy-collection-phone.
Note: When migrating templates to a new theme, the ECB app only migrates the templates with the name structure above
  • Based on: Select Default template or any available template created before.

Step 3: Customize the template you've just created

  • From the Theme Editor, you can start adding content blocks to the template you’ve just created.
Please refer to sections Add Sections and Adding ECB Blocks for more details.

Step 4: Assign the template to the blog posts

To assign the template you've just created to any blog post, go to the Shopify admin > Blog Posts, open the product you want and assign the template you’ve created (under the Theme Template section).
Create product template 2.jpg
Retrieved from "https://docs.posstack.com/index.php?title=Create_Blog_Post_Templates&oldid=825"