WP Child Themes

WordPress child themes are really simple to make, but I’ve noticed most tutorials are more complicated then they need to be.

All you need are two files in a folder: style.css + functions.php

Style.css

Replace Template: twentyseventeen with the name of your parent theme (it will be the folder name):

folders
folders

function.php

If you notice the formatting / CSS isn’t working, check the path to your Parents CSS '/style.css'

You can include a theme image by adding an image with the name “screenshot.png” in the root folder.

wp
When you are all done, it should look like this

If you are lazy like me, here are the downloadable files.

screenshot
screenshot.png

Lastly, don’t forget to activate your new child theme.

Isaac Adams-Hands

Full Stack Developer, Digital Marketer, and InfoSec enthusiast. He received his Bachelor’s Degree from the University of Western Sydney and his Business Diploma from Georgian College before joining various marketing positions in search portals, e-commerce, higher education, and addiction recovery services.

Follow @ twitter

Related posts

CSS order

Here is how to load a WordPress child theme’s CSS after the parent theme’s CSS. The trick here is to add a 1 to the add_action script, illustrated below Functions.php Find and edit this little bit of code in the Functions.php file: This way your Parent’s CSS loads first, and your Child theme will load… Read More

Website Design; the Process

The web industry is, perhaps, is the most evolving industries by nature. Designers have to keep up with new and emerging trends and advancements so that they can make sure that the website they create is one that serves the brand, the customers, and something that outperforms the competition. While some view it as a… Read More