HOW TO CREATE A WORDPRESS CHILD THEME | WP99Themes.com

HOW TO CREATE A WORDPRESS CHILD THEME | WP99Themes.com

WORDPRESS CHILD THEME

Using WordPress child theme which was the most reliable way to customize your WordPress theme or web-development. Because your customization will be saved in a separate circular and it will not be missed when you update the new theme.

HOW TO CREATE A WORDPRESS CHILD THEME | WP99Themes.com
HOW TO CREATE A WORDPRESS CHILD THEME | WP99Themes.com

What is WordPress Child Theme?

The child theme is the reflector image of a theme. Whatever changes that you obtain to that reflection directions not affect the primary or origin theme. Simply if the parent theme performs any changes it will be noticeable in your development of child theme.

Why you should be using WordPress Child Themes?

Here, Using WordPress child themes which were to change the theme where one of the safest and suggested ways. If you change or update your parents’ themes it will not be deleted. Another advantage of this theme was to return to your parent theme if your child theme alteration creates issues you can always deactivate the child theme.

To Set-Up Your WordPress Child Theme

  •  Creating a WordPress Child Theme Manually
  •  Creating a WordPress Child Theme Using Plugin

Terms:

Secure about the parent theme is present in the Exhibition -> Themes page, unless, it will not operate.

To Set-Up Your WordPress Child Theme

Creating a Child Theme Manually Step By Step

  • Create a folder and name it anything that you like. Example: optimizer-child
  • Create a folder name style.css
  • Open the style.css and write the below data.
/*
Theme Name: Optimizer Child
Template: optimizer
*/
  •  Also, generate a file titled functions.php and paste the following code to carry the parent themes style.
<?php
add_action( ‘wp_enqueue_scripts’, ‘enqueue_child_theme_styles’, PHP_INT_MAX);
function enqueue_child_theme_styles() {
wp_enqueue_style( ‘parent-style’, get_template_directory_uri().‘/style.css’ );
}
?>
  • Then after zipping the folder and update it via Appearance -> Themes -> & Add New
  • Animate or Activate your child’s theme.

Create a Child Theme Using Plugin

 

If you considered jumping through these hoops you can use free WordPress plugins to do that for you. There are a lot of free plugins that let you create a child theme easily. Example: Child Theme Configurator, One-Click Child Theme, Child Theme Creator by Orbisius, and soon.
In this article, we will see how to create a child theme using the One-Click Child Theme plugin.

Now you must have to follow the below steps by instructions to get it configured.

Theme plugin
Theme plugin With WP99Themes.com
  • Download One-Click Child Theme plugin
  • Log in to the admin area of your site (http://yoursite.com/wp-login.php)
  • Go to Plugins -> Add New
  • Click on Upload plugin to upload the plugin, then click on Activate plugin
  • Now go to Appearance -> Themes, make sure the theme you wish to create a child theme for is activated. (For example: if you wish to create a child theme of twenty sixteen make sure twenty sixteen is activated.)
  • Click on the theme thumbnail, then click on Child Theme
  • After clicking that, you will be taken to the child theme configuration page. Write the Theme name, Description and author field.
  • Click on Create Child
  • Now your child theme is ready and activated.

editing other template files

Editing Other Template Files

If you require to continue any custom functions to your WordPress child theme, then you have to write them in your WordPress child themes functions.php. You can even make any structural or design changes of your parent theme using a child theme.
Let us go through this step by step
For example, you have designed a child theme of Twenty Sixteen Theme. Now you want to change how a single page is displayed in Twenty Sixteen. The single page is located at twentysixteen / template-parts / content-single.php

  • Create a content-single.php in your child theme folder. But ensure it will overwrite the parent theme we have to follow the exact file name & structure.
  • Create a folder and place the file inside that folder. Make sure the path looks exactly like the parent theme.
  1. Parent Theme: twenty-sixteen / template-parts / content-single.php
  2. Child Theme: twenty-sixteen-child / template-parts / content-single.php
  • Now you can write your code in the content-single.php and it will overwrite parent file

Using this method you can edit and overwrite any template of the parent theme. You just have to make sure the file name and folder path are identical.

 

Customizing WordPress Theme without creating a Child Theme

If the changes you are making to the theme don’t require editing the parent themes code, you can try this method to modify.

 

Modifying Your Theme’s CSS

If the changes you are making are only affecting the CSS and you are not altering any HTML or PHP code of the theme, it’s better to use just a custom CSS plugin. There are lots of plugins that let you add CSS to your theme without going through the hassle of creating a WordPress child theme. To built-in premium WordPress theme, most of them have modified custom CSS option and if your theme plugin doesn’t have any custom CSS choice, you can try using this plugin.

Step-1: Simple Custom CSS

Step-2: WP Add Custom CSS

Step-3: TJ Custom CSS

Step-4: Jetpack Custom CSS

Adding Custom Function To Your Theme

Using a custom function would an effective choice if you are adding only a function or need to eliminate or attach to a hook. The following plugin will let you add a custom PHP function to your theme.

  • Custom Functions

Custom Javascript

Most of the premium WordPress theme now provides a custom JavaScript filed to add javascript on either footer or header. If your WordPress-theme doesn’t have this kind of feature you can try this plugin to attach custom jQuery.

  1. Header and Footer Scripts
  2. Scripts and Styles
  3. Custom JavaScript Editor

Managing WordPress child themes to adjust the theme that should be our first choice when it comes to customizing a theme. That’s why you can save yourself immediate change reset mishaps.

Leave a Reply

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