You are here
HOW TO CREATE A CHILD THEME FOR WORDPRESS EFFECTIVELY WordPress 

HOW TO CREATE A CHILD THEME FOR WORDPRESS EFFECTIVELY

Are you searching for creating a child themes for your WordPress website, because it is the greatest way to customize WordPress themes properties, Like, header, footer, themes colour, font size and more . . ., In this article, I will show you how to create a child theme in WordPress, but before I start you need to know some basic terms about WordPress child theme.

WHAT IS CHILD THEME?

A child theme is a theme that derive the functionality, Properties and styling of another theme, called the parent theme. You can customize the child theme without affecting the parent theme.

WHY NEED OF CHILD THEME?

There are some reasons why we use child theme

  • When new version of theme updated then you lost your  theme setting and styling, but they did not affect the child theme so you can preserve your settings and style by creating child theme.
  • You can increase the development time.
  • It is great way to learn WordPress Themes development.

Basic thing you should know like understanding of CSS and HTML, knowledge of PHP would help.

HOW TO CREATE CHILD THEME

You need to create 1 directory, 1 files (Style.css)

You can use any WordPress theme as a parent theme for your website, but I recommend that you should use default theme like Twenty Sixteen.

Creating Child Theme Directory

Initially you have login into your WordPress website via your chosen FTP client, of File Manager, navigate to “/wp-content/themes/” / in your WordPress installation folder and create a new folder or directory for your child theme. You can name it whatever you want but name should be meaningful that would help you to understand the difference between parent theme and child theme like Twenty-Sixteen-Child-Theme.

Create child themes directory

Enter the name of child theme and click OK button, your directory will be created.

child theme name

child theme directory name

Once directory is created, it’s time to create style.css.

You will need to place some source code to this directory, there are 2 options through which you can put the code to the child theme directory, so 1st open up your favorite text editor like notepad++ and paste the following code into a blank file and save as style.css. Upload the CSS file to the child theme directory either by FPT or File Manager.

Note: @import url (“../twentysixteen/style.css”); this code inherits the style properties of parent theme style.

child theme css

2nd option is the go to child theme directory via FTP client and create new file, give the name of file is style.css and click OK. Your css file is created now open the file and insert the code above and save it.

Your css file will looks like below image

create new file

style.css file

Now’s it’s done, you only need to do is activate the theme using admin panel. Since I haven’t changed anything in child theme yet, your site will use all functionality and appearance of its parent theme.

css file on server

ACTIVATE THE CHILD THEME

 

create a child theme for WordPress

Now you can customize your newly created child theme css file,  for that you need to know basics of css, once you ready. you would be fully control of your theme styling.a

The following two tabs change content below.
Ratnesh has been a technology writer for 3 years, a creative and kinesthetic thinker, Tech Maven, Web Developer, ambivert, blogger, technology enthusiast. A shy geek that’s approximately me. Want to know more about me, in my spare time, I like to break all word records.

Related posts

Leave a Comment