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

2 thoughts on “How To Create A WordPress Child Theme

  1. Hi,
    I am also using HireBee child theme. I want some extra fields in project post and user profile section but facing difficulty to add these fields to the database. Please help me

    Thanks

    Like

    1. We couldn’t get the Hirebee functionality to work. We ran into so many problems and it became a disaster to work with. We had to scrap it and go with another theme. I’m sorry you are having trouble with it as well 😦

      Like

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