Add section settings: Difference between revisions

From Posstack.com Documentation
mNo edit summary
Line 1: Line 1:
{{DISPLAYTITLE:Adding Sections}}
{{DISPLAYTITLE:Adding Sections}}
To add a new section, you need to add a special block called '''Section Settings'''. This block allows you to manage the layouts of your section by choosing your preferred layouts (1-column, 2-column, 3-column, 4-column, or hierarchical layouts) and global configurations (full-width layout, mask color, mask image, background video, parallax animation, etc.).
{{Note|You can add multiple sections to a page. For each section, you can utilize a Section Settings block to customize the layout for that particular section.|inline}}


==Steps==
==Steps==


*Step 1: Create a template following one of these options:  
Note: Create a template following one of these options:  
:*Create [[Create Template Apply to Multiple Pages|a template for multiple pages]]
:*Create [[Create Template Apply to Multiple Pages|a template for multiple pages]]
:*Create [[Create Template Apply to One Page|a template for one specific page]]
:*Create [[Create Template Apply to One Page|a template for one specific page]]
:*Customize your homepage, collection page
:*Customize your homepage, collection page
*Step 2: Create a Section Settings
 
*Step 3: Add Content Blocks
====Add Section====
====Add Section====
To add a new section, you need to add a special block called '''Section Settings'''. This block allows you to manage the layouts of your section by choosing your preferred layouts (1-column, 2-column, 3-column, 4-column, or hierarchical layouts) and global configurations (full-width layout, mask color, mask image, background video, parallax animation, etc.).


{{Note|You can add multiple sections to a page. For each section, you can utilize a Section Settings block to customize the layout for that particular section.|inline}}
====Add Blocks====
====Add Blocks====



Revision as of 15:07, 29 May 2024


Steps

Note: Create a template following one of these options:

Add Section

To add a new section, you need to add a special block called Section Settings. This block allows you to manage the layouts of your section by choosing your preferred layouts (1-column, 2-column, 3-column, 4-column, or hierarchical layouts) and global configurations (full-width layout, mask color, mask image, background video, parallax animation, etc.).

You can add multiple sections to a page. For each section, you can utilize a Section Settings block to customize the layout for that particular section.

Add Blocks

Edit Section Settings

Add multi-column layouts

section-settings-multi-cols.gif

Add the background image

section-settings-bg-img.gif

Add the background video

section-settings-bg-video.gif

Add the background color

section-settings-bg-color.gif

Add the background container color

section-settings-container-bg-color.gif

Set text color

section-settings-text-color.gif

Adjust the column gap

section-settings-margin-padding.gif

Next Step

  • Add content blocks: follow this guide.