2 Steps To Create Your WordPress Child Theme

2 Steps To Create Your WordPress Child Theme

Child Theme is now available with WP-Script Tube Theme.

You will finally be able to create your own themes from our theme, and this article will help you get there.

Before you start

The explanations and files provided work for WP-Script Tube Themes only. If you want to create your theme from a different theme, you can read this article.

When and why you need to create a Child Theme?

Let’s not waste time discussing, creating a child theme is the only good way to edit a WordPress theme.

A child theme inherits all the features, all the CSS styles, and all the features of a parent theme.

If you change the original theme, you lose all your work when an update is available, and it is unlikely that you would like to repeat the same work several times.

While creating a child theme, you can make changes without affecting the parent theme. You can then update the parent theme without losing your work.

Requirements

CSS / HTML knowledge is required to create your child theme. WordPress is programmed in PHP, you will have to have bases in this language to understand what you modify. To go further, knowledge in javascript and jQuery will also help you.

If you do not know any of these languages, just change the customization options for WP-Script theme 😉

Getting Started

Are you ready? Let’s go!

Step 1

Step 2

Make the changes you want! Yes, that’s as “easy” as that!

The structure of the child theme contains 3 files:

functions.php is the file in which you will add all the additional features of your child theme. The code already present is used to load the parent theme’s CSS style.

screenshot.png is simply the image used by WordPress in the theme activation menu.

style.css is the CSS style file in which you can add or override the style of WP-Script Tube Theme.

Important: Do not delete the code in comment already present. It is necessary for WordPress so that the child theme can work properly. You can modify all informations EXCEPT “Author” and “Template” because those informations are used in WP-Script Tube Theme.

Conclusion

You now have the basics to create your own child theme without destroying WP-Script Tube Theme. In addition, your work will remain in place despite updating WP-Script Tube Theme.

We will not go further in the technical side because it is not the purpose of this article. The goal here is not to teach you HTML, CSS, PHP or Javascript. You need to know these languages if you actually want to create your child theme based on WP-Script Theme.

If you want courses to learn these programming languages, do not hesitate to leave a comment to let us know.

5 thoughts on “2 Steps To Create Your WordPress Child Theme

  1. Hello,

    Is it possible to make the child theme works with the current main theme settings. Now when we activate the child theme we need to set all again this while menu and widget settings are taken from main theme settings.

    Also please can you explain me when you gusy going to solve the load of CSS that you include into the html. More thern 500 lines of css is not really SEO optimised.

    Thanks,

    Arik

  2. Hi again, after checking the child theme feature I realize that child theme overrides parent theme options scheme with defaults.

    I would like to suggest a “import parent options button” in child theme.

    Meanwhile, this query did the work for me (not deeply tested yet).

    /********************/
    SELECT option_value
    INTO @parent_options_value
    FROM wp_options
    WHERE option_name like ‘theme_mods_wp-script-theme’;

    UPDATE wp_options
    SET option_value = @parent_options_value
    WHERE option_name like ‘theme_mods_wp-script-child-theme’;
    /********************/

  3. Sigh… Ok … Firsr , sorry for my english, I hope understand, sencond I’m not wordpress expert but:

    – I tried new child theme feature on two different sites, when I insert customizations on child theme styles.css, nothing happens

    – I found that parent theme styles.css was loading instead, surprising when the file comments claims to avoid put css there beause it was not loaded:

    /*
    This file isn’t loaded by WordPress.
    Make your changes to assets/css/style.css
    */

    – so I check child theme functions.php and surprisely I found copypasted the simplest sample code of WordPress Child Theme Codex, c’mon…
    – should we put customization of child theme in parent style.css ???
    – wasn’t parent styles on assets folder ???
    – couldn’t take the cached enqueue code sample ?
    – the idea of demand child theme to developers is avoid to diggin the stack.

  4. Ok, finally I check that all parent styles are present on child theme so no needing of parent /styles.css so I take the fast way (probably there are more efficient or elegant methods). I recommend to replace child theme functions.php code with:

    add_action( ‘wp_enqueue_scripts’, ‘child_theme_enqueue_styles’ );
    function child_theme_enqueue_styles() {
    wp_enqueue_style( ‘child-style’, get_stylesheet_directory_uri() . ‘/style.css’ );

    }

    I still think this theme+grabber is amazing.

Leave a Reply

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

WP-Script,
The easiest way to create profitable adult sites.

Getting Started