Website Builder: How to Display Blog Post
How to Add Blog Posts to Your Website Using HitMe Website Builder
Displaying blog posts on your site is easy and highly customizable with HitMe Website Builder. Follow these steps to add a blog section and tailor it to your preferences:
1. Adding a Blog Section
Switch to Editing Mode: Begin by entering the editing mode of your website within the HitMe Website Builder.
Add a New Section: From the section menu, navigate to the "Blog" category and add the blog section to your page.
Customize Displayed Posts: Once added, you can adjust the displayed posts by switching to the styling mode, where you can modify the appearance and details of each blog post.
2. Managing Post Limitations
You have full control over which blog posts are displayed. You can filter posts by category or highlight specific posts. Here's how to set this up:
Choose Specific Categories or Posts: Select a category or enter the post ID to display only certain posts. You can also use the search button to easily find the posts or categories you want.
Post Selection: Based on your preferences, choose whether to display posts by category, date, or popularity.
3. Post List Customization
Customize how posts are shown on your website based on your selection criteria:
Newest Posts: Display the most recent posts first, ensuring visitors see the latest content.
Featured Posts: Highlight your favorite or most important posts by showing only those marked as featured.
Random Posts: For a dynamic browsing experience, display posts in a random order each time the page is refreshed.
4. Choosing Display Type
Select how you want your posts to appear on the page:
Simple Display: Posts are shown in a traditional, static list format for easy reading.
Carousel: Posts appear in a rotating carousel, allowing users to slide through posts for a more interactive experience.
5. Customizing Post Details
Adjust the presentation of each blog post to match your design preferences:
Content Layout: Customize the post's content alignment, font styles, and text formatting.
Image Alignment: Control how images are positioned within the post (note that the image side may adjust automatically on smaller screens for a better layout).
Comments & Effects: Manage whether comments appear under posts and apply visual effects like shadows for added style.
Tip: Although automatic adjustments are made for optimal display on different devices, always preview on various screen sizes to ensure the post layout appears as desired.
6. Post Settings: Rows and Limits
To organize the post layout further, you can adjust these settings:
Posts Per Row: In simple display mode, choose how many posts should appear in each row. Changes are updated live so you can immediately see the impact.
Total Post Limit: Set a maximum number of posts to display in each blog section to keep your page clean and organized.
These customization options make it easy to build a blog section that aligns with both the visual style and functionality of your website on HitMe Website Builder. Happy blogging!
If you would like to learn more about how to start blogging, read the article How to Add Posts on Your Blog.
Add blog posts to website Customize blog section in HitMe Website Builder Blog post display options Manage blog posts by category Post list customization in HitMe Builder Blog post layout and design adjustments
You might be interested
-
Website Builder Elements
This document describes the primary elements available in the website builder, a...
-
Website Structure
This document outlines the structure of the website builder, its editing modes,...
-
Available Blocks
HitMe Website Builder includes ready-made blocks designed for quick website deve...
-
How to Display Products
How to Display and Customize Product Listings Using HitMe Website Builder Displ...
-
Website Publication
Publishing your website is incredibly simple in Website Builder. Whether you're...
-
Contact Form
Adding and Customizing Contact Forms on Your Website in HitMe Website Builder T...
-
Cookies Info Element
Adding and Customizing Cookie Information Elements in HitMe Website Builder Addi...