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:
- Go to Appearance > Themes in your WordPress dashboard.
- 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:
- ADOT Theme Installation: A Step-by-Step Video Tutorial
- Install and Set up the FundPress plugin
- How To Submit A ThimPress Support Ticket
- How To Disable The Demo Slider Images
- Active Included Premium Plugins: What You Need to Know
- How to Back Up Your WordPress Site: 3+ Simple Methods
- How To Submit A ThimPress Support Ticket
- How to Create a ThimPress Account and Access Support?
- How to Deregister and Reactivate Your ThimPress License?
- How To Enable Register Button In WordPress
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