How to add section Blog Post to website
The blog post section is an area on the website designed to showcase articles and guide readers to explore further. It helps attract readers and boost engagement by providing useful or engaging content.
- In the theme editor (Customize), Add section
Blog Post.
How to configure Blog Post
Blogs Settings
- In the theme editor (Customize), click section
Blog Post, then locate Blogs Settings. Here you can make the necessary configurations. - If the default value is set, the configuration in
theme settingswill be applied. See instructions for configuring theme settings for blog card.
- Blog : Select blogs to display.
- Skin : Choose skin for blog card.
- Hover style : Select image effect when hovering.
- Aspect Ratio : Configure aspect ratio for card images.
- Image Size : Configure image size for card images. See more about the sizes attribute .
- Blogs Per Page : Configure the number of posts displayed.
- Blogs Gutter : Configure the distance between card items.
- Paginate : Configure pagination for section blogs.
Blog Style
In the theme editor (Customize), click section
Blog Post then locate Blog Style. Here you can make the necessary configurations.
- Title color : Configure color for blog card title.
- Excerpt Color : Configure color for blog card excerpt.
- Meta Color : Configure color for blog card meta.
- Meta margin top (px) : Configure margin top for meta.
- Title margin top (px) : Configure margin top for title.
- Excerpt margin top (px) : Configure margin top for excerpt.
Build layout section
Layout slider
You can display block layout grid or slider.If you want to use layout slider see Section Slider Layout
Layout grid
If you use layout grid.At the settings section, You can configure items to display on 1 row for each screen device.
Other configurations of section
You can see the documentation for other section configurations such as: Heading, container, background, animation, padding...