How to create a child theme in wordpress

Theme in wordpress

WordPress is a content management system (CMS) that allows you to create and maintain a blog or other type of web.

Theme in wordpress

With almost 10 years of existence and more than a thousand themes (templates) available on its official website, it is not only a simple and intuitive system to create a personal blog, but also allows all kinds of more complex websites.

WordPress is an ideal system for a regularly updated website. If you write content with certain frequency, when someone accesses the website, you can find all those contents ordered chronologically (first the most recent and finally the oldest).

It is the ideal system for beginners, or for those who do not have much technical knowledge.

WordPress has a system of plugins, which allow you to extend the capabilities of WordPress, thus achieving a more flexible CMS.

What can I do with WordPress?

Many times WordPress is associated with a tool that only serves to make blogs. This is not correct: with WordPress we can make a blog and much more: business websites, online stores, digital newspaper, central reservations, etc.. Here are some of the things we can create with this content manager.

Blog

It’s his best-known function. WordPress incorporates, in its default installation all the typical functionalities of a blog: show articles in blog format, option to add comments to entries, possibility to organize articles by categories or tags, etc…

You can also add on the web various modules, called widgets in WordPress, habitual blogs: list of categories of the blog, list of tags, search engine, list of most read articles, list of last comments, etc..

With all this, it can be said that WordPress is possibly the best tool to create a blog, all the more so if we take into account its simplicity of use.

To make children in a language that we do not understand (style, css, php, html…etc…etc…) not always fertile at first, and although it seems an obsolete subject and the beginning of time, the incarnation does not occur in a simple way the first day you start to try, death of fear you are going to carry something important that has no return.

So I’m going to tell everyone that one day like me, they will have to fight with their control panel, their style sheet, their “theme appearance”, the tutorials in English, and the Chinese or html, how to make a “child theme” on the old one’s account.

To summarize the concept, it’s about making a copy identical to the main theme, and then customizing it, and learning at least in principle to change the colors, so that your page is not identical to all the websites that have installed the same template as you.

This way when an update to your template arrives, the changes you’ve thrown hours at yourself don’t go to waste by hitting the panic button: “update”. Because if you do, you will have to start over each time the version of your template adds a dot to its surname: 1.1.4 – 1.2.7 – 1.4.0…

Let’s go in order:

Step 1: Control Panel

Access the control panel of the server where your page is hosted.

Within the directory: httpdocs/, follow this path: wp-contents – wp-themes. (this folder is where all templates are stored).

And there create a new folder, or directory, with the name you will give to your custom template:

Step 2: Style Sheet

Once you have created your new folder with your name, you will need a style sheet (a file: style.css).

To avoid complications of programs that read it without destroying it if you download it to your computer to modify it, it is best to copy the parent theme into the new folder you have created.

You look for the style.css file inside the parent or main theme folder, the marks, and tell the panel that you are going to make a copy to another directory (the folder of the child theme you created).

You already have: the folder of your new template, and the style sheet that you are going to customize.

Step 3: Import main theme into style sheet

From now on you will be able to make all the changes you want in your new style sheet. But you have one small step left before: you have to tell this style sheet where all the skills of your new template will come from.

Here’s how:

You open the new style sheet that you have created inside the new directory or new template and modify some lines of the code:

o Theme Name: you replace the father’s name with the son’s name (the same as in the folder you created).

o Description: directions for you to recognize it

o Template: the folder name of the parent template

o Indications: where will bring the main style sheets that you are going to modify next:

@import url(‘../name of the folder that saves the stylesheet/style.css’);

In our case it appears as a directory, because the style sheet is not inside the main folder of the theme, but in a lower one.

@import url(‘../BresponZive-Pro/bresponzive_pro/style.css’);

But if you do well, copy this code and replace what corresponds (yellow):

/*

Theme Name: My Theme Son 

Theme URI: <font color=#38B0DE>-=http://demo.themepacific.com/bresponzive/=- Proudly Presents 

Version: 3.3 

Description: My Theme Son of BresponZive Pro 

Author: ThemePacific 

Author URI: http://themepacific.com 

Template: BresponZive-Pro/bresponzive_pro 

*/ 

@import url(“../BresponZive-Pro/bresponzive_pro/style.css”); 

/*—————– Here begins your personalization ——————*/

Important:

  • The template name (Template) may not appear in the parent’s style sheet (it’s inside the parent theme folders, so indicate it using dashes in the middle (primary folder) or under (folder inside primary folder) depending on where it is).
  • If the folder name has more than one word, you must separate the words with a hyphen -.
  • If the parent theme has several style sheets, import them all and avoid complications.
  • The customizations will be made on this style sheet, replacing what we want to change, for example the colors or typographies. If we knew html we would not need to keep it as it is, but we would write directly in code only the modifications that will be made on the style sheet of the father from whom it inherits all the style (css).

Step 4: Check that it works

Go back to the panel of your wordpress desktop and in appearance: THEMES should appear the child theme that you have created

Check that everything is there, and if it is, you can activate it.

Remember to make all your customizations in the new style sheet that you have created and which you can easily access from your own wordpress editor.

If you lose your fear by practicing with the style sheet, you can try modifying template files (.php files), in the same way that you copied the style sheet of the parent theme into the child theme folder, copies the php file into the child theme folder following the same tree structure in which it is stored in the parent folder…and customize!

According to Frekipedia, the old woman’s account can be used to make all kinds of accounts. Actually, there’s a lot of different old lady accounts. The essential requirement is never, ever, to use variables, letters, dots or ho*&%$s.

Oh, and no skipping steps, which then makes one wrong. Number by number, and slowly.

However, if in any step I have skipped something, do not worry, that this way of having children is the manual, and fortunately we have another automatic much easier and in which to hit the button: Generate Child Theme, sure that you do not panic.

You may be interested:

How to make a free website for my business 

How to create a connection to Remote Desktop in Windows 

What are the best applications for bloggers 

Remove the source code from an APK file