Welcome to this comprehensive guide that will empower you with the knowledge and skills to edit and update your website effectively. By following the step-by-step instructions provided, you will learn how to navigate your WordPress Admin Dashboard, access the page editor, and utilize the powerful Elementor page builder.
From editing existing content and adding new elements to rearranging the layout and previewing your changes, this guide covers it all. Take control of your website and confidently make updates that reflect your vision and engage your visitors. Enjoy the journey of creating a dynamic and personalized online presence for your business or brand.
- Introduction:
Your Website uses a popular Content Management System (CMS) called WordPress. We will use a WordPress plugin called Elementor to edit and manage your website. This user manual will guide you through the process of editing your website using Elementor, a powerful WordPress page builder. By following these steps, you will be able to make changes and updates to your website’s content easily and efficiently. - Logging in to WordPress:
To get started, you need to log in to your WordPress Admin Dashboard. Follow these steps:a. Open your web browser and visit your website’s WordPress login page at https://www.expressfin.co.zw/wp-login.php or https://www.expressfin.co.zw/wp-admin.php
b. Enter your username and password in the provided fields (the login details were sent to you via email).
c. Click the “Log In” button to access the WordPress Admin Dashboard. - Navigating to the Page Editor:
Once you have logged in to the WordPress Admin Dashboard, you can navigate to the page you want to edit. For instance, to edit the Home Page, go to the Home Page of your website (https://www.expressfin.co.zw):a. If you prefer to edit the website via the frontend, to edit the Home Page, go to the Home Page of your website (https://www.expressfin.co.zw).
b. Once you visit the page you want to edit, (assuming you have already logged in using your admin username and password), on top of the website on the Admin Panel, at about the center of the top panel you should see a link labelled “Edit with Elementor”. Clicking on that link will let you edit that page.
c. If you prefer to edit the website via the backend, then go to https://www.expressfin.co.zw/wp-admin. From the left-hand side menu, click on “Pages.”
d. Locate and click on the specific page you wish to edit. For example, if you want to edit the “Home” page, click on “Home” from the list of pages. - Editing Your Website with Elementor:
4.1. Launching the Elementor Editor:
To edit your page using Elementor, follow these steps:
a. After accessing the page editor, go to the top admin bar of your website.
b. On the admin bar, you will find an “Edit with Elementor” button. Click on it.
c. Elementor will now load, and you will be directed to the Elementor editor interface.
4.2. Exploring the Elementor Interface:
The Elementor editor offers a user-friendly interface for editing your website. Familiarize yourself with Elementor’s sections. Please click on this link to learn more about Elementor’s sections – https://elementor.com/help/explore-the-elementor-editor
a. Widgets Panel: Located on the left-hand side, this panel contains various content elements and widgets that you can add to your page.
b. Canvas: The main area where your page content is displayed and edited. You can click on existing elements to modify them or drag and drop new elements from the Widgets Panel.
c. Settings Panel: Positioned on the left-hand side, this panel displays specific settings and options for the selected element.
4.3. Editing Content:
To modify existing content on your page, follow these steps:
a. Click on the element you want to edit within the Canvas.
b. The relevant options and settings for the selected element will appear in the Settings Panel.
c. Make the desired changes to the text, images, links, or other properties of the selected element.
4.4. Adding New Elements:
To add new content elements to your page, follow these steps:
a. Open the Widgets Panel on the left-hand side.
b. Browse through the available widgets and select the one you want to add.
c. Drag and drop the widget from the Widgets Panel onto the Canvas.
d. Customize the widget’s settings in the Settings Panel as needed.
4.5. Rearranging Elements:
You can easily rearrange the layout of your page by following these steps:
a. Click and hold on an element within the Canvas.
b. Drag the element to a new position within the Canvas.
c. Release the mouse button to drop the element in its new location.
4.6. Saving Changes:
After making edits to your page, it is essential to save your changes. Follow these steps:
a. In the Elementor editor interface, locate the “Update” or “Save” button. It is typically positioned at the bottom of the editor screen.
b. Click the “Update” or “Save” button to save your changes.
4.7. Previewing and Publishing:
Before publishing your changes, it is recommended to preview how your page will look to visitors. Follow these steps:
a. Within the Elementor editor, locate the preview icon or use the preview button provided.
b. Review the preview and ensure everything appears as desired.
c. If satisfied, click the “Publish” button to make your changes visible to visitors on the live website.
- Conclusion:
Congratulations! You have successfully learned how to edit your website using Elementor. By following the steps outlined in this user manual, you can easily make changes, add new elements, and customize your website’s content. Enjoy your newly gained control over your website and have fun creating an engaging and visually appealing online presence for your visitors. - Resources
To help you learn more about editing a WordPress Website, likely watch the following Youtube Videos:- https://www.youtube.com/watch?v=pGNnjlC3P2I
– https://www.youtube.com/watch?v=MnAJ-IPFkzc
– https://www.youtube.com/watch?v=HpwcZApFJ-k
– To learn how to post Blog Posts to your website watch this video https://www.youtube.com/watch?v=XfhEMBmCx30
– If 1 video for the blog posts section is not enough, then also watch this one https://www.youtube.com/watch?v=77X3lvqPHGU