How to Create a WordPress Child Theme in 15 Minutes

What a WordPress child theme is and why you need one

A child theme inherits every function and the entire look of your main, or parent, theme. Any change you make in the child theme, whether it is styling rules (CSS) or actual code, stays fully protected even when you update the parent theme.

Without it, the situation looks like this: you update a popular theme such as Astra, Hello Elementor or Twenty Twenty-Four, and everything you edited by hand in those files is gone for good. There is no undo.

When a child theme is not necessary

If you use Elementor Pro to build the entire site and you never touch code files or write styling rules by hand, a child theme may not be strictly necessary. Elementor stores your design in the database, not in the theme files.

The moment you want to write even a single line of code directly into the theme, though, it becomes mandatory.

A common misconception about child themes

Many people think this approach slows the site down. That is simply not true. A child theme puts no meaningful load on your system, it just leans on the parent theme and loads only the files you personally changed.

How to create a WordPress child theme manually

There are two ways to do this: manually, which helps you understand the process better, or with a plugin, which is faster for beginners. We start with the manual approach because it is useful knowledge in the long run.

Step 1: create the child theme folder

Connect to your hosting with an FTP client (FileZilla, for example) or go straight to the File Manager in your hosting control panel. Open this path:

/wp-content/themes/

Create a new folder. The naming rule is simple: parent-theme-name-child. A few examples:

• astra-child
• hello-elementor-child
• generatepress-child

Step 2: create the style.css file

Inside the new folder, create a file named style.css and add the following code, adjusted for your specific site:

/*
 Theme Name:   Hello Elementor Child
 Theme URI:    https://staging.technologicweb.rs
 Description:  Child theme for Elementor
 Author:       TechnoLogic Web
 Author URI:   https://staging.technologicweb.rs
 Template:     hello-elementor
 Version:      1.0.0
 Text Domain:  hello-elementor-child
*/

/* Write all of your styling rules (CSS changes) here */

The value on the Template: line has to match the parent theme folder name exactly. Use lowercase only, with no spaces.

Step 3: create the functions.php file

Next, in the same folder, create a functions.php file. It is what makes your new theme pick up the styling from the parent theme correctly:

<?php
/**
 * Load the styling rules from the parent theme.
 * Note: we use the safe WordPress method (wp_enqueue_scripts), NOT the @import rule in CSS.
 * Using @import slows the site down because it blocks files from loading in parallel,
 * which hurts user experience and speed metrics.
 */
add_action( 'wp_enqueue_scripts', 'technologicweb_child_enqueue_styles' );

function technologicweb_child_enqueue_styles() {
    // Load the parent theme styles
    wp_enqueue_style(
        'parent-style',
        get_template_directory_uri() . '/style.css'
    );

    // Load the extra styles from your child theme (if you have changes)
    wp_enqueue_style(
        'child-style',
        get_stylesheet_directory_uri() . '/style.css',
        array( 'parent-style' ) // Depends on the parent styles
    );
}

Step 4: activate the child theme

Log in to your WordPress dashboard and go to Appearance, then Themes. Your new theme is there. Click activate.

Your site will look exactly the same as before. That is precisely how it should be, because the new theme takes over the full look and functionality from the parent.

Creating a child theme with a plugin

If the manual process feels like too much, there are plugins that do the whole job for you. The best known and most widely used one is Child Theme Configurator.

Child Theme Configurator: install and use

Install the plugin straight from the WordPress repository. Once you activate it, go to Tools and find Child Themes. The plugin scans your parent theme and automatically creates every file you need in a single step.

On top of that, it copies over the styling rules on its own, so you do not have to worry about writing code into the parent files by hand.

When to use a plugin and when to go manual

The manual approach is better if you understand the basics of coding and plan to make serious changes to the site. The plugin, on the other hand, is the ideal choice if all you need is basic protection during updates, without complicated or deep changes.

What you can actually change

Using a WordPress child theme gives you complete freedom to customize the site with no risk at all. Here is what we change most often during website development:

Visual changes (CSS)

You write all styling rules directly into the style.css file of your new theme. Font changes, colors, spacing and hover effects all go here. The code you write here is usually enough to successfully override the parent theme styling.

/* Example: change the heading color across all pages */
h1, h2, h3 {
    color: #1a2e4a; /* Dark blue, the TechnoLogic Web brand color */
}

/* Example: custom button styling */
.wp-block-button__link {
    background-color: #00c853; /* Signal green */
    border-radius: 4px;
    font-weight: 600;
}

Template files

If you need to change the structure of a page itself (the site header or the single post layout, for example), simply copy the matching file from the parent theme into your child theme, keeping the folder structure identical, and edit that copy. WordPress always gives priority to your copy of the file and serves it automatically.

Extra functionality

Advanced functions, custom snippets, special site areas and database query modifications all go into the functions.php file. This matters enormously for professional website maintenance, because it is how we keep the whole system stable through regular WordPress updates.

A WordPress child theme is the foundation of professional work

The WordPress child theme is not an option reserved for advanced users, it is the absolute foundation of every serious project on this platform. Without one, you are building on unstable ground: a single routine update can wipe out hours of your work.

Investing 15 minutes today means no headaches with every update that follows. Once you set the basics up properly, further work on the site runs smoothly and without unpleasant surprises.

Started a more complex project and need expert support? Contact TechnoLogic Web. From setting up a child theme to fully customizing a site, our team works without compromises.

Frequently asked questions