How To Create A WordPress Child Theme

I’m working on a WordPress project that requires customizing a theme. I am using a theme called HireBee. Anytime you are modifying a WordPress theme it’s recommended you create a child theme. Creating a child theme from the parent theme will save your customization while still getting updates from your parent theme.

Step 1

Access the cPanel and go to File Manager

bluhost-file-manager

Go to the public_html folder / wp-content / themes

wp-content:themes

Step 2 

In the themes folder add a new file.

cpanel-new-fileIn the upper left corner, there is a toolbar with different options.  Click on the icon called New File. Create a new file and name it styles.css.

cpanel-styles.png

Step 3

Open your styles.css file and add this information to your file.  In this example, my parent theme is called Hirebee. I am creating a child theme called Hireebee Child.


/*
Theme Name: Hirebee Child
Theme URI: https://www.appthemes.com/themes/hirebee/
Description: Hirebee Child Theme
Author: ToAnh Tran
Author URI: http://toanhtran.com
Template: hirebee
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
Text Domain: hirebee-child
*/

Change lines 2-7 and line 12 to reflect your information.

child-theme-style-file

Step 4

If you want to add any addition features may want to add a functions.php file. I’m creating a functions.php file to pull the css styling from the parent theme. I specifically pulling a file called modern.css from the parent styles folder. Reference the WordPress Codex on how to enqueue the parent and child theme stylesheets

Screen Shot 2017-05-13 at 9.36.01 AM

Step 5

The last step is to add a screenshot of your theme. A screenshot is recommended to be no larger than 1200 X 900. Upload your screenshot to your child theme folder.

After you have completed this step your child theme folder should look like this.

Screen Shot 2017-05-13 at 9.13.29 AM

When you go to your WordPress Dashboard your new child theme will be shown.

Screen Shot 2017-05-13 at 9.18.44 AM.png

Resource:

WordPress Codex Child Theme

 

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s