A child theme in WordPress is a sub-theme that inherits the functionality, structure and styles of a parent theme. It lets you make changes safely without touching the files of the original theme. When the parent theme is updated, all the edits you made in the child theme keep working, and the update does not erase your changes. That is why working through a child theme is considered a reliable way to customize. You do not change the parent theme’s files; you create overridden versions of them in the child theme.<\/p>\n
To create a child theme, you need to create a separate folder inside the themes directory. The main file without which it will not be recognized is style.css<\/strong>. Its header specifies the parent theme through the Important:<\/strong> Although a child theme can work without its own The minimal structure looks like this:<\/p>\n Example of a template override:<\/p>\n If the parent theme is a block theme (FSE), it uses a Example of a minimal Our specialization is WordPress website development and maintenance. Contact us for a free consultation \u2014 vadim@coma.lv<\/a>, +371 29394520<\/a><\/em><\/p>\n A child theme in WordPress is a sub-theme that inherits the functionality, structure and styles of a parent theme. It lets you make changes safely without touching the files of the original theme. When the parent theme is updated, all the edits you made in the child theme keep working, and the update does not […]<\/p>\n","protected":false},"author":1,"featured_media":37611,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1225,1405],"tags":[],"class_list":["post-41714","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress","category-terms"],"_links":{"self":[{"href":"https:\/\/coma.lv\/en\/wp-json\/wp\/v2\/posts\/41714","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/coma.lv\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/coma.lv\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/coma.lv\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/coma.lv\/en\/wp-json\/wp\/v2\/comments?post=41714"}],"version-history":[{"count":0,"href":"https:\/\/coma.lv\/en\/wp-json\/wp\/v2\/posts\/41714\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/coma.lv\/en\/wp-json\/wp\/v2\/media\/37611"}],"wp:attachment":[{"href":"https:\/\/coma.lv\/en\/wp-json\/wp\/v2\/media?parent=41714"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/coma.lv\/en\/wp-json\/wp\/v2\/categories?post=41714"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/coma.lv\/en\/wp-json\/wp\/v2\/tags?post=41714"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}Template<\/code> parameter, which must exactly match the name of the parent theme’s folder. After the child theme is activated, its styles are loaded on top of the parent’s styles, so you can override any CSS rules. The parent theme continues to work fully, providing the functionality you have not changed in the child theme.<\/p>\nExample of a correct child theme
style.css<\/code> file<\/h2>\n\r\n\/*\r\n Theme Name: My Child Theme\r\n Theme URI: https:\/\/example.com\/\r\n Description: Child theme for the Twenty Twenty-Five theme\r\n Author: Your Name\r\n Author URI: https:\/\/example.com\/\r\n Template: twentytwentyfive\r\n Version: 1.0.0\r\n Text Domain: my-child-theme\r\n*\/\r\n\r\n\/* \u0412\u0430\u0448\u0438 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u0441\u043a\u0438\u0435 \u0441\u0442\u0438\u043b\u0438 *\/\r\n\r\n<\/pre>\n
Template:<\/code> must be exactly<\/em> the name of the parent theme’s folder. For example, if the theme is located in \/wp-content\/themes\/twentytwentyfive<\/code>, then Template: twentytwentyfive<\/code>.<\/p>\nExample
functions.php<\/code> for loading the styles correctly<\/h2>\nfunctions.php<\/code>, in practice it is almost always needed \u2014 first of all to load the parent theme’s styles.<\/p>\n\r\n<?php\r\nadd_action( 'wp_enqueue_scripts', 'my_child_theme_styles' );\r\nfunction my_child_theme_styles() {\r\n \/\/ \u041f\u043e\u0434\u043a\u043b\u044e\u0447\u0430\u0435\u043c \u0441\u0442\u0438\u043b\u044c \u0440\u043e\u0434\u0438\u0442\u0435\u043b\u044c\u0441\u043a\u043e\u0439 \u0442\u0435\u043c\u044b\r\n wp_enqueue_style(\r\n 'parent-style',\r\n get_template_directory_uri() . '\/style.css'\r\n );\r\n\r\n \/\/ \u041f\u043e\u0434\u043a\u043b\u044e\u0447\u0430\u0435\u043c \u0441\u0442\u0438\u043b\u044c \u0434\u043e\u0447\u0435\u0440\u043d\u0435\u0439 \u0442\u0435\u043c\u044b\r\n wp_enqueue_style(\r\n 'child-style',\r\n get_stylesheet_directory_uri() . '\/style.css',\r\n array( 'parent-style' )\r\n );\r\n}\r\n<\/pre>\n<\/div>\n<\/div>\n<\/div>\nChild Theme File Structure<\/h2>\n
my-child-theme\/\r\n\u2502\r\n\u251c\u2500\u2500 style.css \u2190 \u043e\u0431\u044f\u0437\u0430\u0442\u0435\u043b\u044c\u043d\u044b\u0439 \u0444\u0430\u0439\u043b\r\n\u251c\u2500\u2500 functions.php \u2190 \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u0435 \u0441\u0442\u0438\u043b\u0435\u0439 \u0438 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u0441\u043a\u0438\u0439 \u043a\u043e\u0434\r\n\u2514\u2500\u2500 screenshot.png \u2190 (\u043d\u0435\u043e\u0431\u044f\u0437\u0430\u0442\u0435\u043b\u044c\u043d\u043e) \u043c\u0438\u043d\u0438\u0430\u0442\u044e\u0440\u0430 \u0442\u0435\u043c\u044b \u0432 \u0430\u0434\u043c\u0438\u043d\u043a\u0435\r\n<\/pre>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n
my-child-theme\/\r\n\u2514\u2500\u2500 header.php \u2190 \u0437\u0430\u043c\u0435\u043d\u0438\u0442 header.php \u0440\u043e\u0434\u0438\u0442\u0435\u043b\u044c\u0441\u043a\u043e\u0439 \u0442\u0435\u043c\u044b\r\n<\/pre>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n
theme.json<\/code> Support in Child Themes<\/h2>\ntheme.json<\/code> file. In a child theme you can create your own theme.json<\/code> \u2014 it:<\/p>\n\n
theme.json<\/code> in a child theme:<\/p>\n<\/div>\n<\/div>\n<\/div>\n\r\n{\r\n "version": 2,\r\n "settings": {\r\n "color": {\r\n "palette": [\r\n {\r\n "name": "\u0411\u0440\u0435\u043d\u0434\u043e\u0432\u044b\u0439 \u0446\u0432\u0435\u0442",\r\n "slug": "brand",\r\n "color": "#0066ff"\r\n }\r\n ]\r\n }\r\n }\r\n}\r\n\r\n<\/pre>\n
\n
\n","protected":false},"excerpt":{"rendered":"