Home Page
Setting up Homepage for Website
Last updated
Setting up Homepage for Website
Last updated
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 page 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.
B. Backend Editor Housey
How to use Back End Housey
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.
you can click button "Add New Section" ,"Add Template" , to add element or add template to page.
With add new section, when you click to this button it will display form for you choose column of elementor .
With add template, when you click to button, a form template will display and you can choose one of templates to add in element and not need to add more elementor.
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
Add Box Icon - To Add Row, Column , please click to add icon.
C. 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 style, custom header , custom footer and much more! Check the screenshot and read the documentation to see how it works .
Header - Set up header for homepage
Footer - Config footer for site
Breadcrumb - Config breadcrumb when enable it
D. 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.
All elementors to used in homepage:
1. Opal Revolution slider
2. Search: Property form
3. Heading+ Block: category listing
4. Heading+ Image box
5. Heading + Block: Category collection
6. Counter
7. Heading+ Block: Agent collection
9. Heading+ Text editor+ Opal buttons
10. Heading+ Opal Posts Grid