Create a child theme for WordPress
Sometimes, you may want to modify a WordPress theme. The best practice for modifying a theme's style and functionality is through a child theme to prevent your changes from being lost when performing updates.
- Connect to your hosting with FTP
- Navigate to the wp-content/themes directory for your WordPress site.
- Create your child theme directory. The following is a common naming convention for child themes: <parent>-child, where <parent> is the name of your parent theme.
- Navigate into the child theme directory and create a style.css file.
- In the style.css file, add a stylesheet header, which contains metadata about your theme. The following is an example that you can use from a Twenty Fifteen child theme:
/* Theme Name: Twenty Fifteen Child Theme URI: http://example.com/twenty-fifteen-child/ Description: Twenty Fifteen Child Theme Author: John Doe Author URI: http://example.com Template: twentyfifteen 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: twenty-fifteen-child */
Make sure to replace the information in the example with the information relative to your theme.
- Save the style.css file.
- Now create a functions.php file. This will contain PHP functions specific to your child theme.
- After creating the functions.php file, you will need to enqueue the styles and scripts from your parent theme into your child theme.
- Open the functions.php file
- Add a function that will be used to enqueue styles and scripts from your parent theme. Below is an example.
<?php add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_styles' ); function my_theme_enqueue_styles() { wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' ); } ?>