Twenty Twenty-One

Elementor

Estimated reading: 3 minutes 0 views
  1. Install and activate Elementor: Start by installing the Elementor plugin on your WordPress website. You can find it in the WordPress plugin repository. Once installed, activate the plugin.
  2. Create a new page: In your WordPress dashboard, go to “Pages” and click on “Add New” to create a new page where you want to build your design.
  3. Launch Elementor: After creating the new page, you’ll see an “Edit with Elementor” button. Click on it to launch the Elementor editor.
  1. Choose a page template (optional): Elementor offers a wide range of pre-designed templates that you can use as a starting point. You can browse through the templates and choose one that suits your needs. To access the templates, click on the folder icon in the Elementor editor’s panel.
  1. Start building your page: Once you’re in the Elementor editor, you’ll see a live preview of your page on the right side of the screen. On the left side, you’ll find a panel with various widgets and elements that you can drag and drop onto your page.
  2. Add widgets and elements: To add a widget or element to your page, simply drag it from the panel on the left and drop it onto the desired section of your page. Some commonly used widgets include text blocks, images, buttons, headings, and contact forms. You can customize the settings of each widget to match your preferences using the options provided in the editor.
  3. Customize the design: Elementor provides a range of styling options to customize the design of your page. You can change colors, fonts, backgrounds, spacing, and more. To modify the style of an element, click on it, and a panel with customization options will appear on the left side of the screen.
  1. Rearrange and resize elements: You can easily rearrange elements on your page by dragging and dropping them into different sections. You can also resize elements by clicking on them and dragging the sizing handles.
  2. Preview and save your page: As you build your page, you can preview your changes in real-time by clicking the “Preview” button. Once you’re satisfied with the design, click the “Update” or “Publish” button to save your changes.
  3. View the published page: After saving your changes, you can view the published page on the front-end of your website to see how it looks to visitors.

That’s it! You’ve successfully built a page using Elementor. Remember to save your work regularly and experiment with different widgets and design options to create the desired look for your page.

For more detailed information you can visit the Elementor Knowledge Base

Leave a comment

Your email address will not be published. Required fields are marked *

Share this Doc
CONTENTS