Web Design

How to Create a Child Theme with Elementor and Hello Theme

elementor

A child theme allows you to safely customize your WordPress website without affecting the parent theme. Follow these steps to create a child theme for Elementor using the Hello Theme.

Step 1: Install and Activate the Hello Theme

  1. Go to your WordPress dashboard.
  2. Navigate to Appearance > Themes and click Add New.
  3. Search for Hello Elementor in the search bar.
  4. Install and activate the theme.

Step 2: Create the Child Theme Folder

  1. Use an FTP client (e.g., FileZilla) or your hosting file manager to access your WordPress site files.
  2. Navigate to the wp-content/themes/ directory.
  3. Create a new folder and name it hello-child.

Step 3: Add the style.css File

  1. Inside the hello-child folder, create a new file named style.css.
  2. Open the file and add the following code:
/*
 Theme Name:   Hello Child
 Template:     hello-elementor
 Description:  A child theme for the Hello Elementor theme.
 Version:      1.0
 Author:       Your Name
*/
  • Theme Name: The name of your child theme.
  • Template: Must match the parent theme’s folder name (hello-elementor).
  • Author: Your name or your business name.

Save the file.

Step 4: Add the functions.php File

  1. In the same hello-child folder, create a new file named functions.php.
  2. Open the file and add the following code to enqueue the parent theme’s styles:
<?php
// Enqueue parent theme styles
function hello_child_enqueue_styles() {
    wp_enqueue_style('parent-style', get_template_directory_uri() . '/style.css');
}
add_action('wp_enqueue_scripts', 'hello_child_enqueue_styles');

Save the file.

Step 5: Activate the Child Theme

  1. Return to your WordPress dashboard.
  2. Navigate to Appearance > Themes.
  3. You should see your Hello Child theme listed.
  4. Click Activate to enable your child theme.

Step 6: Customize Your Child Theme

Now that your child theme is active, you can:

  • Add custom CSS to the style.css file.
  • Add custom PHP code to the functions.php file.
  • Make further design adjustments using Elementor without affecting the parent theme.

Optional: Use a Plugin to Create the Child Theme

If you’re not comfortable with manual file creation, use a plugin like Child Theme Configurator.

  1. Install and activate the plugin.
  2. Follow the on-screen steps to generate a child theme for Hello Theme automatically.

Subscribe
Notify of
guest
0 Comments
Oldest
Newest Most Voted
Inline Feedbacks
View all comments