Theme Configuration
Theme Configuration → Page
You can quickly build a home page using Elementor for WordPress that is drag and drop frontend and backend page builder plugin that will save you tons of time working on the site content. You will be able to take full control over your WordPress site, build any layout you can imagine – no programming knowledge required
From your Dashboard admin Navigate to Pages
– Select All Pages to see all pages then click edit one page you want
– Select Add New to create new page
A. How to use Elementor
Have you ever used Elementor ? Please follow that guide first : Elementor guide
Official Plugin Documentation For More information about the Elementor check the official documentation.
Watch video about Elementor
a. Add and modify Row Layout
Step 1 – Go to your page / post, first activate the backend editor and click Edit with Elementor
Step 2 – You will see all element in left sidebar, please choose element that you want to use.
or you will see button “Add New Section” ,”Add Template” , please click to button to add element.
Step 3 – To change the Row layout ( number of columns ) you need to click button content will display in leftsidebar.
b. Edit Element
Click on the Edit This Element (pencil icon) to Edit the Row element , when you click to button all content will display in left sidebar follow you can change .
c. Remove Element
Trash Box Icon – To Remove Row, Column or Module you need to click the Trash Box icon.
d. Add Element
Trash Box Icon – To Add Row, Column , please click to add icon.
B. Page Options
a. Page Attributes
You can select page attributes on right sidebar of page admin layout. Each Page templates have each styles
b. Page configure default template
For each page you can change the page layout, header layout, footer layout and much more! Check the screenshot and read the documentation to see how it works
- Select Layout – Select style for page to have a Auto, Left-Main Sidebar or Main-Right Sidebar.
- Enable Fullwidth Layout – Select if you want the page to have a Fullwidth layout.
- Header Layout – Select skin specific for Header on page or use Global
- Footer Layout – Select skin specific for Footer on page or use Globalsidebar.
- Disable Breadcrumbs – Select if you want to disable the subtitle and breadcrumbs.
- Breadcrumbs Text Color – Select color for text of breadcrumbs.
- Breadcrumbs Background Color – Select color background for breadcrumbs.
- Breadcrumbs Background – Select image to set background.
C. Set a page as Home Page
Step 1 – Go to Settings → Reading in your WordPress Dashboard panel.
Step 2 – Set “Front page displays” to a “Static Page”.
Step 3 – In the drop down menu for “Front Page” choose a page which will be your home page.
Step 4 – Leave the drop down menu for “Posts page” empty, as this is not used by the theme.
Step 5 – Save changes.
Theme Configuration → Blog
1. Create the blog post
Step 1 – Log in to your WordPress Administration Panel (Dashboard)
Step 2 – Click the ‘Posts‘ tab.
Step 3 – Click the ‘Add New‘ sub-tab.
Step 4 – Start filling in the blanks: enter your post title in the upper field, and enter your post body content in the main post editing box below it.
Step 5 – As needed, select a category, add tags, post format, fill in the meta setings below the editor.
Step 6 – Upload a featured image for your Post.
Step 7 – Select Post Format. You can create blog post with a lot of Formats like link, gallery, image ….. Select format on Format box from in right sidebar
Step 8 – Scroll down until you see the Post Configuration box, there you will be able to customize the post.
Step 9 – When your post is ready, click Publish.
2. Manager current all blogs
Navigate to Posts → All Posts
You can see all informations of you blog post, add new, edit or delete them.
3. Setting a Page for Blog Page
Option 1. Create Blog Page with Visual Element
Step 1 – Log in to your WordPress Dashboard → Settings → Reading
Step 2 – Choose a page for Blog page.
Theme Configuration → Header
The theme is using Header Builder to build header layout
Step 1: Login to your WordPress admin panel, and navigate to Header Builder
Step 2: You can add new or edit available header
Step 3: Settings global header layout. Go to Theme Options → Header
Step 4: Settings separate header for page. Go to Pages to edit page that you need set separate header
Theme Configuration → Footer
Step 1: Login to your WordPress admin panel, and navigate to Footer Builder
Step 2: You can add new or edit available footer
Step 3: Settings global footer layout. Go to Theme Options → Footer
Step 4: Settings separate footer for page. Go to Pages to edit page that you need set separate footer
Theme Configuration → Menu
1. Creating your menu
Step 1- Login to the WordPress Dasrdoard.
Step 2- From the ‘Appearance’ menu on the left-hand side of the Dashboard, select the ‘Menus’ option to bring up the Menu Editor.
Step 3 – Select Create a new menu at the top of the page.
Step 4 – Enter a name for your new menu in the Menu Name box.
Step 5 – Click the Create Menu button. Your menu is now defined, and you can now add pages to it (steps below).
2. Adding pages to your menu
Step 1 – Locate the pane entitled Pages.
Step 2 – Within this pane, select the View All link to bring up a list of all the currently published Pages on your site.
Step 3 – Select the Pages that you want to add by clicking the check box next to each Page’s title.
Step 4 – Click the Add to Menu button located at the bottom of this pane to add your selection(s) to the menu that you created in the previous step.
Step 5 – Click the Save Menu button once you’ve added all the menu items you want. Your custom menu has now been saved.
The Screen Options allow you to choose which items you can use to add to a menu. Certain items, like Posts or Products are hidden by default. The Screen Options are located in the top right corner of your WordPress Dashdoard.
3. Setup Megamenu
Step 1- Login to the WordPress Dasrdoard.
Step 2- navigate to Megamenu Profiles. to create a megamenu profile (using Elementor to build layout)
Step 3- From the ‘Appearance’ menu on the left-hand side of the Dashboard, select the ‘Menus’ option to bring up the Menu Editor.
Step 4- Add megamenu profile to menu item
4. Assigning a Menu to a Location
Once you’ve created a menu and filled it with items, it’s time to assign it to one of the theme pre-defined locations.
– Go to Appearance → Menus and click Manage Locations.
