# Home 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**

&#x20;\- Select **All Pages** to see all page then click edit one page you want

&#x20;\- Select **Add New** to create new pageOne page always include a lot of parts like Header, Main Page, Widget Sidebar, and Footer. In that section, we guide you to create the main page by using Elementor.

**1. How to use Elementor**

Have you ever used Elementor? Please follow that guide first: [**Elementor guide**](https://docs.elementor.com/)​

​[Official Plugin Documentation](https://elementor.com/)  For More information about the Elementor check the official documentation.

​[Watch a video about Elementor](https://youtu.be/kB4U67tiQLA)​

{% embed url="https://www.youtube.com/watch?v=kB4U67tiQLA&feature=youtu.be" %}

**Backend Editor Efway:**

**2. How to use Back End Efway**

**a. Add and modify Row Layout**

&#x20;**Step 1** - Go to your page/post, first activate the backend editor and click Edit with Elementor

![](https://gblobscdn.gitbook.com/assets%2F-M-OdO0m_oTGOajNjueK%2F-M-wle6JN4FdrCo79QWH%2F-M-wlzBvTndQx12Zk86n%2Fimage.png?alt=media\&token=2346c75b-52c1-4eac-a5b3-2e40c711061f)

**Step 2** - You will see all elements in the left sidebar, please choose element that you want to use.

![](https://1805757604-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MDOiGUr6YkssVEE3ms_%2F-MDZ3M1l4-J3HyeUmC-p%2F-MDZ3SIwOX8wTgZuxqe7%2Fefway-home01.png?alt=media\&token=7e8eb6e4-0b7f-459f-b46e-2f0a81030887)

Or you will see the button "Add New Section", "Add Template", please click to button to add the element.

![](https://blobscdn.gitbook.com/v0/b/gitbook-28427.appspot.com/o/assets%2F-Lq3xPQNvxmsY3y01k2r%2F-Lq3xTIaITZjdITW2UJk%2F-Lq54-n-8Wvf5E36xrUi%2Fimage_1.jpg?alt=media\&token=1edf1900-6be1-4e9d-a125-42f9ef6f4415)

**With add new section**, when you click to this button it will display form for you choose the column of elementor

&#x20;

![](https://gblobscdn.gitbook.com/assets%2F-M-OdO0m_oTGOajNjueK%2F-M-xNBngfTIcnSdeMslG%2F-M-xOmL-ATzKnHZu8FyT%2Fimage.png?alt=media\&token=c202dead-0f4e-4458-ae6b-c46676738189)

**With add template**, when you click to the button, a form template will display and you can choose one of the templates to add in the element and not need to add more elements.

![](https://1805757604-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MDOiGUr6YkssVEE3ms_%2F-MDZ3ltSNsxzziIRkZHu%2F-MDZ3tVJIb4l2XP4zxV1%2Fefway-template.png?alt=media\&token=0ea280d0-a552-4fe1-a17b-d3053dd1ae47)

**Step 3** - To change the Row layout ( number of columns ) you need to click button content will display in left sidebar.

![](https://1805757604-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MDOiGUr6YkssVEE3ms_%2F-MDZ5LY8snQOjbBTTaV5%2F-MDZBd2Eormux-_fwD_A%2Fefway-addrow.png?alt=media\&token=776cfd2c-8106-4a67-be07-c8f984a60c14)

**b. Edit Element**

&#x20;Click on the Edit This Element (pencil icon) to Edit the Row element, when you click to button all content will display in the left sidebar follow you can change .

![](https://1805757604-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MDOiGUr6YkssVEE3ms_%2F-MDZBepWFWREl8C1VDbC%2F-MDZBvr8Jj-1lcOyJ8lB%2Fefway-edit.png?alt=media\&token=8525ec3c-5137-414c-b823-956694119a15)

**c. Remove Element**

&#x20;Trash Box Icon - To Remove Row, Column or Module you need to click the Trash Box icon.

![](https://1805757604-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MDOiGUr6YkssVEE3ms_%2F-MDZC09k13YDJjzzPFEe%2F-MDZCCEDv-xS41vpsQBo%2Fefway-remove.png?alt=media\&token=f695bf1e-7264-4ad8-9f4a-81711f13e6ff)

**d. Add Element**

&#x20;Trash Box Icon - To Add Row, Column , please click to add icon.

![](https://1805757604-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MDOiGUr6YkssVEE3ms_%2F-MDZC09k13YDJjzzPFEe%2F-MDZCMvAq-Z8uyW34DqE%2Fefway-addc.png?alt=media\&token=8ba9be3b-406c-4d29-96c4-d80183238b3c)

**3. Page Options**

&#x20;**a. Page Attributes**

&#x20;You can select page attributes on  right sidebar of page admin layout. Each Page templates have each style

![](https://1805757604-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MDOiGUr6YkssVEE3ms_%2F-MDZCQqm2Uz_m9hbRbBv%2F-MDZCk27s27c_UiqWUgy%2Fefway-layout.png?alt=media\&token=ad1c13bc-b09a-4a6d-a938-115f3a4c56c1)

**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.

![](https://1805757604-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MDOiGUr6YkssVEE3ms_%2F-MDZClVAzTl1yUig_Soe%2F-MDZCymoufiSkDK4VWd9%2Fefway-pagesetting.png?alt=media\&token=e00272e9-0694-449a-90af-12d0e2ce8176)

* **Layout** - Select if you want the page to have a Fullwidth layout and config sidebar.
* **Header Layout** - Select if you want to custom header in customize.
* **Footer Layout** - Select if you want to custom footer in customize.
* **Breadcrumbs** - Select if you want to custom breadcrumb in customize.

**c. Set a page as Home Page**

&#x20;**Step 1** - Go to **Settings** > **Reading** in your WordPress Dashboard panel.

&#x20;**Step 2** - Set "Front page displays" to a "Static Page".&#x20;

**Step 3** - In the dropdown menu for "**Front Page**" choose a page which will be your home page.&#x20;

**Step 4** - Leave the dropdown menu for "Posts page" empty, as this is not used by the theme.&#x20;

**Step 5** - Save changes.

[\
](https://wpdocs.gitbook.io/kindero/content-management/footer)

![](https://1805757604-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MDOiGUr6YkssVEE3ms_%2F-MDZD-W5XhJXapskVy0Z%2F-MDZDEBnwOB5qqNC5Rom%2Fefway-reading.png?alt=media\&token=c6485669-10ac-490f-9810-c2a2a384f3a7)
