{"id":1059,"date":"2020-10-17T07:55:27","date_gmt":"2020-10-17T06:55:27","guid":{"rendered":"https:\/\/headwall-hosting.com\/?p=1059"},"modified":"2022-11-13T14:01:21","modified_gmt":"2022-11-13T14:01:21","slug":"create-a-wordpress-child-theme","status":"publish","type":"post","link":"https:\/\/wp-tutorials.tech\/getting-started-with-wordpress\/create-a-wordpress-child-theme\/","title":{"rendered":"Create a Custom Child Theme in WordPress"},"content":{"rendered":"\n<p>When you start a new WordPress website, one of the first things you&#8217;ll want to do is choose a theme. Soon after that, you&#8217;ll probably want to start making changes to the theme to suit your website. To do this, you&#8217;ll need to create a custom child theme. It&#8217;s quite easy to do and it&#8217;s worth getting it right.<\/p>\n\n\n\n<p>Follow this quick tutorial to create your own custom child theme for your WordPress website&#8230;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">What is a WordPress Theme?<\/h2>\n\n\n\n<p>Put simply, A <a href=\"https:\/\/en-gb.wordpress.org\/themes\/\">WordPress theme<\/a> is just a collection of files. Some of these files are optional, but you&#8217;ll need to create the required core files. A very simple custom child theme might look something like this.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><a href=\"https:\/\/wp-tutorials.tech\/wp-content\/uploads\/2020\/10\/wordpress-theme-file-list-9027337.png\"><img decoding=\"async\" src=\"https:\/\/wp-tutorials.tech\/wp-content\/uploads\/2020\/10\/wordpress-theme-file-list-9027337.png\" alt=\"List of files in a WordPress child theme\" class=\"wp-image-1064\"\/><\/a><figcaption class=\"wp-element-caption\">A simple WordPress theme<\/figcaption><\/figure>\n<\/div>\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<p>The file you need to get absolutely right is <a href=\"https:\/\/developer.wordpress.org\/themes\/basics\/main-stylesheet-style-css\/\">style.css<\/a>, as this is what WordPress will look for to figure out what your theme&#8217;s called, and how it should deal with your theme.<\/p>\n\n\n\n<p>You should also have a <a href=\"https:\/\/wp-tutorials.tech\/add-functionality\/clean-functions-php\/\">functions.php<\/a> file, but it can be empty when you start things off.<\/p>\n\n\n\n<p>The <strong>screenshot.png<\/strong> is optional, and it&#8217;s just a thumbnail picture of what your theme might look like. It can just be something really simple. You can right-click and &#8220;save as&#8230;&#8221; this image, if you need something to start your new theme.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\"><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-medium\"><a href=\"https:\/\/wp-tutorials.tech\/wp-content\/uploads\/2020\/10\/screenshot-1024x768-2437923.png\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"225\" src=\"https:\/\/wp-tutorials.tech\/wp-content\/uploads\/2020\/10\/screenshot-1024x768-2437923-300x225.png\" alt=\"My Website Theme\" class=\"wp-image-2417\" srcset=\"https:\/\/wp-tutorials.tech\/wp-content\/uploads\/2020\/10\/screenshot-1024x768-2437923-300x225.png 300w, https:\/\/wp-tutorials.tech\/wp-content\/uploads\/2020\/10\/screenshot-1024x768-2437923-768x576.png 768w, https:\/\/wp-tutorials.tech\/wp-content\/uploads\/2020\/10\/screenshot-1024x768-2437923.png 1024w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><figcaption class=\"wp-element-caption\">screenshot.png @ 1200 x 900 pixels<\/figcaption><\/figure>\n<\/div><\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Choose Your Parent Theme<\/h2>\n\n\n\n<p>When you&#8217;re starting your shiny new website, you&#8217;ll probably go through some standard actions:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Make sure WordPress is installed and fully up-to-date.\n<ul class=\"wp-block-list\">\n<li>This bit&#8217;s really important &#8211; always keep WordPress up-to-date!<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Install some standard useful plug-ins:\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/wordpress.org\/plugins\/wp-gdpr-compliance\/\">WP GDPR Compliance<\/a><\/li>\n\n\n\n<li>A cookie consent plugin<\/li>\n\n\n\n<li><a href=\"https:\/\/en-gb.wordpress.org\/plugins\/maintenance\/\">Maintenance<\/a><\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Choose a base\/parent theme for your website. Good base themes include:\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/wpastra.com\/\">Astra<\/a>\n<ul class=\"wp-block-list\">\n<li>A great, modern, all-round theme that has a fast page-load-speed. Excellent for developers and designers.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><a href=\"https:\/\/www.famethemes.com\/themes\/onepress\/\">OnePress<\/a>\n<ul class=\"wp-block-list\">\n<li>Simple-to-use theme with a high-impact front-page. Great for simpler sites &amp; blogs, and it can also be used for <a href=\"https:\/\/woocommerce.com\/\">WooCommerce shop websites<\/a>.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><a href=\"https:\/\/en-gb.wordpress.org\/themes\/storefront\/\">Storefront<\/a>\n<ul class=\"wp-block-list\">\n<li>An official theme for WooCommerce-based shop websites. Fully-featured and easy to extend. Well-supported on the web with lots of how-to guides.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Create and activate a child theme for your website, that&#8217;s based upon your base theme.\n<ul class=\"wp-block-list\">\n<li>This is a place where you can put your modifications, and the things that make your website different from the base theme.<\/li>\n\n\n\n<li>This is what we&#8217;ll be covering next.<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\">Install the Base Theme<\/h3>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<p>We&#8217;ll use Astra as our base theme, but the instructions are the same no matter what base theme you choose. In your website&#8217;s admin area, go the Appearance menu and select Themes.<\/p>\n\n\n\n<p>You should see an &#8220;Add New&#8221; button at the top of the page&#8230; Click <strong>Add New<\/strong>, find the theme you want to use as your base theme and click the <strong>Install<\/strong> button. You don&#8217;t need to activate the theme, because we&#8217;re only going to use this as our base theme. We&#8217;re going to make our own custom child theme that <a href=\"https:\/\/www.educba.com\/what-is-inheritance-in-programming\/\">inherits<\/a> from this base theme.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\"><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"166\" height=\"231\" src=\"https:\/\/wp-tutorials.tech\/wp-content\/uploads\/2020\/10\/wordpress-appearance-menu-4268431.png\" alt=\"WordPress Adin Appearance Menu\" class=\"wp-image-2418\"\/><figcaption class=\"wp-element-caption\">Change WordPress Theme<\/figcaption><\/figure>\n<\/div><\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Create a Custom Child Theme<\/h2>\n\n\n\n<p>First off, we need to create a few files and put them into a zip file. We can then upload the zip file to our website as a new theme.<\/p>\n\n\n\n<p>Create a folder on your computer with the name of your new theme. Make sure to use only lowercase letters, and don&#8217;t use any spaces. Create 2 files in here called functions.php and style.css. Save the screenshot.png file above into your new folder too, so it should look like this.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><a href=\"https:\/\/wp-tutorials.tech\/wp-content\/uploads\/2020\/10\/child-theme-files-windows-explorer-1768467.png\"><img loading=\"lazy\" decoding=\"async\" width=\"823\" height=\"429\" src=\"https:\/\/wp-tutorials.tech\/wp-content\/uploads\/2020\/10\/child-theme-files-windows-explorer-1768467.png\" alt=\"WordPress Custom Child Theme files\" class=\"wp-image-2419\" srcset=\"https:\/\/wp-tutorials.tech\/wp-content\/uploads\/2020\/10\/child-theme-files-windows-explorer-1768467.png 823w, https:\/\/wp-tutorials.tech\/wp-content\/uploads\/2020\/10\/child-theme-files-windows-explorer-1768467-300x156.png 300w, https:\/\/wp-tutorials.tech\/wp-content\/uploads\/2020\/10\/child-theme-files-windows-explorer-1768467-768x400.png 768w\" sizes=\"auto, (max-width: 823px) 100vw, 823px\" \/><\/a><figcaption class=\"wp-element-caption\">An empty WordPress child theme<\/figcaption><\/figure>\n<\/div>\n\n\n<p>To make sure that WordPress knows how to deal with your theme, we need to put some content into <strong>style.css<\/strong>. Edit style.css and paste the following code into it.<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"css\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">\/*\n * Theme Name:   My Website Theme\n * Theme URI:    https:\/\/your-website-goes-in-here\/\n * Description:  Custom theme for my website - change this.\n * Author:       WP Tutorials\n * Author URI:   https:\/\/wp-tutorials.tech\/\n * Template:     astra\n * Version:      1.0.0\n * License:      GNU General Public License v2 or later\n * License URI:  http:\/\/www.gnu.org\/licenses\/gpl-2.0.html\n * Text Domain:  mywebsitetheme\n *\/\n\n\/* Your CSS goes here... *\/\n\/* ... *\/\n\/* ... *\/<\/pre>\n\n\n\n<p>The format is pretty straightforward and you can change whatever you want in here. These are the important bits&#8230;<\/p>\n\n\n\n<figure class=\"wp-block-table is-style-stripes\"><table><thead><tr><th>Key<\/th><th>Value<\/th><\/tr><\/thead><tbody><tr><td>Theme Name<\/td><td>Important: The regular name of your theme.<\/td><\/tr><tr><td>Description<\/td><td>Just a description of your theme. Not really important if it&#8217;s a one-off child theme for a specific site.<\/td><\/tr><tr><td>Text Domain<\/td><td>Used when you use the __() function for translatable strings. Not important if your theme is only for a single-language site.<\/td><\/tr><\/tbody><\/table><figcaption class=\"wp-element-caption\">Configuring style.css in a custom child theme.<\/figcaption><\/figure>\n\n\n\n<p>You should also create a basic <strong>functions.php<\/strong> file, like this one:<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"php\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">&lt;?php\n\n\/**\n * Custom functions for my child theme.\n *\n * https:\/\/wp-tutorials.tech\/getting-started-with-wordpress\/create-a-wordpress-child-theme\/\n *\/\n\n\/\/ Block direct access.\ndefined('WPINC') || die();\n\n\/\/ The directory this file is in (i.e. the child theme's directory).\n$base_dir = dirname(__FILE__);\n\n\/\/ Uncomment this if you want to use a settings.php file.\n\/\/ require_once $base_dir . '\/settings.php';\n\n\/\/ Other functions files can go here...\n\/\/ require_once $base_dir . '\/functions-shortcodes.php';\n\/\/ require_once $base_dir . '\/functions-rest-api.php';\n\/\/ ...\n\nfunction custom_enqueue_scripts() {\n\t$theme_version = wp_get_theme()->get('Version');\n\t$base_uri = get_stylesheet_directory_uri();\n\n\twp_enqueue_style('child-style', $base_uri . '\/style.css', false, $theme_version);\n\n\t\/\/ You can add additional JavaScript CSS files here...\n\t\/\/ wp_enqueue_style('my-post-styles', $base_uri . '\/post.css', array('child-style'), $theme_version);\n\t\/\/ wp_enqueue_style('my-shop-styles', $base_uri . '\/shop.css', array('child-style'), $theme_version);\n}\nadd_action('wp_enqueue_scripts', 'custom_enqueue_scripts', 99);<\/pre>\n\n\n\n<p>There&#8217;s just enough in here to get your child theme up-and-running. It&#8217;ll load your child theme&#8217;s style.css file, and you can see where other functions and CSS\/JavaScript files.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Upload &amp; Install your Custom Child Theme<\/h2>\n\n\n\n<p>All we need to do now is zip it, upload it and activate it&#8230; When you create a zip file of your custom child theme, make sure that you zip the folder itself. Because our theme&#8217;s folder is called &#8220;mywebsitetheme&#8221;, our zip file will be called &#8220;<strong>mywebbsitetheme.zip<\/strong>&#8220;.<\/p>\n\n\n\n<p>In your website&#8217;s WordPress admin area, go to the Appearance &gt; Themes area and hit the &#8220;<strong>Add New<\/strong>&#8221; button at the top. Now, instead of searching &amp; browsing the available online theme library, press the &#8220;<strong>Upload Theme<\/strong>&#8221; button. Select your theme&#8217;s zip file and press &#8220;<strong>Install Now<\/strong>&#8220;<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><a href=\"https:\/\/wp-tutorials.tech\/wp-content\/uploads\/2020\/10\/upload-theme-zip-6446474.png\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wp-tutorials.tech\/wp-content\/uploads\/2020\/10\/upload-theme-zip-6446474.png\" alt=\"Upload a theme zip file\" class=\"wp-image-1083\" width=\"706\" height=\"185\"\/><\/a><figcaption class=\"wp-element-caption\">Upload your custom WordPress child theme<\/figcaption><\/figure>\n<\/div>\n\n\n<p>After you&#8217;ve uploaded your custom child theme, you&#8217;ll need to <strong>Activate<\/strong> it for it to &#8220;kick in&#8221;.<\/p>\n\n\n\n<p>When you&#8217;ve finished, your Appearance &gt; Themes area should look something like this:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" src=\"https:\/\/wp-tutorials.tech\/wp-content\/uploads\/2020\/10\/wordpress-appearance-themes-with-child-theme-1024x334-4377849.png\" alt=\"List of installed WordPress themes\" class=\"wp-image-1086\"\/><figcaption class=\"wp-element-caption\">Custom WordPress theme is activated and working<\/figcaption><\/figure>\n<\/div>\n\n\n<p>When you want to add custom styles to your theme&#8217;s style.css, or new functions to your functions.php, all you need to do is us the built-in <strong>Theme Editor<\/strong>. In the WordPress admin area, just go to Appearance &gt; Theme Editor. There&#8217;s a built-in PHP editor where you can paste code into your functions.php file. You can also make CSS styles additions directly in your theme&#8217;s style.css, if you don&#8217;t want to use the WordPress Customizer.<\/p>\n\n\n\n<p>There you have it. You&#8217;ve created a custom child theme for your new WordPress site.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>When you start a new WordPress website, one of the first things you&#8217;ll want to do is choose a base theme, and then create a child theme. This is quite easy to do and it&#8217;s worth doing it right.<\/p>\n","protected":false},"author":1,"featured_media":2359,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"iawp_total_views":452,"footnotes":""},"categories":[18],"tags":[35,32],"class_list":["post-1059","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-getting-started-with-wordpress","tag-style-css","tag-theme","masonry-post","generate-columns","tablet-grid-50","mobile-grid-100","grid-parent","grid-33","no-featured-image-padding"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Create a Custom Child Theme in WordPress - WP Tutorials<\/title>\n<meta name=\"description\" content=\"When you start a new WordPress website, one of the things you&#039;ll want to do is choose a base theme, and then create a custom child theme.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/wp-tutorials.tech\/getting-started-with-wordpress\/create-a-wordpress-child-theme\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Create a Custom Child Theme in WordPress - WP Tutorials\" \/>\n<meta property=\"og:description\" content=\"When you start a new WordPress website, one of the things you&#039;ll want to do is choose a base theme, and then create a custom child theme.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/wp-tutorials.tech\/getting-started-with-wordpress\/create-a-wordpress-child-theme\/\" \/>\n<meta property=\"og:site_name\" content=\"Headwall WP Tutorials\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/headwallhosting\/\" \/>\n<meta property=\"article:published_time\" content=\"2020-10-17T06:55:27+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-11-13T14:01:21+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/wp-tutorials.tech\/wp-content\/uploads\/2020\/10\/paint-palette-scaled.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"2560\" \/>\n\t<meta property=\"og:image:height\" content=\"1707\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"headwall\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@headwall\" \/>\n<meta name=\"twitter:site\" content=\"@HeadwallHosting\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"headwall\" \/>\n\t<meta name=\"twitter:label2\" content=\"Estimated reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"TechArticle\",\"@id\":\"https:\\\/\\\/wp-tutorials.tech\\\/getting-started-with-wordpress\\\/create-a-wordpress-child-theme\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/wp-tutorials.tech\\\/getting-started-with-wordpress\\\/create-a-wordpress-child-theme\\\/\"},\"author\":{\"name\":\"headwall\",\"@id\":\"https:\\\/\\\/wp-tutorials.tech\\\/#\\\/schema\\\/person\\\/567442e9250f58ba41a61bbfc1411622\"},\"headline\":\"Create a Custom Child Theme in WordPress\",\"datePublished\":\"2020-10-17T06:55:27+00:00\",\"dateModified\":\"2022-11-13T14:01:21+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/wp-tutorials.tech\\\/getting-started-with-wordpress\\\/create-a-wordpress-child-theme\\\/\"},\"wordCount\":1012,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/wp-tutorials.tech\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/wp-tutorials.tech\\\/getting-started-with-wordpress\\\/create-a-wordpress-child-theme\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/wp-tutorials.tech\\\/wp-content\\\/uploads\\\/2020\\\/10\\\/paint-palette-scaled.jpg\",\"keywords\":[\"style.css\",\"theme\"],\"articleSection\":[\"Getting Started with WordPress\"],\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/wp-tutorials.tech\\\/getting-started-with-wordpress\\\/create-a-wordpress-child-theme\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/wp-tutorials.tech\\\/getting-started-with-wordpress\\\/create-a-wordpress-child-theme\\\/\",\"url\":\"https:\\\/\\\/wp-tutorials.tech\\\/getting-started-with-wordpress\\\/create-a-wordpress-child-theme\\\/\",\"name\":\"Create a Custom Child Theme in WordPress - WP Tutorials\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/wp-tutorials.tech\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/wp-tutorials.tech\\\/getting-started-with-wordpress\\\/create-a-wordpress-child-theme\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/wp-tutorials.tech\\\/getting-started-with-wordpress\\\/create-a-wordpress-child-theme\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/wp-tutorials.tech\\\/wp-content\\\/uploads\\\/2020\\\/10\\\/paint-palette-scaled.jpg\",\"datePublished\":\"2020-10-17T06:55:27+00:00\",\"dateModified\":\"2022-11-13T14:01:21+00:00\",\"description\":\"When you start a new WordPress website, one of the things you'll want to do is choose a base theme, and then create a custom child theme.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/wp-tutorials.tech\\\/getting-started-with-wordpress\\\/create-a-wordpress-child-theme\\\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/wp-tutorials.tech\\\/getting-started-with-wordpress\\\/create-a-wordpress-child-theme\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\\\/\\\/wp-tutorials.tech\\\/getting-started-with-wordpress\\\/create-a-wordpress-child-theme\\\/#primaryimage\",\"url\":\"https:\\\/\\\/wp-tutorials.tech\\\/wp-content\\\/uploads\\\/2020\\\/10\\\/paint-palette-scaled.jpg\",\"contentUrl\":\"https:\\\/\\\/wp-tutorials.tech\\\/wp-content\\\/uploads\\\/2020\\\/10\\\/paint-palette-scaled.jpg\",\"width\":2560,\"height\":1707,\"caption\":\"paint palette\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/wp-tutorials.tech\\\/getting-started-with-wordpress\\\/create-a-wordpress-child-theme\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/wp-tutorials.tech\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Getting Started with WordPress\",\"item\":\"https:\\\/\\\/wp-tutorials.tech\\\/category\\\/getting-started-with-wordpress\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Create a Custom Child Theme in WordPress\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/wp-tutorials.tech\\\/#website\",\"url\":\"https:\\\/\\\/wp-tutorials.tech\\\/\",\"name\":\"Headwall WP Tutorials\",\"description\":\"Practical WordPress Tutorials\",\"publisher\":{\"@id\":\"https:\\\/\\\/wp-tutorials.tech\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/wp-tutorials.tech\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-GB\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/wp-tutorials.tech\\\/#organization\",\"name\":\"Headwall WordPress Tutorials\",\"url\":\"https:\\\/\\\/wp-tutorials.tech\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\\\/\\\/wp-tutorials.tech\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/wp-tutorials.tech\\\/wp-content\\\/uploads\\\/2021\\\/12\\\/headwall-wp-tutorials-logo-retina.png\",\"contentUrl\":\"https:\\\/\\\/wp-tutorials.tech\\\/wp-content\\\/uploads\\\/2021\\\/12\\\/headwall-wp-tutorials-logo-retina.png\",\"width\":1640,\"height\":512,\"caption\":\"Headwall WordPress Tutorials\"},\"image\":{\"@id\":\"https:\\\/\\\/wp-tutorials.tech\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/headwallhosting\\\/\",\"https:\\\/\\\/x.com\\\/HeadwallHosting\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/wp-tutorials.tech\\\/#\\\/schema\\\/person\\\/567442e9250f58ba41a61bbfc1411622\",\"name\":\"headwall\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/6106bc5e3abccd66f196d133fa692d0c6c53cc2cac1b58528c510ee8de9e791e?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/6106bc5e3abccd66f196d133fa692d0c6c53cc2cac1b58528c510ee8de9e791e?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/6106bc5e3abccd66f196d133fa692d0c6c53cc2cac1b58528c510ee8de9e791e?s=96&d=mm&r=g\",\"caption\":\"headwall\"},\"sameAs\":[\"https:\\\/\\\/headwall-hosting.com\\\/\",\"https:\\\/\\\/x.com\\\/headwall\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Create a Custom Child Theme in WordPress - WP Tutorials","description":"When you start a new WordPress website, one of the things you'll want to do is choose a base theme, and then create a custom child theme.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/wp-tutorials.tech\/getting-started-with-wordpress\/create-a-wordpress-child-theme\/","og_locale":"en_GB","og_type":"article","og_title":"Create a Custom Child Theme in WordPress - WP Tutorials","og_description":"When you start a new WordPress website, one of the things you'll want to do is choose a base theme, and then create a custom child theme.","og_url":"https:\/\/wp-tutorials.tech\/getting-started-with-wordpress\/create-a-wordpress-child-theme\/","og_site_name":"Headwall WP Tutorials","article_publisher":"https:\/\/www.facebook.com\/headwallhosting\/","article_published_time":"2020-10-17T06:55:27+00:00","article_modified_time":"2022-11-13T14:01:21+00:00","og_image":[{"width":2560,"height":1707,"url":"https:\/\/wp-tutorials.tech\/wp-content\/uploads\/2020\/10\/paint-palette-scaled.jpg","type":"image\/jpeg"}],"author":"headwall","twitter_card":"summary_large_image","twitter_creator":"@headwall","twitter_site":"@HeadwallHosting","twitter_misc":{"Written by":"headwall","Estimated reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"TechArticle","@id":"https:\/\/wp-tutorials.tech\/getting-started-with-wordpress\/create-a-wordpress-child-theme\/#article","isPartOf":{"@id":"https:\/\/wp-tutorials.tech\/getting-started-with-wordpress\/create-a-wordpress-child-theme\/"},"author":{"name":"headwall","@id":"https:\/\/wp-tutorials.tech\/#\/schema\/person\/567442e9250f58ba41a61bbfc1411622"},"headline":"Create a Custom Child Theme in WordPress","datePublished":"2020-10-17T06:55:27+00:00","dateModified":"2022-11-13T14:01:21+00:00","mainEntityOfPage":{"@id":"https:\/\/wp-tutorials.tech\/getting-started-with-wordpress\/create-a-wordpress-child-theme\/"},"wordCount":1012,"commentCount":0,"publisher":{"@id":"https:\/\/wp-tutorials.tech\/#organization"},"image":{"@id":"https:\/\/wp-tutorials.tech\/getting-started-with-wordpress\/create-a-wordpress-child-theme\/#primaryimage"},"thumbnailUrl":"https:\/\/wp-tutorials.tech\/wp-content\/uploads\/2020\/10\/paint-palette-scaled.jpg","keywords":["style.css","theme"],"articleSection":["Getting Started with WordPress"],"inLanguage":"en-GB","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/wp-tutorials.tech\/getting-started-with-wordpress\/create-a-wordpress-child-theme\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/wp-tutorials.tech\/getting-started-with-wordpress\/create-a-wordpress-child-theme\/","url":"https:\/\/wp-tutorials.tech\/getting-started-with-wordpress\/create-a-wordpress-child-theme\/","name":"Create a Custom Child Theme in WordPress - WP Tutorials","isPartOf":{"@id":"https:\/\/wp-tutorials.tech\/#website"},"primaryImageOfPage":{"@id":"https:\/\/wp-tutorials.tech\/getting-started-with-wordpress\/create-a-wordpress-child-theme\/#primaryimage"},"image":{"@id":"https:\/\/wp-tutorials.tech\/getting-started-with-wordpress\/create-a-wordpress-child-theme\/#primaryimage"},"thumbnailUrl":"https:\/\/wp-tutorials.tech\/wp-content\/uploads\/2020\/10\/paint-palette-scaled.jpg","datePublished":"2020-10-17T06:55:27+00:00","dateModified":"2022-11-13T14:01:21+00:00","description":"When you start a new WordPress website, one of the things you'll want to do is choose a base theme, and then create a custom child theme.","breadcrumb":{"@id":"https:\/\/wp-tutorials.tech\/getting-started-with-wordpress\/create-a-wordpress-child-theme\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/wp-tutorials.tech\/getting-started-with-wordpress\/create-a-wordpress-child-theme\/"]}]},{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/wp-tutorials.tech\/getting-started-with-wordpress\/create-a-wordpress-child-theme\/#primaryimage","url":"https:\/\/wp-tutorials.tech\/wp-content\/uploads\/2020\/10\/paint-palette-scaled.jpg","contentUrl":"https:\/\/wp-tutorials.tech\/wp-content\/uploads\/2020\/10\/paint-palette-scaled.jpg","width":2560,"height":1707,"caption":"paint palette"},{"@type":"BreadcrumbList","@id":"https:\/\/wp-tutorials.tech\/getting-started-with-wordpress\/create-a-wordpress-child-theme\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/wp-tutorials.tech\/"},{"@type":"ListItem","position":2,"name":"Getting Started with WordPress","item":"https:\/\/wp-tutorials.tech\/category\/getting-started-with-wordpress\/"},{"@type":"ListItem","position":3,"name":"Create a Custom Child Theme in WordPress"}]},{"@type":"WebSite","@id":"https:\/\/wp-tutorials.tech\/#website","url":"https:\/\/wp-tutorials.tech\/","name":"Headwall WP Tutorials","description":"Practical WordPress Tutorials","publisher":{"@id":"https:\/\/wp-tutorials.tech\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/wp-tutorials.tech\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"},{"@type":"Organization","@id":"https:\/\/wp-tutorials.tech\/#organization","name":"Headwall WordPress Tutorials","url":"https:\/\/wp-tutorials.tech\/","logo":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/wp-tutorials.tech\/#\/schema\/logo\/image\/","url":"https:\/\/wp-tutorials.tech\/wp-content\/uploads\/2021\/12\/headwall-wp-tutorials-logo-retina.png","contentUrl":"https:\/\/wp-tutorials.tech\/wp-content\/uploads\/2021\/12\/headwall-wp-tutorials-logo-retina.png","width":1640,"height":512,"caption":"Headwall WordPress Tutorials"},"image":{"@id":"https:\/\/wp-tutorials.tech\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/headwallhosting\/","https:\/\/x.com\/HeadwallHosting"]},{"@type":"Person","@id":"https:\/\/wp-tutorials.tech\/#\/schema\/person\/567442e9250f58ba41a61bbfc1411622","name":"headwall","image":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/secure.gravatar.com\/avatar\/6106bc5e3abccd66f196d133fa692d0c6c53cc2cac1b58528c510ee8de9e791e?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/6106bc5e3abccd66f196d133fa692d0c6c53cc2cac1b58528c510ee8de9e791e?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/6106bc5e3abccd66f196d133fa692d0c6c53cc2cac1b58528c510ee8de9e791e?s=96&d=mm&r=g","caption":"headwall"},"sameAs":["https:\/\/headwall-hosting.com\/","https:\/\/x.com\/headwall"]}]}},"_links":{"self":[{"href":"https:\/\/wp-tutorials.tech\/wp-json\/wp\/v2\/posts\/1059","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wp-tutorials.tech\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wp-tutorials.tech\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wp-tutorials.tech\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wp-tutorials.tech\/wp-json\/wp\/v2\/comments?post=1059"}],"version-history":[{"count":0,"href":"https:\/\/wp-tutorials.tech\/wp-json\/wp\/v2\/posts\/1059\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wp-tutorials.tech\/wp-json\/wp\/v2\/media\/2359"}],"wp:attachment":[{"href":"https:\/\/wp-tutorials.tech\/wp-json\/wp\/v2\/media?parent=1059"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wp-tutorials.tech\/wp-json\/wp\/v2\/categories?post=1059"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wp-tutorials.tech\/wp-json\/wp\/v2\/tags?post=1059"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}