How to install and customize WordPress with Elementor Kit?

➤ Back to blogs
WordPress Elementor Kit

Introduction

Welcome to your journey of setting up a WordPress site using Elementor! This guide will walk you through the initial steps, from clearing out default settings to importing an Elementor Kit, customizing your theme, and adding your unique styles. Let’s get started.

Step 1: Initial Cleanup

After setting up WordPress, the first task is to clean up the default content.

  1. Delete Default Pages and Posts: Go to the WordPress dashboard and remove all default pages and posts.
  2. Remove Default Plugins: Similarly, delete all pre-installed plugins to start with a clean slate.

Step 2: Install Essential Plugins

Next, we’ll install the necessary plugins for building your site with Elementor.

  1. Install Elementor Free: Search for Elementor in the plugins repository and install the free version.
  2. Install Premium Addons for Elementor: To extend the functionality of Elementor, install the Premium Addons for Elementor plugin.

Step 3: Configure Elementor

With Elementor installed, it’s time to configure it for optimal use.

  1. Choose the Hello Theme: While setting up Elementor, select the default Hello Theme.
  2. Skip Remaining Steps: You can skip the other setup steps for now.
  3. Dashboard Navigation: Exit the newly created page and return to the WordPress Dashboard.
  4. Delete Draft Page: Remove the draft of the new page to keep things organized.

Step 4: Prepare for Elementor Kit Import

Before importing an Elementor Kit, we need to adjust some settings.

  1. Activate Features: Go to Elementor settings and activate all available features and experimental properties.

Step 5: Import the Elementor Kit

Now we are ready to import an Elementor Kit. If you are working locally, ensure that zip support is enabled.

  1. Enable Zip Support (Local Setup): If you’re using XAMPP:
    • Navigate to XAMPP Control Panel.
    • Go to Apache -> Config -> php.ini.
    • Change ;extension=zip ;extension=gd to extension=zip extension=gd.
  2. Import Kit: Proceed with the import of the Elementor Kit.

Step 6: Customize Your Theme

After importing the kit, it’s time to make your site uniquely yours.

  1. Customize Theme: Adjust the theme settings to fit your brand.
  2. Add Custom Styles: Insert your custom CSS in the additional CSS section.
  3. Update Logo/Name/Texts/Graphics: Replace the default content with your own.
  4. Link Menu to Header: Ensure that the menu links are correctly set up in the header.

Conclusion

By following these steps, you’ll have a clean, customized WordPress site built with Elementor. If you want to try out Elementor with a ready-made template, visit our website to download it along with the CSS styles for free. Check the links in the description for more details.

Good luck! Remember to subscribe to us and download the free Elementor Kit: here.