{"id":47999,"date":"2020-10-27T16:43:33","date_gmt":"2020-10-27T16:43:33","guid":{"rendered":"https:\/\/superbthemes.com\/?p=47999"},"modified":"2024-01-27T21:30:58","modified_gmt":"2024-01-27T21:30:58","slug":"how-to-create-a-wordpress-child-theme","status":"publish","type":"post","link":"https:\/\/blog.superbthemes.com\/website\/how-to-create-a-wordpress-child-theme\/","title":{"rendered":"How to Create a WordPress Child Theme (Step-by-step with images)"},"content":{"rendered":"\n<p>So you\u2019ve decided to create a child theme, that\u2019s awesome! There are numerous reasons why it makes sense to create a child theme; for example, it&#8217;s a great way to save your custom code not to get deleted when you update your WordPress theme. Anyway, I\u2019m sure you\u2019re already aware of that. Otherwise, you wouldn\u2019t be here.\u00a0<\/p>\n\n\n\n<p><strong>The options you have are the following: <\/strong><\/p>\n\n\n\n<ul>\n<li>Option 1: Use a child theme generator (Requires no effort). \ud83e\udd29<\/li>\n\n\n\n<li>Option 2: Use a plugin (Requires medium effort). \ud83e\udd28<\/li>\n<\/ul>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"option-1-use-a-child-theme-generator\">Option 1: Use a child theme generator<\/h2>\n\n\n\n<p>I&#8217;m showing the child theme generator as the first and easiest one because it works with every theme available. Many of the plugins don&#8217;t support all themes, so it can end up messy.<\/p>\n\n\n\n<div class=\"howtoinstall-themes\">\n\n\n\n<ol class=\"ordered-lists-with-screenshots\">\n<li>Visit Childtheme-generator.com.<code><a href=\"https:\/\/childtheme-generator.com\/\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" class=\"wp-image-48025\" style=\"width: 800px;\" src=\"https:\/\/superbthemes.com\/wp-content\/uploads\/2020\/10\/childtheme-generator.png\" alt=\"How to set up a child theme in WordPress with a child theme generator img 1\"><\/a><\/code><\/li>\n\n\n\n<li>Click the green <strong>Create Your Child Theme Now<\/strong> button.<br><a rel=\"noreferrer noopener nofollow\" href=\"https:\/\/childtheme-generator.com\/\" target=\"_blank\"><img decoding=\"async\" class=\"wp-image-48030\" style=\"width: 800px;\" src=\"https:\/\/superbthemes.com\/wp-content\/uploads\/2020\/10\/childtheme-generator-2.png\" alt=\"How to set up a child theme in WordPress with a child theme generator img 2\"><\/a><\/li>\n\n\n\n<li>Type in the name of the theme you want to create a child theme for, in our example it&#8217;s <strong>Bloggist<\/strong>, but that could be any theme. The slug is always the same as the theme name but with dashes (-) instead of spaces. <br><br>For example, if the theme name is <strong>Writers Blogily<\/strong> then the theme slug is <strong>writers-blogily<\/strong>. The child theme generator will fill out this info itself as well.<br><br><strong>Tip:<\/strong> It doesn&#8217;t matter what email you use.<br><br><img decoding=\"async\" class=\"wp-image-48034\" style=\"width: 600px;\" src=\"https:\/\/superbthemes.com\/wp-content\/uploads\/2020\/10\/child-theme-generator-3.png\" alt=\"How to set up a child theme in WordPress with a child theme generator img 3\"><\/li>\n\n\n\n<li>Click the blue <strong>Create your child theme now<\/strong> button.<\/li>\n\n\n\n<li>Download your child theme by clicking the green <strong>Download your child theme now<\/strong> button.<br><img decoding=\"async\" class=\"wp-image-48038\" style=\"width: 800px;\" src=\"https:\/\/superbthemes.com\/wp-content\/uploads\/2020\/10\/childtheme-generator-4.png\" alt=\"How to set up a child theme in WordPress with a child theme generator img 4\"><\/li>\n\n\n\n<li>Login to your website and go to <strong>Appearance &gt; Themes.<\/strong><br><img decoding=\"async\" class=\"wp-image-48041\" style=\"width: 150px;\" src=\"https:\/\/superbthemes.com\/wp-content\/uploads\/2020\/10\/theme-generator-5.png\" alt=\"How to set up a child theme in WordPress with a child theme generator img 5\"><\/li>\n\n\n\n<li>Click the <strong>Upload theme<\/strong> button.<br><img decoding=\"async\" class=\"wp-image-48043\" style=\"width: 500px;\" src=\"https:\/\/superbthemes.com\/wp-content\/uploads\/2020\/10\/theme-generator-6.png\" alt=\"How to set up a child theme in WordPress with a child theme generator img 6\"><\/li>\n\n\n\n<li>Click <strong>Choose File<\/strong>, select your new child theme, in our example, the folder is called <strong>bloggist-child-theme.zip,<\/strong> and click Install Now.<br><img decoding=\"async\" class=\"wp-image-48050\" style=\"width: 600px;\" src=\"https:\/\/superbthemes.com\/wp-content\/uploads\/2020\/10\/theme-generator-7.png\" alt=\"How to set up a child theme in WordPress with a child theme generator img 7\"><\/li>\n\n\n\n<li>Let it load, then click <strong>Activate<\/strong>.<\/li>\n\n\n\n<li>Hooray, you&#8217;re done! <\/li>\n<\/ol>\n\n\n\n<\/div>\n\n\n\n<div style=\"height:60px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<div style=\"height:60px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"option-two-use-a-child-theme-generator-plugin\">Option two: Use a child theme generator plugin<\/h2>\n\n\n\n<p>While using a child theme generator might seem like a simpler solution, it often isn&#8217;t, sadly. A lot of the child theme generator plugins don&#8217;t work with all themes and all versions of WordPress.<\/p>\n\n\n\n<p>In this tutorial, we&#8217;ll be using what is, in our opinion, the best free child theme generator plugin available.<\/p>\n\n\n\n<div class=\"howtoinstall-themes\">\n\n\n\n<ol class=\"ordered-lists-with-screenshots\">\n<li>Go to your WordPress dashboard and go to <strong>Plugins &gt; Add New.<\/strong><br><img decoding=\"async\" class=\"wp-image-48061\" style=\"width: 150px;\" src=\"https:\/\/superbthemes.com\/wp-content\/uploads\/2020\/10\/child-theme-plugin-1.png\" alt=\"How to set up a child theme in WordPress img 1\"><\/li>\n\n\n\n<li>Search for<strong> Child Theme Configurator<\/strong>.<br><img decoding=\"async\" class=\"wp-image-48065\" style=\"width: 800px;\" src=\"https:\/\/superbthemes.com\/wp-content\/uploads\/2020\/10\/child-theme-plugin-2.png\" alt=\"How to set up a child theme in WordPress img 2\"><\/li>\n\n\n\n<li>Find <strong>Child Theme Configurator<\/strong> as shown below and click <strong>Install Now.<\/strong><br><img decoding=\"async\" class=\"wp-image-48067\" style=\"width: 600px;\" src=\"https:\/\/superbthemes.com\/wp-content\/uploads\/2020\/10\/child-theme-plugin-3.png\" alt=\"How to set up a child theme in WordPress img 3\"><\/li>\n\n\n\n<li>When the plugin is done installing, activate it.<\/li>\n\n\n\n<li>Watch this tutorial that explains how to set up your child theme:<br><div style=\"margin-top:20px;padding: 56.25% 0 0 0; position: relative;\"><figure><iframe loading=\"lazy\" style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%;\" title=\"CTC v2: Create a New Child Theme\" width=\"100%\" height=\"auto\" src=\"https:\/\/www.youtube.com\/embed\/xL0YmieF6d0?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen=\"\"><\/iframe><\/figure><\/div><\/li>\n<\/ol>\n\n\n\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>So you\u2019ve decided to create a child theme, that\u2019s awesome! There are numerous reasons why it makes sense to create a child theme; for example, it&#8217;s a great way to save your&#8230;<\/p>\n","protected":false},"author":2,"featured_media":93494,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[8],"tags":[],"acf":[],"_links":{"self":[{"href":"https:\/\/blog.superbthemes.com\/wp-json\/wp\/v2\/posts\/47999"}],"collection":[{"href":"https:\/\/blog.superbthemes.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.superbthemes.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.superbthemes.com\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.superbthemes.com\/wp-json\/wp\/v2\/comments?post=47999"}],"version-history":[{"count":1,"href":"https:\/\/blog.superbthemes.com\/wp-json\/wp\/v2\/posts\/47999\/revisions"}],"predecessor-version":[{"id":93495,"href":"https:\/\/blog.superbthemes.com\/wp-json\/wp\/v2\/posts\/47999\/revisions\/93495"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog.superbthemes.com\/wp-json\/wp\/v2\/media\/93494"}],"wp:attachment":[{"href":"https:\/\/blog.superbthemes.com\/wp-json\/wp\/v2\/media?parent=47999"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.superbthemes.com\/wp-json\/wp\/v2\/categories?post=47999"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.superbthemes.com\/wp-json\/wp\/v2\/tags?post=47999"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}