Theme development may seem dominant, but sub themes are easy to set up and are much faster than developing themes from scratch. This post will share details about the word press subtheme and how to create and customize it efficiently. What is the WordPress sub theme? Before defining what is the WordPress sub theme, first understand what the WordPress theme is. It is very important for WordPress to obtain information to show the location of the website design. WordPress Codex said: \
If a WordPress site has a single active topic that contains all the required templates and assets, there is no distinction between parent and child topics. Topics can be found in WordPress Theme Directory or third-party theme suppliers. However, if you decide that you really like the theme you find, but do not want to create the theme from scratch, but want to make some changes, you can create a word press sub theme for this purpose. The sub theme inherits the structure of the original theme and contains only custom items. Subtopics modify or add files to existing themes instead of completely replacing themes.
This will load the original theme design when loading the site for visitors, but the changes will be applied. Children in the real world depend on at least one parent for their lives. Similarly, sub themes depend on the original theme. Therefore, when using sub themes, the original theme is called the parent theme. Different from human children, children’s theme itself is not a complete theme. That is, the parent theme must be installed to activate the sub theme. Perfect children’s theme and usage time. All themes can be parent themes, but some are more suitable for parent themes.
You can select the desired theme and use several smaller structured customizations as needed, but there is no option to perform the desired customization immediately. For example, the perfect magazine theme not only changes some colors of the design, but also serves as a parent theme to create a new sliner sub theme that removes advertising banners when adding a blog post carcell at the top of the page. Such customization is not available in the options in perfect magazine, but it is not large enough to create a completely new theme from scratch.
Perfect magazine (left) is the top theme of newsliner (right). Why create a sub theme? The WordPress child theme is important for saving and maintaining all tasks in your site. If you modify the theme directly and then update to the new software distribution, all modifications and customizations will be lost. As a result, many site owners choose not to update the parent theme at all. However, 54% of WordPress websites invaded by hackers have serious security problems, because hackers and malware often have old software running search.
In addition, updates often include vulnerability fixes, so if updates are ignored, the site may be attacked. Alternatively, you can create subtopics to avoid these pitfalls. As mentioned earlier, using WordPress subthemes can also speed up development. The required elements of the file system and site have been set up and do not need to start from scratch. You can build and customize designs based on existing themes while taking advantage of functionality. Starting a WordPress sub theme requires several key elements to create a sub theme.
Theme directory folder style. CSS file funct
ions. The only file required for the PHP file subtopic is style. CSS, but to queue the parent theme style sheet correctly, use functions. PHP files are required. Therefore, to prevent errors, you can use functions in subtopics. It is recommended to create a PHP file. Create a WordPress subtheme. When creating a WordPress subtheme, there are four steps described in detail below. Create catalog folders, create style sheets, add new style sheets to the parent style sheet queue, activate themes. All themes that create the catalog folder are located in the \/ WP content \/ themes \/ folder of the word press installation.
Navigate to the appropriate directory and create a new folder to use as a sub theme folder. Typically, the theme is renamed with the name of the parent theme, but – child is added at the end. For example, the two file paths are \/ WP content \/ themes \/ yourtheme \/ and \/ WP content \/ themes \/ yourtheme child \/. In addition, the name of a subtopic cannot have spaces. This is not a difficult and shortcut rule for naming folders, but it is usually the development method of word press, which is helpful for configuration, especially when themes are not distributed for public.
Stylesheets create word press subtopics, which are often used for quite a wide range of design editing, so a separate style is required. CSS is required. The file contains all CSS rules and declarations that affect the appearance of the theme. Style is in the root of the new subtopics folder. Create CSS file. Enter the following title at the top of the page:\/*
Subject name: 27 children
Subject URI: http:\/\/example.com\/twenty-seventeen-child\/
Description: Twenty seven child theme
Introduction to the author
Author URI: http:\/\/example.com
Template: 27
Version: 1.0.0
License: GNU Public License V2 or later
License URI: http:\/\/www.gnu.org\/licenses\/gpl-2.0.html
Labels: light, dark, 2 columns, right column, reactive layout, accessibility preparation
Text field: 27 children
*\/
The title is an important part of the document because it tells word press the basic details of the topic. It also represents the subtheme of a particular parent, as shown in the template section.
The only requirements for titles are subject names and templates. But it’s best to fill in the rest. You must also change all required details to ensure they are correct. For example, if the creator and creator URI are different from the parent theme being used, it is a reference to twenty seven. The tag section is related to the word press theme directory. To upload a topic in it, you must select a tag related to the topic. After adding the parent theme style sheet and sub theme style sheet to the queue, it is important to ensure that the style sheet for each theme is loaded correctly in the process called queue.
Add an item or list of items to the queue to process the data. In this case, the queue is a file loaded from the web site when requested by the browser. If you skip the queue, the site imports only from the sub theme style sheet and does not use the styles provided by the parent theme@ Use the import method to the parent style. It is also important to note that CSS can be queued. However, due to performance problems, it is no longer recommended. Function to put the style sheet on the queue. If you have not already created a PHP file, you must create it. Create a new file and name the function. Specify with PHP. then. Put this code at the top& lt;? php
Do not include spaces before the line above. Otherwise, an error will occur
。 functions. Add the following code to the PHP file to make the site the parent style. CSS and sub theme style. Make sure the CSS is loaded correctly in the correct order. add_action( ‘wp_enqueue_scripts’, ‘my_theme_enqueue_styles’ );
Function my_themes_enqueue_styles(){
$parent\/\/ \
wp_enqueue_style( $parent_style, get_template_directory_uri() . ‘\/ style. css’ );
Wp_enqueue_style (\
get_stylesheet_directory_uri() . ‘\/ style css’,
Array ($parent_style),
wp_get_theme()-> Get (\
);
}
?& gt;
The parent style stored in the $parent style variable must be changed to include the theme name. As WordPress Codex suggests, this code is the parent style. Make sure that CSS is loaded in a dependency relationship. That is, the style of the sub theme. CSS loading is required. Activate the sub theme. After saving all the files, navigate to shape > theme, locate the sub theme, and then click the activate button. There is also no need to activate the parent theme. However, it must still be installed in the \/ WP content \/ themes \/ folder. The style of the subtheme. The title text in CSS links the two topics together and defines the relationship between word press installation. When you activate a sub theme, the parent theme should remain in the theme folder. After activating the sub theme, if there is a problem with the design, you may need to resave the menu in the shape > menu and resave other content in the theme options of the customization program. Before starting the quick custom tip development process, here are some tips for customizing the word press sub theme. Theme image shape > Theme page must contain a unique image of the theme. Screenshot, if you want to insert something instead of a check box. 880x660png image file named PNG can be uploaded. Place the image in the root of the subtopics folder. In this way, you will find that word press installation uses it as the image of the theme. To overwrite an old component by inserting a new file in the parent theme file over WordPress sub theme, you can copy the parent file to the sub theme and customize it. When the site is loaded, WordPress checks whether the sub theme contains files corresponding to the parent theme. If found, redefine the file in the original parent theme. It doesn’t take up villages, and creating word press sub themes doesn’t have to be as complex as you hear. Please rest assured that the content edited according to the above steps will remain unchanged. This also helps to better protect the site. What kind of children’s theme do you want to do? Have you created it successfully? Are there any difficulties in this process? Share your experience in the comments below.
