Create A Child Theme in Squareroot: Step-by-step Guide

Learn how to safely customize your Squareroot WordPress theme with a child theme. This step-by-step guide by ThimPress will walk you through the process, ensuring you can make changes without affecting the original theme files.

Here is a step-by-step to create Squareroot child theme:

Create style.css and functions.php

Navigate to the root directory of your WordPress installation. Within the “wp-content” folder, locate the “themes” folder. Inside “themes”, create a new folder for your child theme.

A common naming convention is to use the parent theme name followed by “-child,” so in this case, name the folder “squareroot-child”.

Within your new theme folder, create two files called style.css and functions.php.

Filling in the information of each file as below:

In style.css file

/*
Theme Name: Squareroot Child
Template: squareroot
Author: DONG-IT
Version: 1.0.0
Updated: 2015-05-14 03:07:14
*/

The most crucial part of this file is the “Template” field, which must match the name of your parent theme. In our case, the parent theme’s folder is named “squareroot”. Feel free to fill in the other information as you see fit.

In functions.php file

<?php
if ( !defined( 'ABSPATH' ) ) exit; 
if ( !function_exists( 'thim_child_css' ) ):
    function thim_child_css() {
        wp_enqueue_style( 'thim_child', get_stylesheet_uri() ); 
    }
endif;
add_action( 'wp_enqueue_scripts', 'thim_child_css', 999 );
?>

Activate Your Child Theme in Squareroot

To activate your child theme:

  1. Go to Appearance > Themes in your WordPress dashboard.
  2. Locate the “Squareroot-child” theme and click the “Activate” button.

Your child theme is now active!

Important:

After activating the Squareroot child theme, you may need to re-save the following:

  • Menus: Go to Appearance > Menus.
  • Theme Options: This includes background and header images, and any other settings specific to your theme.

Your website is now using the Squareroot child theme, allowing you to customize its appearance and functionality without affecting the original parent theme.

Learn More from ThimPress Knowledge Base Articles:

Contact US | ThimPress:

Website: https://thimpress.com/

Fanpage: https://www.facebook.com/ThimPress

YouTube: https://www.youtube.com/c/ThimPressDesign

Twitter (X): https://twitter.com/thimpress

Home Plugins Themes Cart