Select Section > Click to Edit Section > FilterSettings
Post type: Pickup a post type you want to use
Number of posts: Maximum posts can be shown up on this section
Oder By: Specify a type of post order.
Category/Tag/Type: If you specify Category, Tag, HsBlog will get posts in these categories, tags only.
Mark Navigation: Specify what Taxonomy will be used on Navigation. (Category, Tags, Type are called Taxonomy)
Navigation Type: You can enable/disable Navigation here. If you want to Enable the navigation, there are 2 options: Categories / Tags that picked up at step 4 will be used or its children will be used.
3 – Sidebar Settings
Select Section > Click to Edit Section > SidebarSettings
Sidebar Position. There are 5 options: – Nosidebar – Right sidebar – Left sidebar – Open common sidebar: We will setup a sidebar here and all sections that below this section will use this sidebar if they are using Inherit common sidebar – Inherit common sidebar: Using the sidebar that defined above section
Select Sidebar: Select sidebar want to use
Back-end Edittings
Front-end
4 – Slider Settings
Select Section > Click to Edit Section > SliderSettings
Auto play: Enable autoplay mode
Infinite: Infinite slides
Arrows: Enable next, prev arrows for slider
Dots: Enable slider dots
Swipe: Allow swipe
Center mode
Center padding
Slides to Show: How many slides to show in one frame
Slide to Scroll: How many slides to scroll at once
Speed: Animation speed in milliseconds
Autoplay Speed: Delay between each auto scroll (in milliseconds)
In HsBlog, We created a page builder ourselves. It helps you can easily set up a Home page for website and Home screen for App.
Step 1: Creating a new page builder.
From the sidebar, Click on Pages
Then, Click on Add New
Now, enter in a page name (EG: Homepage)
In “Page Attributes“ box, set Page Template to Blog builder template
Click on Publish button
Finally, Click on Edit With HSBlog Web Builder
Step 2: Adding a new section to page builder and setting up for it.
There are 2 areas on HsBlog builder: Left Side and Right Side. All pre-built Sections are shown up on Left Side. The Right Side contains Sections that are using on that page.
Select a Section that you want to use and Drag to Right Side area. Notice that you can re-order a Section by using the Drag-Drop feature.
Click Edit Section to modify section setting.
After finishing your setting, Click on OK and then click on Save button
You can click on Preview button (Bottom Left corner) to preview your page builder
Warning: In order to use HsBlog Builder, the Page Attributes must be set to Blog Builder and It should always be open
This Step we will answer for the question: What is Post Block Header And How To Settings Post Block?
Please click Appearance > Theme Options > Header settings > Post blog settings
1 – What is Post Block?
Post block is a block on Header.
Post block is a Post-Slider.
Post block – maybe show Popular posts, Trending posts, The most comments posts, The most views posts, The most view on week…. or Some Specify post (you can choose any post).
– Post Block style 1
– Post Block style 2
2 – How to settings Post Block ?
Title – Setting title for post block (ex: Trending Posts).
Get Posts By: Entry posts or Specify posts – Entry Posts: We will filter posts with ‘Order By’ settings end ‘Order’ settings. Specify Posts: You can choose any posts on store and settings theme on ‘Pickup Posts’ settings under.
Order By, Order: Settings post filter if ‘Get Posts By’ settings is Entry posts.
Post Number: Settings number of Post block.
Background Color, Border…: settings style for Post block.
3 – How to change the type of Post on Post Block
Click Appearance.
Click Theme Options.
Click Header settings.
Click Post Block Settings.
On Block style chose a type of post you want to use.
Note: Logo Image is settings on the General settings logo.
Advertisement: Enable/ Disable setting Advertisement. Leave empty if you want to disable image Advertisement and logo image has a center alignment of the block.