Hello all, today I want to share with you how to update the WordPress themes from ThemeForest, more concretely our Experience Theme and the advantages of creating Child Themes or how to do it.

Probably if you are reading this post you’d have a theme from ThemeForest, or even our Experience theme; and you would need to update your theme. So, in this post you’ll find the process to update the theme, what are the child themes, the advantages of using them and how to create them.

Laptop with programming code

Updating your Themeforest theme

There are some differences when you update your theme from the repository of WordPress and the themes from Themeforest. The firsts ones, I guess that you already know is just click the button update and WordPress will do the rest. But, the second ones, are a little bit more laborious or even scary :). The process for both are the same, you should remove the existing theme and add the same one with the new version, but in the first ones WordPress do this for us and in the second ones is our work.

So, the unique process to update the Experience theme is removing the existing Experience theme in your Dashboard and install the new Experience theme. But don’t worry, all the content, settings and options won’t be removed.

But, what happens with my theme update if I have changed the code? Exactly, here comes the problem. If you haven’t created any Child Theme of your theme and you have made any change in the code, these changes are going to disappear when you update your theme. That’s why we always recommend creating a Child Theme.

Child themes

What is a Child Theme?

As we explain before and the WordPress Codex explains in its website, the Child Theme is a WordPress theme that depends of a Parent Theme, in our case Experience Theme, and inherits all the functionalities of it. So, if we have the intention of making changes in the code of our theme you can create this Child Theme to add the changes you want to it and avoid future updating issues in the Parent Theme.

Don’t worry, this is going to be very easy ;).

Similar doors with different colors

Creating our Experience Child Theme step by step

Step 1: creating the folder and necessary files

The Child Themes work as a WordPress Theme so the first step will be creating a folder in the Themes directory of your WordPress (wp-content > themes) and inside of it the file style.css.

In our case, go to wp-content > themes and create a folder called experience-child. Now inside of that folder create the file style.css.

Step 2: style.css

The style.css file or child theme’s stylesheet is very important for the correct functioning of your Child Theme, as it will tell WordPress which is the Parent Theme of it.

The first content to add to the style.css file is the header, in the case of Experience Theme the following information:

/*  

Theme Name: Experience Child

Description: A Child Theme of Experience

Template: experience

*/

 

Now you can install your Experience Child Theme from your Dashboard of WordPress, once it’s installed if you open your site you’ll notice that it’s the same as Experience Theme, but you can now override in your style.css of your Child Theme the styles you want.

Step 3: overriding existing templates

If you want to modify also some pages, templates, even the header.php or footer.php you can also do it with the Child Theme, you just have to create the file in you Child Theme folder in the same path as the file is in the Parent Theme.

For example, in the Experience Child Theme, if we would like to change the footer adding social link at the bottom we’d create the footer.php in the path wp-content > themes > experience-child with the same content but with the social links and icons in the place of the code we wanted.

Step 4: creating more templates

But, the Child Themes doesn’t finish here. You can also create more templates if you don’t like the current ones you have. For doing that, you should follow the normal process to create a normal template of WordPress explained here.

Conclusion

I hope this Post helps you in the process of updating the Experience Theme and gives you the tools to modify the parts you need more specialized in the theme. Besides, I hope it helps you in future themes installations and implementations. And, if you have used Child Themes in your projects, please share your experience in the comments below ;).

Do you like it? Share!

Tags

What do you think?


Fields marked (*) are reguired.


*