• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

Startup Hero

The Official Blog Of Name Hero

Learn To Fly Above The Competition Get Started
  • HomeWelcome
  • CoursesVideo Training Center
  • About UsWhat is StartupHero?
  • BlogGet the latest
  • Start HereStartup 101
  • SpeakingPodcast & Media
  • ResourcesTools to help You
    • Reselling WordPress Hosting
    • Resell Hero
    • How To Start A Blog
  • NameHeroCloud Web Hosting

How to Create A Child Theme In WordPress (Even Without FTP)

By Bhagwad Park on June 28, 2018 2

How to Create A Child Theme In WordPress (Even Without FTP)

If you’re serious about maintaining a WordPress blog, then it’s essential that you know how to create a child theme and use one yourself. A child theme is merely an extension of an existing theme that you can modify safely. Why not modify the parent directly? Because theme developers release updates of their software regularly, which replaces all the files and folders. So any changes you make to say, the CSS of a theme will be overwritten as soon as the theme is updated.

To recap, you need a child theme because:

  1. You can make changes safely
  2. You won’t interfere with the intended functioning of the parent

If you don’t make any changes to a child theme and leave it “as is”, it will simply look exactly like the parent them. In this tutorial, I’ll show you how to create the child theme and install it on WordPress.

Step 1: What’s the Folder Name of your Parent Theme?

If you have FTP access to your WordPress installation, you can simply go to the following folder:

wp-content->themes

Here, you can get the name of the folder containing your existing them.

But what if you don’t have FTP access to the backend folders? In that case, refer to my previous tutorial on how to get the theme folder without FTP access. In my case, the name of the folder is “write” as shown here:

Get the WordPress Theme Folder without FTP Access

So now we’re going to create a child theme of using “write” as the parent.

Step 2: Create a New Folder on the Desktop with a “style.css” File

On your desktop, create a new folder with a name like “[parent-theme]-child“. Since my folder name as seen in Step 1 is “write”, I name my new folder “write-child”. Inside that folder, create a file and name it “style.css” as shown here:

New Folder with Style css

Note: Make sure you change the extension of the file name. It should be “style.css” and not “style.css.txt”!

Step 3: Import the Parent Theme into style.css

Open the empty style.css file that you created in Step 2. Now paste the following into it:

@import url("../[parentfoldername]/style.css");
/*
Theme Name: [Child Theme Name]
Template: [parentfodlername]
*/

There are two things you need to customize. Replace “[parentfodlername]” with the name of the theme folder you got in Step 1. And replace [Child Theme Name] with whatever name you want for the child theme. I personally just use the parent theme’s name followed by the words “Child Theme”. So my code looks like this:

@import url("../write/style.css");
/*
Theme Name: Write Child Theme
Template: write
*/

Now save style.css and we’re done. This is our child theme.

Step 4: Create a Compressed Zip File of the Folder

Now we need to compress the folder with the style.css inside it into a zip folder. To do this, simply right-click on the folder, go to “Send to -> Compressed (zipped) folder” as shown here:

Create a Compressed Zip File-min

This will create a compressed file with our folder inside it.

Step 5: Uploading the Child Theme to WordPress

Now go to the WordPress dashboard and click “Appearance->Themes”. Then click the “Add New” button at the top:

Add New Theme

The next screen will allow us to upload a file manually. Click “Upload Theme” as shown below:

Upload Theme and Install

Now use the “Choose File” button to select the zipped folder we created in step 4 and click “Install Now”.

This will begin the installation process of the child theme. If all goes well, you should get a message like this:

How to Create a Child Theme - Success!

As you can see, WordPress recognizes that we’re installing a child theme and verifies that the parent theme is already installed (not necessarily active). To activate the child theme, click “Activate” and you’re done.

You have successfully created a child theme using a parent theme as a template!

Bhagwad Park Profile Picture
Bhagwad Park

I’m a NameHero team member, and an expert on WordPress and web hosting. I’ve been in this industry since 2008. I’ve also developed apps on Android and have written extensive tutorials on managing Linux servers. You can contact me on my website WP-Tweaks.com!

Reader Interactions

Comments

  1. Fiona says

    January 30, 2020 at 5:28 pm

    I’m trying to make a child theme to edit the footer but I get the following message:
    The following themes are installed but incomplete.

    Name Description
    [Ashe Child Theme]\ The parent theme is missing. Please install the “[Ashe]\” parent theme

    What can I do to trouble shoot? I am using the ashe theme and it is currently installed so I’m not sure what the message is referring to.
    THANK YOU!

    Reply
    • Bhagwad Park says

      February 3, 2020 at 1:13 pm

      Are you sure you used the correct “parentfoldername” in the code above?

      Reply

Leave a Reply Cancel reply

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

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Primary Sidebar

Connect With Us!

Superhero Resources

Fix Common Issues

  • How To Setup Free And Automatic SSL Certificates
  • How To Setup Cloudflare With Railgun
  • How To Fix Memory Exhausted Errors In WordPress
  • How To Edit PHP Version/Upload Limit/Add Extensions
  • How To Move/Migrate Your Business To Name Hero

Free Guides

  • How To Setup NameHero Hosting
  • How To Create A Web Hosting Business With WordPress
  • How To Start A WordPress Blog
  • How To Migrate WordPress To A VPS
  • How To Speed Test And Optimize Your WordPress Website
  • Magento 2.X Installation Guide
  • How To Clean Up A WordPress Hack

Training

Recent Posts

  • QUIC.cloud Has New Security Features
  • Why I Don’t Use AWS S3 For Website Backups
  • How To Add A “Vary: Accept-Encoding” Header To Apache
  • Managed vs Unmanaged VPS: The NameHero Difference
  • Why I Don’t Use Jetpack Backup
  • How To Share A Post Draft In WordPress
Subscribe in a reader
  • Web Hosting
  • WordPress Hosting
  • Reseller Hosting
  • VPS Hosting
  • Twitter
  • Facebook
  • LinkedIn
  • YouTube
  • FTC Disclosure
  • Earnings Disclosure
  • Privacy Policy

Copyright © 2022 · Smart Passive Income Pro on Genesis Framework · WordPress · Log in