Block Article: Difference between revisions

From Posstack.com Documentation
mNo edit summary
 
(4 intermediate revisions by the same user not shown)
Line 1: Line 1:
{{DISPLAYTITLE:Block: Article}}
{{DISPLAYTITLE:Block: Article}}
 
=== Overview ===
After you've created a blog, you can start writing your blog posts. The Easy Content Builder allows you to manage the core elements of your blog post's content (Title, Content, Meta data, Tags, etc.).  
After you've created a blog, you can start writing your blog posts using the Article section provided by Easy Content Builder. It allows you to manage the core elements of your blog post's content (Title, Content, Meta data, Tags, etc.).  
{{Note|You can use the Easy Content Builder app to add various content blocks to your blog post, such as incorporating a how-to video and featuring products on the sidebar. [https://easy-content-builder-demo.myshopify.com/blogs/news/blog-post-2 See this example].|inline}}
{{Note|You can use the Easy Content Builder app to add various content blocks to your blog post, such as incorporating a how-to video and featuring products on the sidebar. [https://easy-content-builder-demo.myshopify.com/blogs/news/blog-post-2 See this example].|inline}}


Line 7: Line 7:


=== How to add Article section ===
=== How to add Article section ===
'''Article''' (previously '''''Features''''' block) helps you create separate content blocks (Each block comes with its heading, description, and icon). You can easily position the icon (left, right, center, or bottom) to pair with the wrapped text.  


*'''Step 1''': Add a '''Section Settings''' section that allows you to control the global settings of the '''Article''' section.
*'''Step 1''': Add a '''Section Settings''' section that allows you to control the global settings of the '''Article''' section.


:In this special section, you can specify multi-column layouts, activate full width, determine the section's maximum width, choose a background color, and set global margins and padding, among other options.
:In this special section, you can specify multi-column layouts, activate full width, determine the section's maximum width, choose a background color, and set global margins and padding, among other options.
:{{Note|Note: If you include the '''Article''' in the core product information, skip the step for adding '''Section Settings'''. Just add the '''Article'''. [[File:Ecb add section core product info.jpg|800px|frameless]]|reminder}}


*'''Step 2''': Add an '''Article''' section and customize the settings according to your preferences.
*'''Step 2''': Add an '''Article''' section and customize the settings according to your preferences.
Line 48: Line 45:
|Set the vertical spacing between elements.
|Set the vertical spacing between elements.
|}
|}
===Article Carousel and Grid===
To set up an article carousel or grid on your page, you can utilize the [[Block_Featured_Products#Article_Carousel_and_Grid|Item List]] section.
{{Note|See an article carousel example [https://easy-content-builder-demo.myshopify.com/pages/section-article-carousel here].|inline}}
[[File:Ecb-article-slider.jpg|frameless|800x800px]]
For guidance on how to add an Article Carousel, please refer to the Item List guide [[Block_Featured_Products#Article_Carousel_and_Grid|here]].


===Add other content blocks===
===Add other content blocks===

Latest revision as of 07:20, 8 November 2024

Overview

After you've created a blog, you can start writing your blog posts using the Article section provided by Easy Content Builder. It allows you to manage the core elements of your blog post's content (Title, Content, Meta data, Tags, etc.).

You can use the Easy Content Builder app to add various content blocks to your blog post, such as incorporating a how-to video and featuring products on the sidebar. See this example.
By default, Easy Content Builder offers support for structured data (schema.org) to generate rich snippets for the Article section, ultimately enhancing the SEO performance of your Shopify store.

How to add Article section

  • Step 1: Add a Section Settings section that allows you to control the global settings of the Article section.
In this special section, you can specify multi-column layouts, activate full width, determine the section's maximum width, choose a background color, and set global margins and padding, among other options.
  • Step 2: Add an Article section and customize the settings according to your preferences.
Block article.png
If you are new to our Easy Content Builder, please take a look at the Add Sections section for detailed instructions on how to add a section to your theme.

Article section settings

From the Shopify theme editor, click on Article on the sidebar to view the details of settings.

Section settings Description
Show Title Show or hide the article's title. You can set a different title in the Section Title.
Title Size Change the heading to H1, H2, H3, H4, H5, or H6.
Show Excerpt Display the current blog post's excerpt.
Show Content Display the current blog post's content.
Show Metadata Display the current blog post's metadata (Author, Created Date)
Show Tags Displays all the tags that exist on the current blog post.
Margin Set the vertical spacing between elements.

Article Carousel and Grid

To set up an article carousel or grid on your page, you can utilize the Item List section.

See an article carousel example here.

Ecb-article-slider.jpg

For guidance on how to add an Article Carousel, please refer to the Item List guide here.

Add other content blocks

You can add many content blocks to a section you've created. These content blocks will be displayed in different positions within the section, depending on the Desktop/Mobile Layouts you configure.

Ecb-block-v2.jpg

See all content blocks available that you can add to a section.
Retrieved from "https://docs.posstack.com/index.php?title=Block_Article&oldid=2822"