3. How to setup static front page?
To set a static front page we need to have a page which can be set as Homepage Settings. If you already have a page then that’s fine otherwise follow the steps:- Hover over the “Pages” menu
- You will see “Add New” under “All Pages”
- Click “Add New“
- You will be redirected to new page from.
- Add title “Front” or any title you want.
- Select a page template named "Front Page"
- Leave editor blank
- Click Publish button to save changes.
- Hover over “Appearance”
- Click “Customize”
- Go to Static Front Page.
- From Static Front Page section
- Choose “A static page” option under “Front page displays” title.
- You will be able to set any page as a static front page and blog page as shown on the image below.
- Click “Save & Publish” button to save changes.
Note: If you select Your latest Posts, then all the posts will be displayed in your frontpage. If you select A static page, then your front page will display the content from the page you selected as Front Page. However the page you selected in Posts Page will become your blog page.
5. Home Page Sections
The demo is divided into different section as shown in the image below:
The different sections are described below:
- Top Header Section: To setup Top Header Menu section you need to create a menu and assign its location to Top Header Menu going to Admin Panel / Appearance / Customize / Menus / Menu Location. To setup Social Menu section you need to create a menu and assign its location to Social Menu going to Admin Panel / Appearance / Customize / Menus / Menu Location. Refer below How to manage Menus? The Cart Icon with count will appear automatically if woocommerce plugin is installed.
- Site Identity and Primary Menu Section: The Site Identity section is setup from Admin Panel / Appearance / Customize / Site Identity and for Primary Menu section you need to create a menu and assign its location to Primary Menu going to Admin Panel / Appearance / Customize / Menus / Menu Location. Refer below How to manage Site Title, Logo, Tagline and Site Icon? and How to manage Menus? for more detail.
- Category Slider Section: This section is setup from Admin Panel / Appearance / Customize / Front Page Options / Slider. Refer below How to manage Slider? for more detail.
- Recent Posts Section: The Recent Posts will appear automatically if you add post from Admin Panel / Posts / Add New.
- Widgets Section: This section is setup from Admin Panel / Appearance / Widges. Refer below How to add Widgets? for more detail.
- Callback Section: This section is setup from Admin Panel / Appearance / Customize / Front Page Options / Callback. Refer below How to manage Callback? for more detail.
- Blog Catetory Section: This section is setup from Admin Panel / Appearance / Customize / Front Page Options / Blog. Refer below How to manage Blog? for more detail.
- About Section: This section is setup from Admin Panel / Appearance / Customize / Front Page Options / About. Refer below How to manage About? for more detail.
- Footer Widget Area Section: This section is set up from the widget. So you need to go to Admin Panel / Appearance / Customize / Widgets / Footer. and add the widget you like. Refer below How to add Widgets? for more detail.
- Footer Copyright and Menu Section: To set up Copyright section you need to go to Admin Panel / Appearance / Customize / Theme Options / Footer Options. Refer below How to manage Footer Options? for more detail. To setup Footer Menu section you need to create a menu and assign its location to Footer Menu going to Admin Panel / Appearance / Customize / Menus / Menu Location.
6. How to manage Site Title, Logo, Tagline and Site Icon?
1. From Customize section, go to Site Identity. 2. From Site Identity, you will be able to add various options related to site identity like:- Logo ( Only available in WordPress version greater than or equal to 4.5 ): It changes the main logo of the site.
- Site Title: It changes the main site title of the site.
- Tagline: It changes the tagline (i.e:Description) of the site. Just below site title.
- Display Site Title and Tagline: It enable/disable the Site Title and Tagline.
- Site Icon: The Site Icon is used as a browser and app icon for your site.Icon must be square, and at least 512px wide and tall.
7. How to manage Colors?
1. From Customize section, go to Colors. 2. Under Colors you will see different section Colors. They are:- Header Text Color: Set the color for your Inner Page Banner Title color.
- Background: Set the color for Body background.
- Site Title: Set the color for your Site Title.
- Site Tagline: Set the color for Site Tagline.
- Primary: Set the color for primary elements.
8. How to manage header options?
How to manage Header Image?
1. From Customize section, go to Header / Header Image . 2. From Header Image Options, you will see Current Header & Suggested Options sections.- Current header: Upload your desired header image .. If the preview is fine, click on Save and Publish to apply recently uploaded Header image.
- Suggested: You can even use the suggested header image if you dont want to uploed other image.
9. How to manage Menus?
1. How to create a menu?
- From Customize section, go to Menus
- From Menus, click “Add a Menu” button and you will be able to create a menu.
- Now, click Add Items and you will be able to Add or Remove Menu Items according to your requirement.
- Select the Menu locations.
- If the preview looks fine, save the changes by clicking on Save and publish button.
2.How to change menu Locations?
1. From Customize section, go to Menus and inside it you will find Menu Locations. 2. Here you can:- Select the menu for Primary Menu. Primary menu appears as a main menu in the header section.
- Choose the Top Header Menu, which shows the left side of the Top Header
- Choose the Social Menu, which shows the social link’s title as a menu.
- Choose the Footer Menu, which shows the right side of the footer.
10. How to add Widgets?
1. From Customize section, go to Widgets. 2. From Widgets, you will see different sections to add widget where you will be able to Add a Widget or Remove widgets by going to particular widget section. 3. And the added widget will be displayed in particular section that you have added.
Available widget Areas:
11. How to manage theme Options?
1. From Customize section, go to Theme Options.2. From Theme Options, you will see different sections. They are:
Header Options
- Enable Alternate Header: Disable/Enable Alternate header section.
Layout Options
- Archive Layout: Archive Page Side bar position. Options: Right Sidebar, Left Sidebar and No sidebar
- Archive Post Layout: Archive Post Layout. Options: Grid layout and Simple(list) layout
- Archive Post Image: Archive Post Image Size veriations. Options: Thumbnails, Medium, Large and Default.
- Archive Post Image Alignment: Archive Post Image Alignment. Options: Left, Right and Center
- Single Page Layout: Single Page Sidebar Layout. Options: Left Sidebar, Right Sidebar and Compact (no sidebar with compact view)
Blog Options
- Blog Page Title: Change Blog Page Title.
Footer Options
- Enable Instagram: Enable/Disable Instagram section in footer section.
- Access Token: To show images from your Instagram account, you need to have an access token. For access token refer to: Keon Instagram Token Generator
- Total Number of Images: Set the maximum number of images. Leave 0 to display all images.
- Enable Scroll top in mobile: Enable/Disable Scroll top in mobile.
- Disable footer widgets: Enable/Disable footer widgets. To add widgets refer above How to add Widgets?
- Footer Text: Add footer text of your website.