{"id":33538,"date":"2024-02-12T07:00:09","date_gmt":"2024-02-12T15:00:09","guid":{"rendered":"https:\/\/dhblog.dream.press\/blog\/?p=33538"},"modified":"2025-05-21T16:31:23","modified_gmt":"2025-05-21T23:31:23","slug":"how-to-create-wordpress-child-theme","status":"publish","type":"post","link":"https:\/\/www-dev.dreamhost.com\/blog\/how-to-create-wordpress-child-theme\/","title":{"rendered":"How to Create a WordPress Child Theme"},"content":{"rendered":"\n<p>When you have specific requirements, selecting a<a href=\"https:\/\/www.dreamhost.com\/blog\/website-builder-template-examples\/\" target=\"_blank\" rel=\"noopener\"> WordPress theme<\/a> is no easy task. Your choice needs to look the part and provide all the functions you need \u2014 Some compromise is almost inevitable.<\/p>\n\n\n\n<p><a href=\"https:\/\/www.dreamhost.com\/blog\/wordpress-theme-editor\/\" target=\"_blank\" rel=\"noopener\">Customizing<\/a> your chosen theme is one way to get around this issue. However, WordPress themes need to be updated periodically. When the developer of your theme releases a new version, all your customizations could be reset.<\/p>\n\n\n\n<p>The solution?<\/p>\n\n\n\n<p>Create a WordPress child theme that inherits the original theme&#8217;s functionality but maintains your styling. Even if you apply a theme update, your customized child theme will remain intact.<\/p>\n\n\n\n<p>In this post, we&#8217;re going to take a closer look at WordPress child themes \u2014 from why you need one to how to create your own. Let&#8217;s dive in!<\/p>\n\n\n\n<h2 id=\"definition\" class=\"wp-block-heading\">What Is A Child Theme?<\/h2>\n\n\n\n\n\n<div class=\"glossary-term\">\n\t<a\n\t\tclass=\"glossary-term__above-title\"\n\t\thref=\"\"\n\t\ttarget=\"_blank\"\n\t\trel=\"noopener noreferrer\"\n\t>\n\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 640 512\"><path d=\"M320 32c-8.1 0-16.1 1.4-23.7 4.1L15.8 137.4C6.3 140.9 0 149.9 0 160s6.3 19.1 15.8 22.6l57.9 20.9C57.3 229.3 48 259.8 48 291.9v28.1c0 28.4-10.8 57.7-22.3 80.8c-6.5 13-13.9 25.8-22.5 37.6C0 442.7-.9 448.3 .9 453.4s6 8.9 11.2 10.2l64 16c4.2 1.1 8.7 .3 12.4-2s6.3-6.1 7.1-10.4c8.6-42.8 4.3-81.2-2.1-108.7C90.3 344.3 86 329.8 80 316.5V291.9c0-30.2 10.2-58.7 27.9-81.5c12.9-15.5 29.6-28 49.2-35.7l157-61.7c8.2-3.2 17.5 .8 20.7 9s-.8 17.5-9 20.7l-157 61.7c-12.4 4.9-23.3 12.4-32.2 21.6l159.6 57.6c7.6 2.7 15.6 4.1 23.7 4.1s16.1-1.4 23.7-4.1L624.2 182.6c9.5-3.4 15.8-12.5 15.8-22.6s-6.3-19.1-15.8-22.6L343.7 36.1C336.1 33.4 328.1 32 320 32zM128 408c0 35.3 86 72 192 72s192-36.7 192-72L496.7 262.6 354.5 314c-11.1 4-22.8 6-34.5 6s-23.5-2-34.5-6L143.3 262.6 128 408z\"\/><\/svg>\n\t\t<span><\/span>\n\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 384 512\"><path d=\"M342.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L274.7 256 105.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z\"\/><\/svg>\n\t<\/a>\n    <h3>Child Theme<\/h3>\n    <p>A \u2018child theme\u2019 is a WordPress theme with the same appearance and functionality as its \u2018parent theme\u2019. However, you can customize its files separately from its parent theme\u2019s files.<\/p>\n            <a\n            href=\"https:\/\/www.dreamhost.com\/glossary\/wordpress\/child-theme\/\"\n                        class=\"btn btn--white-outline btn--sm btn--round\"\n                                    target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            >\n                            Read More                    <\/a>\n\n<\/div>\n\n\n\n<p>WordPress allows you to make a lightweight copy of any theme for the sake of customization. The original theme becomes the parent theme, and the copy is known as a child theme.<\/p>\n\n\n\n<p>The child is dependent on the parent, drawing on the functions and design of the original theme. When the parent theme receives an update, so does the child.<\/p>\n\n\n\n<p>But much like a teenager, the child theme does have some independence. When you customize the child theme, the changes are applied on top of the original parent theme. Those additions remain, even when the parent theme is updated or changed in some other way.<\/p>\n\n\n\n<p>It&#8217;s also worth noting that customizations to your child theme don&#8217;t affect the parent theme. In fact, they are stored separately. This means you have freedom to experiment, without worrying about breaking the underlying code. You can even delete your child theme completely, and it will have no effect on the original parent theme.<\/p>\n\n\n\n<p>Using a child theme makes it easier to maintain and update your site. It will also help you avoid the risk of editing the parent theme directly, which could be overwritten and lost.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Differences Between Child And Parent Themes<\/h3>\n\n\n\n\n\n<div class=\"glossary-term\">\n\t<a\n\t\tclass=\"glossary-term__above-title\"\n\t\thref=\"\"\n\t\ttarget=\"_blank\"\n\t\trel=\"noopener noreferrer\"\n\t>\n\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 640 512\"><path d=\"M320 32c-8.1 0-16.1 1.4-23.7 4.1L15.8 137.4C6.3 140.9 0 149.9 0 160s6.3 19.1 15.8 22.6l57.9 20.9C57.3 229.3 48 259.8 48 291.9v28.1c0 28.4-10.8 57.7-22.3 80.8c-6.5 13-13.9 25.8-22.5 37.6C0 442.7-.9 448.3 .9 453.4s6 8.9 11.2 10.2l64 16c4.2 1.1 8.7 .3 12.4-2s6.3-6.1 7.1-10.4c8.6-42.8 4.3-81.2-2.1-108.7C90.3 344.3 86 329.8 80 316.5V291.9c0-30.2 10.2-58.7 27.9-81.5c12.9-15.5 29.6-28 49.2-35.7l157-61.7c8.2-3.2 17.5 .8 20.7 9s-.8 17.5-9 20.7l-157 61.7c-12.4 4.9-23.3 12.4-32.2 21.6l159.6 57.6c7.6 2.7 15.6 4.1 23.7 4.1s16.1-1.4 23.7-4.1L624.2 182.6c9.5-3.4 15.8-12.5 15.8-22.6s-6.3-19.1-15.8-22.6L343.7 36.1C336.1 33.4 328.1 32 320 32zM128 408c0 35.3 86 72 192 72s192-36.7 192-72L496.7 262.6 354.5 314c-11.1 4-22.8 6-34.5 6s-23.5-2-34.5-6L143.3 262.6 128 408z\"\/><\/svg>\n\t\t<span><\/span>\n\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 384 512\"><path d=\"M342.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L274.7 256 105.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z\"\/><\/svg>\n\t<\/a>\n    <h3>Parent Theme<\/h3>\n    <p>When working with WordPress child themes, there\u2019s always a parent theme. It\u2019s the theme that the child inherits its style and functionality from. Any changes to the child theme won\u2019t impact the parent\u2019s code.<\/p>\n            <a\n            href=\"https:\/\/www.dreamhost.com\/glossary\/wordpress\/parent-theme\/\"\n                        class=\"btn btn--white-outline btn--sm btn--round\"\n                                    target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            >\n                            Read More                    <\/a>\n\n<\/div>\n\n\n\n<p>There are several technical differences between a parent theme and a child theme. For example, a parent theme folder typically includes:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>A <i>style.css <\/i>file that determines the look and feel of your website.<\/li>\n\n\n\n<li>A <i>functions.php <\/i>file that enables you to add features or modify the default behavior of WordPress.<\/li>\n\n\n\n<li>Several template files that define how different pages on your site are displayed.<\/li>\n<\/ul>\n\n\n\n<p>In contrast, a child theme folder only needs two essential files: <i>style.css<\/i> and <i>functions.php<\/i>. You will add these files within the <i>\/wp-content\/themes\/<\/i> directory.<\/p>\n\n\n\n<p>You can use a child theme to make stylistic changes to your website, such as changing the default color palette,<a href=\"https:\/\/www.dreamhost.com\/blog\/web-safe-fonts\/\" target=\"_blank\" rel=\"noopener\"> fonts<\/a>, and layouts.<\/p>\n\n\n\n<p>For example, let&#8217;s say you want to change your site&#8217;s color scheme. You can do this by creating a new <i>style.css<\/i> file in the child theme directory and adding the following code:<\/p>\n\n\n\n<p><code>body {<\/code><\/p>\n\n\n\n<p><code>background-color:#fff;<\/code><\/p>\n\n\n\n<p><code>}<\/code><\/p>\n\n\n\n<p><code>h1 {<\/code><\/p>\n\n\n\n<p><code>color: #000<\/code><\/p>\n\n\n\n<p><code>}<\/code><\/p>\n\n\n\n<p>We&#8217;ve changed the background color and <a href=\"https:\/\/www.dreamhost.com\/glossary\/web-design\/heading\/\" target=\"_blank\" rel=\"noopener\">H1<\/a> color in the code above. These edits will override the parent theme&#8217;s styling and update the colors on your site. You can make as many changes as needed in the child theme&#8217;s <i>style.css<\/i> file.<\/p>\n\n\n\n<p>A child theme inherits everything from the parent theme. This includes all template files, functions, and assets such as images and JavaScript files. If you want to make changes to these elements, you need to copy them into the child theme directory from the parent theme. You can then edit the files.<\/p>\n\n\n\n<h2 id=\"why\" class=\"wp-block-heading\">Why You Should Use A Child Theme<\/h2>\n\n\n\n<p>There are several advantages to using a child theme on your WordPress site, including:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Protecting theme changes against automatic updates.<\/li>\n\n\n\n<li>Adjusting visual elements of your theme.<\/li>\n\n\n\n<li>Learning how to edit themes, which is a step toward<a href=\"https:\/\/www.dreamhost.com\/wordpress\/guide-to-developing-a-wp-theme\/\" target=\"_blank\" rel=\"noopener\"> developing your own theme<\/a>.<\/li>\n<\/ul>\n\n\n\n<p>Using a child theme also requires minimal coding experience. In most cases, you only need to add a few lines of code to the <i>style.css<\/i> file. This makes it easy to get started with a child theme, even if you&#8217;re not a theme developer.<\/p>\n\n\n\n<p>If you do want to dive deeper, you can add new elements and functions to your child theme via <a href=\"https:\/\/help.dreamhost.com\/hc\/en-us\/articles\/215838028-Building-your-website\" target=\"_blank\" rel=\"noopener\">custom code<\/a>.<\/p>\n\n\n\n<div class=\"article-newsletter article-newsletter--gradient\">\n\n\n<h2>Get Content Delivered Straight to Your Inbox<\/h2><p>Subscribe now to receive all the latest updates, delivered directly to your inbox.<\/p><form class=\"nwsl-form\" id=\"newsletter_block_\" novalidate><div class=\"messages\"><\/div><div class=\"form-group\"><label for=\"input_newsletter_block_\"><input type=\"email\"name=\"email\"id=\"input_newsletter_block_\"placeholder=\"Enter your email address\"novalidatedisabled=\"disabled\"\/><\/label><button type=\"submit\"class=\"btn btn--brand\"disabled=\"disabled\"><span>Sign Me Up!<\/span><svg width=\"21\" height=\"14\" viewBox=\"0 0 21 14\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M13.8523 0.42524L12.9323 1.34521C12.7095 1.56801 12.7132 1.9304 12.9404 2.14865L16.7241 5.7823H0.5625C0.251859 5.7823 0 6.03416 0 6.3448V7.6573C0 7.96794 0.251859 8.2198 0.5625 8.2198H16.7241L12.9405 11.8535C12.7132 12.0717 12.7095 12.4341 12.9323 12.6569L13.8523 13.5769C14.072 13.7965 14.4281 13.7965 14.6478 13.5769L20.8259 7.39879C21.0456 7.17913 21.0456 6.82298 20.8259 6.60327L14.6477 0.42524C14.4281 0.205584 14.0719 0.205584 13.8523 0.42524Z\" fill=\"white\"\/>\n<\/svg>\n<\/button><\/div><\/form><\/div>\n\n\n<h2 id=\"plugin\" class=\"wp-block-heading\">How To Create A WordPress Child Theme Using A Plugin<\/h2>\n\n\n\n<p>Using a plugin is probably the easiest way to create a WordPress child theme. The plugin can walk you through the entire process in simple steps, meaning you don&#8217;t need any technical knowledge.<\/p>\n\n\n\n<p>In this tutorial, we&#8217;ll be working with the<a href=\"https:\/\/wordpress.org\/plugins\/child-theme-configurator\/\" target=\"_blank\" rel=\"noopener\"> Child Theme Configurator plugin<\/a>. This user-friendly tool can help you analyze your theme for issues, create a child theme, and edit it to meet your web design layout and style specifications.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Step 1: Download And Install The Child Theme Configurator Plugin<\/h3>\n\n\n\n<p>To start, you&#8217;ll need to download and install Child Theme Configurator. You can do this by navigating to the plugin&#8217;s page and clicking on the <i>Download<\/i> button:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1600\" height=\"810\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/Download-And-Install-The-Child-Theme-Configurator-Plugin.jpg\" alt=\"Child Theme Configurator by Lilaea Media screenshot of download button \" class=\"wp-image-43127 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Download-And-Install-The-Child-Theme-Configurator-Plugin.jpg.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/Download-And-Install-The-Child-Theme-Configurator-Plugin-300x152.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/Download-And-Install-The-Child-Theme-Configurator-Plugin-1024x518.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/Download-And-Install-The-Child-Theme-Configurator-Plugin-768x389.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/Download-And-Install-The-Child-Theme-Configurator-Plugin-1536x778.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Download-And-Install-The-Child-Theme-Configurator-Plugin-600x304.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Download-And-Install-The-Child-Theme-Configurator-Plugin-1200x608.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Download-And-Install-The-Child-Theme-Configurator-Plugin-730x370.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Download-And-Install-The-Child-Theme-Configurator-Plugin-1460x739.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Download-And-Install-The-Child-Theme-Configurator-Plugin-784x397.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Download-And-Install-The-Child-Theme-Configurator-Plugin-1568x794.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Download-And-Install-The-Child-Theme-Configurator-Plugin-877x444.jpg.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/810;\" \/><\/figure>\n\n\n\n<p>Your computer will download the theme files in a ZIP file. Then, navigate to your WordPress dashboard and go to <i>Plugins &gt; Add New<\/i> to upload the files.<\/p>\n\n\n\n<p>Click on <i>Upload Plugin &gt; Choose File<\/i>, and select the downloaded folder:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1600\" height=\"669\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/upload-plugin.jpg\" alt=\"Add plugins &quot;upload plugin&quot; screenshot where you can upload a .zip file \" class=\"wp-image-43128 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/upload-plugin.jpg.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/upload-plugin-300x125.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/upload-plugin-1024x428.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/upload-plugin-768x321.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/upload-plugin-1536x642.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/upload-plugin-600x251.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/upload-plugin-1200x502.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/upload-plugin-730x305.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/upload-plugin-1460x610.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/upload-plugin-784x328.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/upload-plugin-1568x656.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/upload-plugin-877x367.jpg.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/669;\" \/><\/figure>\n\n\n\n<p>Once the plugin is installed, you&#8217;ll just need to activate it. Keep in mind that you&#8217;ll also need to<a href=\"https:\/\/www.dreamhost.com\/blog\/how-to-pick-wordpress-theme\/\" target=\"_blank\" rel=\"noopener\"> choose a WordPress theme<\/a> from which to make your child theme.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Step 2: Analyze The Parent Theme<\/h3>\n\n\n\n<p>Next, navigate to <i>Tools &gt; Child Themes<\/i>:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1600\" height=\"908\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/Analyze-The-Parent-Theme.jpg\" alt=\"wordpress menu showing the nav bar where you can find &quot;child themes&quot; in &quot;tools&quot; \" class=\"wp-image-43129 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Analyze-The-Parent-Theme.jpg.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/Analyze-The-Parent-Theme-300x170.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/Analyze-The-Parent-Theme-1024x581.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/Analyze-The-Parent-Theme-768x436.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/Analyze-The-Parent-Theme-1536x872.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Analyze-The-Parent-Theme-600x341.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Analyze-The-Parent-Theme-1200x681.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Analyze-The-Parent-Theme-730x414.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Analyze-The-Parent-Theme-1460x829.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Analyze-The-Parent-Theme-784x445.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Analyze-The-Parent-Theme-1568x890.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Analyze-The-Parent-Theme-877x498.jpg.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/908;\" \/><\/figure>\n\n\n\n<p>The plugin will walk you through the steps to create a child theme. Simply select <i>CREATE a new Child Theme<\/i> to get started:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1600\" height=\"358\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/select-an-action.jpg\" alt=\"screenshot of the first step: select an action with &quot;create a new child theme&quot; selected \" class=\"wp-image-43130 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/select-an-action.jpg.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/select-an-action-300x67.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/select-an-action-1024x229.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/select-an-action-768x172.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/select-an-action-1536x344.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/select-an-action-600x134.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/select-an-action-1200x269.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/select-an-action-730x163.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/select-an-action-1460x327.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/select-an-action-784x175.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/select-an-action-1568x351.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/select-an-action-877x196.jpg.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/358;\" \/><\/figure>\n\n\n\n<p>You&#8217;ll be prompted to select your parent theme from the dropdown menu. If you have multiple themes on your WordPress site, make sure to choose the one you want to customize:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1600\" height=\"1104\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/select-a-parent-theme.jpg\" alt=\"step 2: select a parent theme showing a search bar which &quot;Twenty Twenty-Four&quot; entered all all four versions of Twenty Teenty displaying as search results \" class=\"wp-image-43131 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/select-a-parent-theme.jpg.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/select-a-parent-theme-300x207.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/select-a-parent-theme-1024x707.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/select-a-parent-theme-768x530.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/select-a-parent-theme-1536x1060.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/select-a-parent-theme-600x414.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/select-a-parent-theme-1200x828.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/select-a-parent-theme-730x504.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/select-a-parent-theme-1460x1007.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/select-a-parent-theme-784x541.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/select-a-parent-theme-1568x1082.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/select-a-parent-theme-877x605.jpg.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/1104;\" \/><\/figure>\n\n\n\n<p>Now hit <i>Analyze<\/i> to check the parent theme for any potential code issues:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1600\" height=\"441\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/analyze-parent-directory.jpg\" alt=\"step 2: analyze parent theme\" class=\"wp-image-43132 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/analyze-parent-directory.jpg.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/analyze-parent-directory-300x83.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/analyze-parent-directory-1024x282.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/analyze-parent-directory-768x212.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/analyze-parent-directory-1536x423.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/analyze-parent-directory-600x165.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/analyze-parent-directory-1200x331.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/analyze-parent-directory-730x201.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/analyze-parent-directory-1460x402.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/analyze-parent-directory-784x216.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/analyze-parent-directory-1568x432.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/analyze-parent-directory-877x242.jpg.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/441;\" \/><\/figure>\n\n\n\n<p>If the plugin finds any compatibility or coding issues, it will list them here. Otherwise, you&#8217;ll see a green success message telling you it&#8217;s fine to proceed with making the child theme:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1600\" height=\"1023\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/success-message.jpg\" alt=\"screenshot of the analysis page showing a check mark that this theme appears OK to use as a child theme and the relevant code\" class=\"wp-image-43133 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/success-message.jpg.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/success-message-300x192.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/success-message-1024x655.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/success-message-768x491.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/success-message-1536x982.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/success-message-600x384.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/success-message-1200x767.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/success-message-730x467.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/success-message-1460x933.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/success-message-784x501.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/success-message-1568x1003.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/success-message-877x561.jpg.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/1023;\" \/><\/figure>\n\n\n\n<p>Once you&#8217;ve determined that your parent theme will be suitable for a child theme, you can move on to the next step. (You can also show a raw data analysis or submit support requests to the plugin&#8217;s creator from this page.)<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Step 3: Name Your Child Theme Directory<\/h3>\n\n\n\n<p>Next, you&#8217;ll be prompted to create a child theme directory name. This is the name of the folder within your website&#8217;s files.<\/p>\n\n\n\n<p>You can name it anything you like as long as it&#8217;s unique to your site and contains acceptable characters. We&#8217;re using \u201ctwentytwentyfour-child\u201d for simplicity&#8217;s sake:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1600\" height=\"341\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/name-the-new-theme-directory.jpg\" alt=\"You can name child theme anything you like as long as it's unique to your site and contains acceptable characters.\" class=\"wp-image-43134 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/name-the-new-theme-directory.jpg.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/name-the-new-theme-directory-300x64.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/name-the-new-theme-directory-1024x218.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/name-the-new-theme-directory-768x164.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/name-the-new-theme-directory-1536x327.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/name-the-new-theme-directory-600x128.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/name-the-new-theme-directory-1200x256.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/name-the-new-theme-directory-730x156.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/name-the-new-theme-directory-1460x311.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/name-the-new-theme-directory-784x167.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/name-the-new-theme-directory-1568x334.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/name-the-new-theme-directory-877x187.jpg.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/341;\" \/><\/figure>\n\n\n\n<p>Keep in mind that naming the theme directory is not the same as naming your child theme or adding a theme description. Those steps will come later.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Step 4: Select The Child And Parent Theme Stylesheets<\/h3>\n\n\n\n<p>Next, you&#8217;ll need to choose the new stylesheet for your child theme. If you select the primary stylesheet (<i>style.css<\/i>), your custom CSS styles will override the existing theme content.<\/p>\n\n\n\n\n\n<div class=\"glossary-term\">\n\t<a\n\t\tclass=\"glossary-term__above-title\"\n\t\thref=\"\"\n\t\ttarget=\"_blank\"\n\t\trel=\"noopener noreferrer\"\n\t>\n\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 640 512\"><path d=\"M320 32c-8.1 0-16.1 1.4-23.7 4.1L15.8 137.4C6.3 140.9 0 149.9 0 160s6.3 19.1 15.8 22.6l57.9 20.9C57.3 229.3 48 259.8 48 291.9v28.1c0 28.4-10.8 57.7-22.3 80.8c-6.5 13-13.9 25.8-22.5 37.6C0 442.7-.9 448.3 .9 453.4s6 8.9 11.2 10.2l64 16c4.2 1.1 8.7 .3 12.4-2s6.3-6.1 7.1-10.4c8.6-42.8 4.3-81.2-2.1-108.7C90.3 344.3 86 329.8 80 316.5V291.9c0-30.2 10.2-58.7 27.9-81.5c12.9-15.5 29.6-28 49.2-35.7l157-61.7c8.2-3.2 17.5 .8 20.7 9s-.8 17.5-9 20.7l-157 61.7c-12.4 4.9-23.3 12.4-32.2 21.6l159.6 57.6c7.6 2.7 15.6 4.1 23.7 4.1s16.1-1.4 23.7-4.1L624.2 182.6c9.5-3.4 15.8-12.5 15.8-22.6s-6.3-19.1-15.8-22.6L343.7 36.1C336.1 33.4 328.1 32 320 32zM128 408c0 35.3 86 72 192 72s192-36.7 192-72L496.7 262.6 354.5 314c-11.1 4-22.8 6-34.5 6s-23.5-2-34.5-6L143.3 262.6 128 408z\"\/><\/svg>\n\t\t<span><\/span>\n\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 384 512\"><path d=\"M342.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L274.7 256 105.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z\"\/><\/svg>\n\t<\/a>\n    <h3>CSS<\/h3>\n    <p>Cascading Style Sheets (CSS) is an essential coding language used for styling webpages. CSS helps you create beautiful pages by modifying the appearance of various elements, including font style, color, layout, and more.<\/p>\n            <a\n            href=\"https:\/\/www.dreamhost.com\/glossary\/web-design\/css\/\"\n                        class=\"btn btn--white-outline btn--sm btn--round\"\n                                    target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            >\n                            Read More                    <\/a>\n\n<\/div>\n\n\n\n<p>This is the default option, and we recommend choosing it if you&#8217;re new to child themes:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1600\" height=\"465\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/select-where-to-save-new-styles.jpg\" alt=\"step 5: select where to save new styles with &quot;primary stylesheet&quot; selected instead of &quot;separate stylesheet&quot; \" class=\"wp-image-43135 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/select-where-to-save-new-styles.jpg.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/select-where-to-save-new-styles-300x87.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/select-where-to-save-new-styles-1024x298.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/select-where-to-save-new-styles-768x223.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/select-where-to-save-new-styles-1536x446.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/select-where-to-save-new-styles-600x174.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/select-where-to-save-new-styles-1200x349.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/select-where-to-save-new-styles-730x212.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/select-where-to-save-new-styles-1460x424.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/select-where-to-save-new-styles-784x228.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/select-where-to-save-new-styles-1568x456.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/select-where-to-save-new-styles-877x255.jpg.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/465;\" \/><\/figure>\n\n\n\n<p>You&#8217;ll now be prompted to choose your parent theme stylesheet handling method. There are various options, but we recommend sticking with <i>Use the WordPress style queue<\/i> for most use cases:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1600\" height=\"615\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/select-parent-theme-stylesheet-handling.jpg\" alt=\"step 6: select parent theme stylesheet handling with &quot;use the wordpress style queue&quot; selected \" class=\"wp-image-43136 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/select-parent-theme-stylesheet-handling.jpg.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/select-parent-theme-stylesheet-handling-300x115.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/select-parent-theme-stylesheet-handling-1024x394.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/select-parent-theme-stylesheet-handling-768x295.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/select-parent-theme-stylesheet-handling-1536x590.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/select-parent-theme-stylesheet-handling-600x231.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/select-parent-theme-stylesheet-handling-1200x461.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/select-parent-theme-stylesheet-handling-730x281.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/select-parent-theme-stylesheet-handling-1460x561.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/select-parent-theme-stylesheet-handling-784x301.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/select-parent-theme-stylesheet-handling-1568x603.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/select-parent-theme-stylesheet-handling-877x337.jpg.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/615;\" \/><\/figure>\n\n\n\n<p>As a beginner, it&#8217;s better to use the default option until you&#8217;re more familiar with how the parent theme handles the stylesheet. The other options aren&#8217;t always compatible with all themes.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Step 5: Name Your Child Theme<\/h3>\n\n\n\n<p>The next step is to name your child theme and write a description for it.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1600\" height=\"877\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/Name-Your-Child-Theme.jpg\" alt=\"step 7: customer the child theme name, description, author, version, etc. with respective text boxes in the attributes editor \" class=\"wp-image-43137 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Name-Your-Child-Theme.jpg.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/Name-Your-Child-Theme-300x164.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/Name-Your-Child-Theme-1024x561.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/Name-Your-Child-Theme-768x421.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/Name-Your-Child-Theme-1536x842.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Name-Your-Child-Theme-600x329.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Name-Your-Child-Theme-1200x658.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Name-Your-Child-Theme-730x400.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Name-Your-Child-Theme-1460x800.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Name-Your-Child-Theme-784x430.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Name-Your-Child-Theme-1568x859.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Name-Your-Child-Theme-877x481.jpg.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/877;\" \/><\/figure>\n\n\n\n<p>Child Theme Configurator will pull the default information from your parent theme and display it here. If you&#8217;re simply making a child theme for personal use, you can leave the data as-is.<\/p>\n\n\n\n<p>However, if your parent theme will serve as the basis for a new theme you&#8217;re developing, you might want to add a brief description and a unique name.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Step 6: Copy The Parent Settings To The Child Theme<\/h3>\n\n\n\n<p>The plugin will now ask you to confirm that it can copy the parent theme&#8217;s settings to your child theme:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1600\" height=\"384\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/Copy-The-Parent-Settings-To-The-Child-Theme.jpg\" alt=\"step 8: copy menus, widgets, and other customizer settings from the parents theme to the child theme with the checkbox selected \" class=\"wp-image-43138 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Copy-The-Parent-Settings-To-The-Child-Theme.jpg.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/Copy-The-Parent-Settings-To-The-Child-Theme-300x72.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/Copy-The-Parent-Settings-To-The-Child-Theme-1024x246.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/Copy-The-Parent-Settings-To-The-Child-Theme-768x184.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/Copy-The-Parent-Settings-To-The-Child-Theme-1536x369.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Copy-The-Parent-Settings-To-The-Child-Theme-600x144.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Copy-The-Parent-Settings-To-The-Child-Theme-1200x288.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Copy-The-Parent-Settings-To-The-Child-Theme-730x175.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Copy-The-Parent-Settings-To-The-Child-Theme-1460x350.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Copy-The-Parent-Settings-To-The-Child-Theme-784x188.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Copy-The-Parent-Settings-To-The-Child-Theme-1568x376.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Copy-The-Parent-Settings-To-The-Child-Theme-877x210.jpg.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/384;\" \/><\/figure>\n\n\n\n<p>This step will ensure that your child theme pulls its functionality and appearance from the parent theme. Note that if you&#8217;re working with a premium or restricted theme as the parent, you may not be able to perform this step.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Step 7: Create Your New Child Theme And Preview It<\/h3>\n\n\n\n<p>The final step is to make your child theme. Click on the <i>Create New Child Theme<\/i> button and wait for the plugin to do its job:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1600\" height=\"343\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/Create-Your-New-Child-Theme-And-Preview-It.jpg\" alt=\"step 9: click to run the configurator and &quot;create new child theme&quot; button\" class=\"wp-image-43139 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Create-Your-New-Child-Theme-And-Preview-It.jpg.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/Create-Your-New-Child-Theme-And-Preview-It-300x64.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/Create-Your-New-Child-Theme-And-Preview-It-1024x220.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/Create-Your-New-Child-Theme-And-Preview-It-768x165.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/Create-Your-New-Child-Theme-And-Preview-It-1536x329.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Create-Your-New-Child-Theme-And-Preview-It-600x129.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Create-Your-New-Child-Theme-And-Preview-It-1200x257.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Create-Your-New-Child-Theme-And-Preview-It-730x156.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Create-Your-New-Child-Theme-And-Preview-It-1460x313.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Create-Your-New-Child-Theme-And-Preview-It-784x168.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Create-Your-New-Child-Theme-And-Preview-It-1568x336.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Create-Your-New-Child-Theme-And-Preview-It-877x188.jpg.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/343;\" \/><\/figure>\n\n\n\n<p>You should get a notification that your child theme was created successfully:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1600\" height=\"303\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/Create-Your-New-Child-Theme-And-Preview-It-v2.jpg\" alt=\"child theme twenty twenty-four child has been generated successfully \" class=\"wp-image-43140 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Create-Your-New-Child-Theme-And-Preview-It-v2.jpg.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/Create-Your-New-Child-Theme-And-Preview-It-v2-300x57.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/Create-Your-New-Child-Theme-And-Preview-It-v2-1024x194.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/Create-Your-New-Child-Theme-And-Preview-It-v2-768x145.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/Create-Your-New-Child-Theme-And-Preview-It-v2-1536x291.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Create-Your-New-Child-Theme-And-Preview-It-v2-600x114.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Create-Your-New-Child-Theme-And-Preview-It-v2-1200x227.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Create-Your-New-Child-Theme-And-Preview-It-v2-730x138.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Create-Your-New-Child-Theme-And-Preview-It-v2-1460x276.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Create-Your-New-Child-Theme-And-Preview-It-v2-784x148.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Create-Your-New-Child-Theme-And-Preview-It-v2-1568x297.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Create-Your-New-Child-Theme-And-Preview-It-v2-877x166.jpg.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/303;\" \/><\/figure>\n\n\n\n<p>Always preview your child theme before activating it on your website. This step will help you verify that everything is working as it should. Then, hit <i>Activate &amp; Publish<\/i> to get started with your child theme.<\/p>\n\n\n\n<h2 id=\"manual\" class=\"wp-block-heading\">How To Manually Create A WordPress Child Theme<\/h2>\n\n\n\n<p>If you&#8217;d rather not use a plugin to create your child theme, you can use the <a href=\"https:\/\/wordpress.tv\/2024\/02\/05\/create-a-block-child-theme\/\" target=\"_blank\" rel=\"noopener\">manual method.<\/a> You might prefer this route if you&#8217;re already using too many plugins on your website.<\/p>\n\n\n\n<p>Additionally, manually creating a WordPress child theme lets you make all the changes you want at a granular level. Just keep in mind you&#8217;ll need an intermediate<a href=\"https:\/\/www.dreamhost.com\/blog\/why-you-should-still-learn-css\/\" target=\"_blank\" rel=\"noopener\"> knowledge of CSS code<\/a>.<\/p>\n\n\n\n<p>Here&#8217;s a step-by-step guide:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Step 1: Develop A Plan For Your Changes<\/h3>\n\n\n\n<p>First, find a parent theme you like and list the changes you want to make. You can view the developer tools and see the theme&#8217;s code to make the correct changes.<\/p>\n\n\n\n<p>To view the developer tools, right-click anywhere on your site while running the theme and select <i>Inspect Element<\/i>. You&#8217;ll then see a page of data that looks something like this:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1600\" height=\"660\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/Develop-A-Plan-For-Your-Changes.jpg\" alt=\"blue screen of code with &quot;background-color&quot; highlighted in three places\" class=\"wp-image-43141 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Develop-A-Plan-For-Your-Changes.jpg.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/Develop-A-Plan-For-Your-Changes-300x124.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/Develop-A-Plan-For-Your-Changes-1024x422.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/Develop-A-Plan-For-Your-Changes-768x317.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/Develop-A-Plan-For-Your-Changes-1536x634.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Develop-A-Plan-For-Your-Changes-600x248.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Develop-A-Plan-For-Your-Changes-1200x495.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Develop-A-Plan-For-Your-Changes-730x301.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Develop-A-Plan-For-Your-Changes-1460x602.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Develop-A-Plan-For-Your-Changes-784x323.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Develop-A-Plan-For-Your-Changes-1568x647.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Develop-A-Plan-For-Your-Changes-877x362.jpg.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/660;\" \/><\/figure>\n\n\n\n<p>Here, you can search for background colors, font information, margin size, and more. Then, you can make a list of features you&#8217;d like to adjust in your child theme.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Step 2: Back Up Your Site<\/h3>\n\n\n\n<p>It&#8217;s essential to<a href=\"https:\/\/www.dreamhost.com\/blog\/10-important-reasons-to-perform-website-backup\/\" target=\"_blank\" rel=\"noopener\"> back up your current site<\/a> before making any changes to avoid losing your settings. You can always revert to this backup if needed. You might also consider utilizing a<a href=\"https:\/\/www.dreamhost.com\/blog\/website-staging-beginners-guide\/\" target=\"_blank\" rel=\"noopener\"> staging website<\/a> in case you make critical mistakes.<\/p>\n\n\n\n<p>There are a couple of different ways to back up your site. You can do it manually using a backup plugin, which is probably the easiest method for most people.<\/p>\n\n\n\n<p>Alternatively, you can partner with a WordPress hosting provider that takes care of website backups. Our<a href=\"https:\/\/www.dreamhost.com\/wordpress\/managed\/\" target=\"_blank\" rel=\"noopener\"> DreamPress managed hosting plans<\/a> include automatic and on-demand backups to safeguard your data.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Step 3: Create A Folder For Your Child Theme<\/h3>\n\n\n\n<p>You&#8217;ll need to create a folder to store your child theme files. To achieve this, first access your files via a<a href=\"https:\/\/www.dreamhost.com\/blog\/ftp-sftp-guide-for-wordpress-users\/\" target=\"_blank\" rel=\"noopener\"> Secure File Transfer Protocol (SFTP)<\/a> client such as<a href=\"https:\/\/filezilla-project.org\/\" target=\"_blank\" rel=\"noopener\"> Filezilla<\/a> and navigate to the themes folder:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1600\" height=\"896\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/Create-A-Folder-For-Your-Child-Theme.jpg\" alt=\"files showing where theme files live under wp-content&gt;themes\" class=\"wp-image-43142 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Create-A-Folder-For-Your-Child-Theme.jpg.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/Create-A-Folder-For-Your-Child-Theme-300x168.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/Create-A-Folder-For-Your-Child-Theme-1024x573.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/Create-A-Folder-For-Your-Child-Theme-768x430.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/Create-A-Folder-For-Your-Child-Theme-1536x860.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Create-A-Folder-For-Your-Child-Theme-600x336.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Create-A-Folder-For-Your-Child-Theme-1200x672.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Create-A-Folder-For-Your-Child-Theme-730x409.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Create-A-Folder-For-Your-Child-Theme-1460x818.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Create-A-Folder-For-Your-Child-Theme-784x439.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Create-A-Folder-For-Your-Child-Theme-1568x878.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Create-A-Folder-For-Your-Child-Theme-877x491.jpg.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/896;\" \/><\/figure>\n\n\n\n<p>Here, you can create a new directory for your child theme. Make a new folder that carries the parent theme&#8217;s name and add \u201c-child\u201d to the end.<\/p>\n\n\n\n<p>For example, if your parent theme directory is named &#8220;twentytwentyfour&#8221;, your child theme directory will be called \u201ctwentytwentyfour-child\u201d.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Step 4: Make A Stylesheet For Your Child Theme<\/h3>\n\n\n\n<p>Now you&#8217;ll need to make a new text file and name it \u201cstyle.css\u201d. This file will form the basis of your child theme. It will need some basic header information, including its name, URL, description, and more:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1600\" height=\"658\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/Make-A-Stylesheet-For-Your-Child-Theme.jpg\" alt=\"style sheet with 8 lines showing each written out line of the theme name, URL, description, author, author URL, parent theme, version, and text domain\" class=\"wp-image-43143 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Make-A-Stylesheet-For-Your-Child-Theme.jpg.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/Make-A-Stylesheet-For-Your-Child-Theme-300x123.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/Make-A-Stylesheet-For-Your-Child-Theme-1024x421.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/Make-A-Stylesheet-For-Your-Child-Theme-768x316.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/Make-A-Stylesheet-For-Your-Child-Theme-1536x632.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Make-A-Stylesheet-For-Your-Child-Theme-600x247.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Make-A-Stylesheet-For-Your-Child-Theme-1200x494.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Make-A-Stylesheet-For-Your-Child-Theme-730x300.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Make-A-Stylesheet-For-Your-Child-Theme-1460x600.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Make-A-Stylesheet-For-Your-Child-Theme-784x322.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Make-A-Stylesheet-For-Your-Child-Theme-1568x645.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Make-A-Stylesheet-For-Your-Child-Theme-877x361.jpg.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/658;\" \/><\/figure>\n\n\n\n<p>Now save and add the <i>style.css<\/i> file to the directory folder you just made.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Step 5: Enqueue The Stylesheets<\/h3>\n\n\n\n<p>Next, you&#8217;ll need to enqueue the parent and child theme stylesheets.<\/p>\n\n\n\n<p>The <a href=\"https:\/\/www.dreamhost.com\/blog\/wordpress-theme-configuration\/\" target=\"_blank\" rel=\"noopener\">enqueue<\/a> function ensures that your child theme will take its style data from the parent theme. It also allows you to edit the child theme without affecting its parent.<\/p>\n\n\n\n<p>Make a new functions file in your child theme directory and name it \u201cfunctions.php\u201d. You can then tell your child theme to reference the base theme by adding the following code:<\/p>\n\n\n\n<p><code>&lt;?php<\/code><\/p>\n\n\n\n<p><code>add_action( 'wp_enqueue_scripts', 'enqueue_parent_styles' );<\/code><\/p>\n\n\n\n<p><code>function enqueue_parent_styles() {<\/code><\/p>\n\n\n\n<p><code>wp_enqueue_style( 'parent-style', get_template_directory_uri().'\/style.css' );<\/code><\/p>\n\n\n\n<p><code>}<\/code><\/p>\n\n\n\n<p><code>?&gt;<\/code><\/p>\n\n\n\n<p>Save the text file and navigate to your WordPress dashboard to activate the theme.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Step 6: Activate The Child Theme<\/h3>\n\n\n\n<p>Finally, it\u2019s time to activate your child theme. You can upload it manually by going to <i>Appearance &gt; Themes<\/i> <i>&gt; Upload<\/i>. Then, choose a <i>.zip<\/i> version of your child theme directory:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1600\" height=\"707\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/Activate-The-Child-Theme.jpg\" alt=\"wordpress sidebar nav showing you can find themes under appearance \" class=\"wp-image-43144 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Activate-The-Child-Theme.jpg.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/Activate-The-Child-Theme-300x133.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/Activate-The-Child-Theme-1024x452.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/Activate-The-Child-Theme-768x339.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/Activate-The-Child-Theme-1536x679.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Activate-The-Child-Theme-600x265.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Activate-The-Child-Theme-1200x530.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Activate-The-Child-Theme-730x323.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Activate-The-Child-Theme-1460x645.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Activate-The-Child-Theme-784x346.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Activate-The-Child-Theme-1568x693.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Activate-The-Child-Theme-877x388.jpg.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/707;\" \/><\/figure>\n\n\n\n<p>Activate your child theme. It should now be live!<\/p>\n\n\n\n<h2 id=\"customize\" class=\"wp-block-heading\">How To Customize Your Child Theme<\/h2>\n\n\n\n<p>Once you&#8217;ve activated your new child theme, it&#8217;s time to take it for a spin. There are several different ways you can customize the design and functionality.<\/p>\n\n\n\n<p>One principle to bear in mind is that WordPress automatically looks for files in the child directory before scanning the parent theme files. This means any stylesheet or template you add to your child theme will take precedence over the same file in the parent folder.<\/p>\n\n\n\n<p>The child-before-parent system gives us loads of options.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Creating Custom Styles<\/h3>\n\n\n\n<p>For basic design changes that aren&#8217;t covered by the <i>Theme Options<\/i> panel, you can create your own custom styles. In most cases, you can simply rewrite existing parent styling rules in a new stylesheet.<\/p>\n\n\n\n<p>The best way to find the CSS you want to modify is by using the <i>Inspector Tools<\/i> in your browser. You can look at the CSS and the HTML behind any webpage by right-clicking on it and selecting <i>Inspect Element.<\/i><\/p>\n\n\n\n<p>At the bottom or the right side of your screen, you&#8217;ll find the code for the page. Hover your mouse over the code and highlight the HTML in sections:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1600\" height=\"723\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/Creating-Custom-Styles.jpg\" alt=\"inspect code showing the various HMTL sections\" class=\"wp-image-43145 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Creating-Custom-Styles.jpg.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/Creating-Custom-Styles-300x136.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/Creating-Custom-Styles-1024x463.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/Creating-Custom-Styles-768x347.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/Creating-Custom-Styles-1536x694.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Creating-Custom-Styles-600x271.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Creating-Custom-Styles-1200x542.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Creating-Custom-Styles-730x330.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Creating-Custom-Styles-1460x660.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Creating-Custom-Styles-784x354.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Creating-Custom-Styles-1568x709.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Creating-Custom-Styles-877x396.jpg.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/723;\" \/><\/figure>\n\n\n\n<p>As you hover, it will also display the CSS rules. You can edit the CSS directly with the developer tools to see how it looks.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1600\" height=\"262\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/directly-edit-CSS.jpg\" alt=\"inspect page HTML code showing the span class and background color in HTML\" class=\"wp-image-43146 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/directly-edit-CSS.jpg.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/directly-edit-CSS-300x49.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/directly-edit-CSS-1024x168.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/directly-edit-CSS-768x126.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/directly-edit-CSS-1536x252.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/directly-edit-CSS-600x98.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/directly-edit-CSS-1200x197.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/directly-edit-CSS-730x120.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/directly-edit-CSS-1460x239.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/directly-edit-CSS-784x128.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/directly-edit-CSS-1568x257.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/directly-edit-CSS-877x144.jpg.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/262;\" \/><\/figure>\n\n\n\n<p>In this example, we changed the background color from \u201c#9888fd\u201d to \u201c#9888fe\u201d to see how it would look. The background color will change instantly, but it&#8217;s not permanent.<\/p>\n\n\n\n<p>You now need to copy the CSS rule and add it to the <i>style.css<\/i> file of your child theme like this:<\/p>\n\n\n\n<p><code>body {<\/code><\/p>\n\n\n\n<p><code>Background-color: #9888fe;<\/code><\/p>\n\n\n\n<p><code>}<\/code><\/p>\n\n\n\n<p>Save these changes in the <i>style.css<\/i> file and return to your WordPress dashboard to preview the theme. This process might require trial and error, so take your time to perfect the style.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Override Parent Templates<\/h3>\n\n\n\n<p>Just as we can create a new stylesheet for custom CSS, it&#8217;s possible to override parent templates with new content. This allows you to make wholesale changes to the structure of specific parts of your website \u2014 such as the header and navigation menu, the footer, or the single posts template.<\/p>\n\n\n\n<p>Let&#8217;s imagine that you want to change the blog post layout in your child theme, so the title of each post appears above the featured image.<\/p>\n\n\n\n<p>This section of your site is controlled by the <i>content.php<\/i> template file. To start making changes, download a copy of <i>content.php<\/i> from the parent folder via SFTP.<\/p>\n\n\n\n<p>Next, open the child template in your text editor. You might see something like this:<\/p>\n\n\n\n<p><code>twentytwentyfour_post_thumbnail();<\/code><\/p>\n\n\n\n<p><code>&lt;header&gt;<\/code><br><code>&lt;!-- Title and other header info here --&gt;<\/code><br><code>&lt;\/header&gt;<\/code><\/p>\n\n\n\n<p><code>To adjust the layout of your header, you might change the code to read:<\/code><\/p>\n\n\n\n<p><code>&lt;header&gt;<\/code><br><code>&lt;!-- Title and other header info here --&gt;<\/code><br><code>&lt;\/header&gt;<\/code><\/p>\n\n\n\n<p><code>\/\/ Post thumbnail<\/code><br><code>twentytwentyfour_post_thumbnail();<\/code><\/p>\n\n\n\n<p>Finally, save the file and upload it to the child theme folder. Make sure to retain the original name of the file, otherwise WordPress won&#8217;t recognize your edited template.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Custom Page Templates<\/h3>\n\n\n\n<p>Want something totally different? You can also add brand new templates to your child theme.<\/p>\n\n\n\n<p>The process is exactly like<a href=\"https:\/\/www.dreamhost.com\/blog\/wordpress-templates-template-parts\/\" target=\"_blank\" rel=\"noopener\"> developing templates for a regular theme<\/a>, except you may also need to create custom header and footer templates. These files need to be referenced in your new custom template \u2014 and don&#8217;t forget to add some new CSS via the existing child stylesheet.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Creating New PHP Functions<\/h3>\n\n\n\n<p>If you want to introduce new features in your child theme, you can create a child <i>functions.php<\/i> file. This works in tandem with the parent functions file, rather than replacing it.<\/p>\n\n\n\n<p>As such, you don&#8217;t need to make a copy of the original file \u2014 simply write any additional scripts you want to add on top. The child functions file will run first, followed by the parent version.<\/p>\n\n\n\n<p>Adding a functions file to your child theme opens up a whole range of possibilities. For example, you could:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Register new widgets and shortcodes.<\/li>\n\n\n\n<li>Add custom post types and taxonomies.<\/li>\n\n\n\n<li>Create new theme options.<\/li>\n\n\n\n<li>Hook up external stylesheets and JavaScript files.<\/li>\n\n\n\n<li>Lay the groundwork for translating and localizing content.<\/li>\n\n\n\n<li>Override certain parent theme functions.<\/li>\n<\/ul>\n\n\n\n<p>You can learn more about creating these functions in<a href=\"https:\/\/www.dreamhost.com\/blog\/guide-to-wp-functions\/\" target=\"_blank\" rel=\"noopener\"> our complete guide to <i>functions.php<\/i><\/a>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Using Theme Hooks<\/h3>\n\n\n\n<p>The most efficient way of adding features to your new functions file is by using <a href=\"https:\/\/www.dreamhost.com\/glossary\/wordpress\/custom-hook\/\" target=\"_blank\" rel=\"noopener\">hooks<\/a>.<\/p>\n\n\n\n<p>Hooks are part of the core functionality of WordPress. They allow you to alter various parts of your website without having to edit individual templates.<\/p>\n\n\n\n<p>Instead, you simply assign your code to the relevant hook in the functions file. WordPress will then automatically apply this code to matching elements in the parent theme.<\/p>\n\n\n\n<p>In WordPress, hooks come in two varieties:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><b>Action Hooks<\/b>: Used to &#8220;hook&#8221; custom code into specific parts of your WordPress theme, such as a new widget area or a custom message to be displayed after each blog post.<\/li>\n\n\n\n<li><b>Filter Hooks<\/b>: Used to modify content generated either by WordPress or a parent theme, before it&#8217;s sent to a browser or stored in the database. In terms of child themes, they are most often used to adjust the length of excerpts.<\/li>\n<\/ul>\n\n\n\n<p>Most hooks only require a small code snippet. For example, here&#8217;s the code you would need for adding some content to the footer of your site:<\/p>\n\n\n\n<p><code>function my_custom_footer_content() {<\/code><br><code>echo '&lt;div&gt;Custom footer content here&lt;\/div&gt;';<\/code><br><code>}<\/code><br><code>add_action('wp_footer', 'my_custom_footer_content');<\/code><\/p>\n\n\n\n<p>You see that &#8216;wp_footer&#8217; bit? That&#8217;s the hook, and it tells WordPress where this code needs to go. In this case, your custom function should come straight after the <a href=\"https:\/\/www.dreamhost.com\/blog\/website-footer-guide\/\" target=\"_blank\" rel=\"noopener\">footer<\/a> template \u2014 wherever that is invoked within your theme. Neat, huh?<\/p>\n\n\n\n<h2 id=\"FAQs\" class=\"wp-block-heading\">WordPress Child Theme FAQs<\/h2>\n\n\n\n<p>We&#8217;d like to think this guide has been pretty comprehensive so far. But if you still have questions hanging, we have answers:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Should I activate parent or child theme in WordPress?<\/h3>\n\n\n\n<p>There&#8217;s a simple rule here: activate the theme you want to use.<\/p>\n\n\n\n<p>If you want to revert to the original design as your active theme, activate the parent. But if you want to enable those glorious customizations, be sure to activate the child theme.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">What are the disadvantages of using a child theme?<\/h3>\n\n\n\n<p>There aren&#8217;t many disadvantages to using a child theme. It&#8217;s a little more technical than customizing your site via the Dashboard. To make bigger changes, you will need at least some basic knowledge of HTML, CSS, and PHP.<\/p>\n\n\n\n<p>It&#8217;s also worth noting that a poorly optimized child theme can slow down your site, and you&#8217;re always going to be reliant on the parent theme.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Can a child theme exist without a parent theme?<\/h3>\n\n\n\n<p>Nope, a child theme doesn&#8217;t work without a parent theme.<\/p>\n\n\n\n<p>The concept of a child theme is inherently dependent on a parent theme. Remember that the parent supplies everything other than the custom styles and templates you add. What&#8217;s more, the whole folder structure of your site would be messed up if you removed the parent folder.<\/p>\n\n\n\n<p>If you want to separate out your child design, consider converting it to a standalone theme.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Can you have multiple child themes for one parent theme?<\/h3>\n\n\n\n<p>Yes, you can. This means you can craft multiple versions of the same site to suit different audiences. You could even<a href=\"https:\/\/www.dreamhost.com\/blog\/ab-testing-landing-pages\/\" target=\"_blank\" rel=\"noopener\"> run A\/B testing<\/a> this way.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">What are the best WordPress child theme creator plugins?<\/h3>\n\n\n\n<p>Along with Child Theme Configurator, which we worked with earlier, check out<a href=\"https:\/\/en-gb.wordpress.org\/plugins\/wp-child-theme-generator\/\" target=\"_blank\" rel=\"noopener\"> WP Child Theme Generator<\/a> and<a href=\"https:\/\/en-gb.wordpress.org\/plugins\/child-theme-wizard\/\" target=\"_blank\" rel=\"noopener\"> Child Theme Wizard<\/a>.<\/p>\n\n\n\n<p>WordPress.org has its very own experimental child theme plugin, too. It&#8217;s called<a href=\"https:\/\/en-gb.wordpress.org\/plugins\/create-block-theme\/\" target=\"_blank\" rel=\"noopener\"> Create Block Theme<\/a>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">What is the difference between a child theme and a custom theme?<\/h3>\n\n\n\n<p>Dependency is probably the biggest difference. A child theme leans on the core files of a parent theme, whereas a custom theme stands alone.<\/p>\n\n\n\n<p>That independence means that theme developers can introduce new core features and more customization. On the flip side, you need to be comfortable with code to create and maintain a custom theme.<\/p>\n\n\n\n<p>It requires way more development time to build a complete theme from scratch, as well.<\/p>\n\n\n\n<h2 id=\"protect\" class=\"wp-block-heading\">Protect Your Theme Customizations And Updates<\/h2>\n\n\n\n<p>Using a child theme helps you avoid the complications of editing a parent theme directly. A child theme is easy to adjust, enabling you to make sweeping design changes to an existing website. Plus, it isn&#8217;t affected by automatic theme updates.<\/p>\n\n\n\n<p>Here&#8217;s a quick recap of how to create a child theme manually:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Make a plan.<\/li>\n\n\n\n<li>Back up your current site.<\/li>\n\n\n\n<li>Create a folder for your child theme using an SFTP client.<\/li>\n\n\n\n<li>Make a style sheet and upload it to your site.<\/li>\n\n\n\n<li>Enqueue the child and parent theme stylesheets.<\/li>\n\n\n\n<li>Activate and preview your child theme.<\/li>\n\n\n\n<li>Make changes using CSS.<\/li>\n<\/ul>\n\n\n\n<p>Having a beautiful theme is just one part of running a successful website. You&#8217;ll also need a hosting provider that fits your needs. Check out<a href=\"https:\/\/www.dreamhost.com\/hosting\/\" target=\"_blank\" rel=\"noopener\"> DreamHost&#8217;s shared hosting<\/a> packages for affordable plans that prioritize website performance, with 100% uptime guaranteed!<\/p>\n\n\n\n\n\n<div\n\tclass=\"article-cta-shared article-cta-small\"\n>\n    <div class=\"tr-img-wrap-outer jsLoading\"><img decoding=\"async\" class=\"js-img-lazy \" src=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/themes\/blog2018\/assets\/img\/lazy-loading-transparent.webp\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/themes\/blog2018\/assets\/img\/article-small-ad-cta-placeholder.webp 1x, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/themes\/blog2018\/assets\/img\/article-small-ad-cta-placeholder-x2.webp 2x\"  alt=\"Ad background image\" \/><\/div>\n\n\n\n\n  <div class=\"content-btm\">\n    <h2\n      class=\"h2--md\"\n    >\n      We Make WordPress Easier for You\n    <\/h2>\n    <p\n      class=\"p--md\"\n    >\n      Leave migrating your site, installing WordPress, managing security and updates, and optimizing server performance to us. Now you can focus on what matters most: growing your website.\n    <\/p>\n\n            <a\n            href=\"https:\/\/www.dreamhost.com\/wordpress\/\"\n                        class=\"btn btn--white-outline btn--sm btn--round\"\n                                    target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            >\n                            Check Out Plans                    <\/a>\n\n  <\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>When you have specific requirements, selecting a WordPress theme is no easy task. Your choice needs to look the part and provide all the functions you need \u2014 Some compromise is almost inevitable. Customizing your chosen theme is one way to get around this issue. However, WordPress themes need to be updated periodically. When the [&hellip;]<\/p>\n","protected":false},"author":1062,"featured_media":43125,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_yoast_wpseo_metadesc":"Want to customize your site? This guide shows how to create a WordPress child theme without writing code.","toc_headlines":"[[\"definition\",\"What Is A Child Theme?\"],[\"why\",\"Why You Should Use A Child Theme\"],[\"plugin\",\"How To Create A WordPress Child Theme Using A Plugin\"],[\"manual\",\"How To Manually Create A WordPress Child Theme\"],[\"customize\",\"How To Customize Your Child Theme\"],[\"FAQs\",\"WordPress Child Theme FAQs\"],[\"protect\",\"Protect Your Theme Customizations And Updates\"]]","hide_toc":false,"footnotes":""},"categories":[13119,550,696],"tags":[],"class_list":["post-33538","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-getting-started","category-tutorials","category-wordpress"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v26.3 (Yoast SEO v27.4) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>How To Create A WordPress Child Theme - DreamHost<\/title>\n<meta name=\"description\" content=\"Want to customize your site? This guide shows how to create a WordPress child theme without writing code.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www-dev.dreamhost.com\/blog\/how-to-create-wordpress-child-theme\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Make your own WordPress Child Theme: Step-By-Step\" \/>\n<meta property=\"og:description\" content=\"Anyone can create a WordPress child. Learn how to safely customize and extend your website&#039;s functionality without risking updates to your main theme.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www-dev.dreamhost.com\/blog\/how-to-create-wordpress-child-theme\/\" \/>\n<meta property=\"og:site_name\" content=\"DreamHost Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/DreamHost\/\" \/>\n<meta property=\"article:published_time\" content=\"2024-02-12T15:00:09+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-05-21T23:31:23+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/wordpress-child-theme-OGIMAGE.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"628\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Jason Cosper\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:title\" content=\"Make your own WordPress Child Theme: Step-By-Step\" \/>\n<meta name=\"twitter:description\" content=\"Anyone can create a WordPress child. Learn how to safely customize and extend your website&#039;s functionality without risking updates to your main theme.\" \/>\n<meta name=\"twitter:creator\" content=\"@dreamhost\" \/>\n<meta name=\"twitter:site\" content=\"@dreamhost\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Jason Cosper\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"20 minutes\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"How To Create A WordPress Child Theme - DreamHost","description":"Want to customize your site? This guide shows how to create a WordPress child theme without writing code.","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:\/\/www-dev.dreamhost.com\/blog\/how-to-create-wordpress-child-theme\/","og_locale":"en_US","og_type":"article","og_title":"Make your own WordPress Child Theme: Step-By-Step","og_description":"Anyone can create a WordPress child. Learn how to safely customize and extend your website's functionality without risking updates to your main theme.","og_url":"https:\/\/www-dev.dreamhost.com\/blog\/how-to-create-wordpress-child-theme\/","og_site_name":"DreamHost Blog","article_publisher":"https:\/\/www.facebook.com\/DreamHost\/","article_published_time":"2024-02-12T15:00:09+00:00","article_modified_time":"2025-05-21T23:31:23+00:00","og_image":[{"width":1200,"height":628,"url":"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/wordpress-child-theme-OGIMAGE.jpg","type":"image\/jpeg"}],"author":"Jason Cosper","twitter_card":"summary_large_image","twitter_title":"Make your own WordPress Child Theme: Step-By-Step","twitter_description":"Anyone can create a WordPress child. Learn how to safely customize and extend your website's functionality without risking updates to your main theme.","twitter_creator":"@dreamhost","twitter_site":"@dreamhost","twitter_misc":{"Written by":"Jason Cosper","Est. reading time":"20 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www-dev.dreamhost.com\/blog\/how-to-create-wordpress-child-theme\/#article","isPartOf":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/how-to-create-wordpress-child-theme\/"},"author":{"name":"Jason Cosper","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#\/schema\/person\/2273b8bf7336df78f6d99a89c17253c4"},"headline":"How to Create a WordPress Child Theme","datePublished":"2024-02-12T15:00:09+00:00","dateModified":"2025-05-21T23:31:23+00:00","mainEntityOfPage":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/how-to-create-wordpress-child-theme\/"},"wordCount":3516,"publisher":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#organization"},"image":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/how-to-create-wordpress-child-theme\/#primaryimage"},"thumbnailUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/wordpress-child-theme-HERO.jpg","articleSection":["Getting Started","Tutorials","WordPress"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www-dev.dreamhost.com\/blog\/how-to-create-wordpress-child-theme\/","url":"https:\/\/www-dev.dreamhost.com\/blog\/how-to-create-wordpress-child-theme\/","name":"How To Create A WordPress Child Theme - DreamHost","isPartOf":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/how-to-create-wordpress-child-theme\/#primaryimage"},"image":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/how-to-create-wordpress-child-theme\/#primaryimage"},"thumbnailUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/wordpress-child-theme-HERO.jpg","datePublished":"2024-02-12T15:00:09+00:00","dateModified":"2025-05-21T23:31:23+00:00","description":"Want to customize your site? This guide shows how to create a WordPress child theme without writing code.","breadcrumb":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/how-to-create-wordpress-child-theme\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www-dev.dreamhost.com\/blog\/how-to-create-wordpress-child-theme\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www-dev.dreamhost.com\/blog\/how-to-create-wordpress-child-theme\/#primaryimage","url":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/wordpress-child-theme-HERO.jpg","contentUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/wordpress-child-theme-HERO.jpg","width":1460,"height":1095,"caption":"a black background with a string of interconnected folders and a screenshot of a OneEighty Wordpress theme in the center"},{"@type":"BreadcrumbList","@id":"https:\/\/www-dev.dreamhost.com\/blog\/how-to-create-wordpress-child-theme\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/dhblog.dream.press\/blog\/"},{"@type":"ListItem","position":2,"name":"How to Create a WordPress Child Theme"}]},{"@type":"WebSite","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#website","url":"https:\/\/www-dev.dreamhost.com\/blog\/","name":"DreamHost Blog","description":"","publisher":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www-dev.dreamhost.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#organization","name":"DreamHost","url":"https:\/\/www-dev.dreamhost.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/dhblog.dream.press\/blog\/wp-content\/uploads\/2019\/01\/dh_logo-blue-2.png","contentUrl":"https:\/\/dhblog.dream.press\/blog\/wp-content\/uploads\/2019\/01\/dh_logo-blue-2.png","width":1200,"height":168,"caption":"DreamHost"},"image":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/DreamHost\/","https:\/\/x.com\/dreamhost","https:\/\/www.instagram.com\/dreamhost\/","https:\/\/www.linkedin.com\/company\/dreamhost\/","https:\/\/www.youtube.com\/user\/dreamhostusa"]},{"@type":"Person","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#\/schema\/person\/2273b8bf7336df78f6d99a89c17253c4","name":"Jason Cosper","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/02\/IMG_4807-scaled.jpeg","url":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/02\/IMG_4807-scaled.jpeg","contentUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/02\/IMG_4807-scaled.jpeg","caption":"Jason Cosper"},"description":"Jason is DreamHost\u2019s WordPress Product Advocate, based out of Bakersfield, CA. He is currently working on making our DreamPress product even better. In his free time, he likes to curl up on the couch and watch scary movies with his wife Sarah and three very small dogs. Follow him on Twitter.","url":"https:\/\/www-dev.dreamhost.com\/blog\/author\/jasoncosper\/"}]}},"lang":"en","translations":{"en":33538,"es":33566,"de":52166,"pt":57644,"pl":57647,"ru":57650,"uk":57653,"it":67874,"fr":69322,"nl":69352},"pll_sync_post":[],"_links":{"self":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts\/33538","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/users\/1062"}],"replies":[{"embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/comments?post=33538"}],"version-history":[{"count":10,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts\/33538\/revisions"}],"predecessor-version":[{"id":61420,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts\/33538\/revisions\/61420"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/media\/43125"}],"wp:attachment":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/media?parent=33538"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/categories?post=33538"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/tags?post=33538"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}