Elegant Themes Child Theme

Stylish themes Children's theme

Create a new folder within the topic folder and give it the name "divi-child". You should find your theme folder in /wp-content/themes/. In the /themes/ folder, create a new folder and name it "Yourtheme-child".

Creating a Child Theme and Why to Use One

You can be a little worried about how to make a child design when customizing the design key. Subordinate themes allow you to make changes without affecting the initial theme coding, making it simple to refresh your higher-level theme without deleting your changes. If you are designing a child design, you are designing a seperate collection of design customization tools that allow you to modify the design without affecting the initial design.

This not only makes upgrading easy, but also ensures that you will never spoil your initial design because you never actually change the file. At any time you can deactivate your child topic and revert to theorem. For this example, we will create a sub-theme for our Divi theme.

First, we need to make a new directory for your child's theme. In your new topic directory, make a filename named Style. Choose Custom and fill in the information as described below. Name, URI, title and writer are entirely up to you. Make sure that the Template: paramter properly recognizes the name of your higher-level theme.

When you use a different design, change the value accordingly. Next, queue your style sheets for top-level and sub-level topics. That is, the child theme's style sheet is used to generate styles in additional to (or above) the child theme. To do this, we need to add another filename to the home directory of the child topic directory.

Rename the filename function. rename your filename to your own name. rename to your own name and then insert the following source into your file. _style = 'parentstyle'; wp_enqueue_style( $parent_style, get_template_directory_uri() . styles. css') ; wp_enqueue_style('child-style', get_stylesheet_directory_uri() . In order to prevent unnecessary duplicate loads of a spreadsheet (and slow down the download time), you must ensure that the'parent-style' day (or $handle) is substituted by the same day used by your superior design to call wp_enqueue_style().

In order to find it, you can open the features of your superordinate theme. Php archive (located in the home directory of the superordinate theme folder) and look for the call wp_enqueue_style(). Because in this example we are building a child theme for the theme named divi, you need to substitute the tags'parent-style' for'divi-style', because if you are looking for the tags used in a function, you will find Divi's sub theme named php well: Divi's sub theme named divi (the child theme):

The contents of the directory should now look like this: $parent_style = 'divi-style'; wp_enqueue_style( $parent_style, get_template_directory_uri() . styles. css') ; wp_enqueue_style('child-style', get_stylesheet_directory_uri() . For another example, if you are building a child design for the TWENTyseventeen theme, you would substitute the'parentstyle' day with'twentyseventeen-style', because if you are looking for the day used by the child design, you will see this:

Every topic will be different, so make sure this tags name is accurate. Once you've finished creating your subfolder, styles, customization, styles, customization, CSS files and features, you can start your new subfolder files and start it. Subtitle design submission and activation is no different from a regular design, just submit it to the Appearances > Themes page in your WordPress Dashboard and enable it.

Ensure that your superior design is also submitted (in the case of our example, the Divi design). In order to generate a miniature view for your child theme, you can generate an 880×660 picture and attach it to the home directory of your child theme. Be sure to name your picture filename. This will let you know how to use this particular picture in your document.

Now we have our Divi-Kind-Theme prepared and up-loaded. Since we only imported the native theme's style sheet, the design will look exactly like the native one. In order to change the style of your design, you can make any changes to the style sheet of your child design after the style sheet headers.

Added all new stylesheet information after the stylesheet information of the initial design was uploaded. Since our new style sheet is below the originals in the files, all new style sheets will replace the originals. Let us assume, for example, that we want to modify the type size of the "price tag" on the homepage of our topic.

Let's append the appropriate css to our foxy-child/style.css as follows: The following is a list of the styles that can be used: As soon as this modification is added, the CSS will overwrite the sub theme styles. bss files overwrite the originals. Function. The location where the major features of a theme are usually located. The features of a higher-level theme are always load with the lower-level theme, but if you need to include more customized features in your theme, you can do so by adding a new feature. pdf in your lower-level theme directory.

This will load the new features directly before the features of the superordinate theme. The features of your child topic. The phone book should begin with a phone opening day and end with a phone ending day. However, since you have already added and modified the features. You can add all new features directly after the existing source and before the final custom tags to make a sub-theme.

~ $parent_style = 'parentstyle'; wp_enqueue_style( $parent_style, get_template_directory_uri() . styles. css' ); wp_enqueue_style('child-style', get_stylesheet_directory_uri() . css', array( $parent_style), add_action('wp_enqueue_scripts','my_theme_enqueue_styles'); In addition to changes to your design's functionality and functionality, you can also make changes to its structure by customizing the templates. You should do this with caution, but by manipulating the actual file you can customize any part of the theme.

In contrast to function processing. Phil, where the function of the initial design is loaded into the program by default, Phil is processed by completely substituting the existing design with a new one. Will ignore the theme's native filename and use the new one instead. First thing we need to do is duplicate the old data before we begin to change it.

Just copy and past the theme's source filename into your subfolders to make sure that the filename and storage locations match exactly. If we want to change the Divi/includes/navigation.php for example, we would copy this filename and insert it into divi-child/includes/navigation.php. The WordPress knows that this must be used instead of the old one, because name and storage place are identical.

Then we can open the data and make all necessary changes. One Click Child Theme plug-in - If you have trouble wrap your mind around creating the Child Theme directory, this plug-in will make one for you with a click of a mouse click! Advantages and Disadvantages of Child Theme - For more information on the advantages and disadvantages of using Child Themes, WP Beginner has a great summary.

If I' m not working on new topics too much, I like to write one or two articles in our blogs!

Auch interessant

Mehr zum Thema