{"id":2129,"date":"2017-02-06T17:03:51","date_gmt":"2017-02-06T17:03:51","guid":{"rendered":"https:\/\/www.codexworld.com\/?p=2129"},"modified":"2017-02-06T17:09:46","modified_gmt":"2017-02-06T17:09:46","slug":"drupal-sub-theme-tutorial-create-use","status":"publish","type":"post","link":"https:\/\/www.codexworld.com\/drupal-sub-theme-tutorial-create-use\/","title":{"rendered":"How to Create a Drupal Sub-Theme and When to Use It?"},"content":{"rendered":"<p>Drupal is a powerful and flexible CMS. There are many great features of Drupal, like highly scalable, enterprise-level security, and developers friendly. That being said, theming in Drupal is not easy (compared to CMS like WordPress).<\/p>\n<p>In this article, we are not going to talk about Drupal theming as it&#8217;s a large topic on its own that cannot be covered in a single article. For that, visit the official site for <a href=\"https:\/\/www.drupal.org\/docs\/8\/theming\" target=\"_blank\">Drupal theming<\/a>. Instead, we will discuss sub-theming, a powerful way to create a new theme from an existing theme.<\/p>\n<h2>What is sub-theme?<\/h2>\n<p>A subtheme is a theme created from the existing theme. It uses all the resources (css, js etc.) of the existing theme (parent theme), and depending upon your requirements, you can add additional functionality to it. <\/p>\n<p>For example: Suppose, you liked the Bartik theme (which is the default theme in both Drupal 7 and Drupal 8). However, you want to change the background color and font-family only, you can accomplish this task easily by creating a subtheme in few minutes.<\/p>\n<h2>How to create a subtheme in Drupal 8?<\/h2>\n<p>Creating a subtheme is easy. We will create a subtheme from the Bartik theme in this article.<\/p>\n<ul class=\"stepListL\">\n<li>In Drupal 8, all non-core theme should reside inside the <code>\/theme<\/code> folder. Create a folder inside it and give it a name. It will be the name of our sub-theme. Let&#8217;s name it codex for now.<\/li>\n<li>Inside the codex folder, create <code>codex.info.yml<\/code> file. If you used different name, create <code>yourthemename.info.yml<\/code> file.<\/li>\n<li>To create a Bartik subtheme, copy the following code in <code>codex.info.yml<\/code> file and save it.\n<pre>name: codex \r\ntype: theme\r\ndescription: Codex theme, a  sub-theme of Bartik\r\nbase theme: bartik\r\ncore: '8.x'\r\n\r\nlibraries:\r\n  - codex\/codex-styling\r\n\r\nckeditor_stylesheets:\r\n  - css\/base\/elements.css\r\n  - css\/components\/captions.css\r\n  - css\/components\/table.css\r\n  - css\/components\/text-formatted.css\r\n\r\nregions:\r\nheader: 'Header'\r\nprimary_menu: 'Primary menu'\r\nsecondary_menu: 'Secondary menu'\r\npage_top: 'Page top'\r\npage_bottom: 'Page bottom'\r\nhighlighted: Highlighted\r\nfeatured_top: 'Featured top'\r\nbreadcrumb: Breadcrumb\r\ncontent: Content\r\nsidebar_first: 'Sidebar first'\r\nsidebar_second: 'Sidebar second'\r\nfeatured_bottom_first: 'Featured bottom first'\r\nfeatured_bottom_second: 'Featured bottom second'\r\nfeatured_bottom_third: 'Featured bottom third'\r\nfooter_first: 'Footer first'\r\nfooter_second: 'Footer second'\r\nfooter_third: 'Footer third'\r\nfooter_fourth: 'Footer fourth'\r\nfooter_fifth: 'Footer fifth'\r\n<\/pre>\n<\/li>\n<li>Create <code>codex.libraries.yml<\/code> file on the same folder where <code>.info.yml<\/code> file is located. And paste the following code:\n<pre>codex-styling:\r\ncss:\r\n    theme:\r\n      style\/test.css: {}\r\n<\/pre>\n<p>This is essentially telling Drupal to use <code>test.css<\/code> file. The file should be located inside style folder which should be inside the codex folder we previously created.<br \/>\nSimilarly, we can add additional JavaScript files to our sub-theme.\n<\/li>\n<li>Now, create the test.css file in the location as indicated above (<code>\/themes\/codex\/style\/test.css<\/code>). Here, you can write CSS to override CSS of the Bartik theme. For now, paste the following code in <code>test.css<\/code> file and save it.\n<pre><span style=\"color:#bf4f24\">body<\/span> {\r\n    <span style=\"color:#691c97\">font<\/span><span style=\"color:#794938\">:<\/span> <span style=\"color:#811f24;font-weight:700\">18<span style=\"color:#794938\">px<\/span><\/span> <span style=\"color:#b4371f\">Tahoma<\/span>, <span style=\"color:#b4371f\">sans-serif<\/span>;\r\n    <span style=\"color:#691c97\">color<\/span><span style=\"color:#794938\">:<\/span> <span style=\"color:#b4371f\">white<\/span>\r\n}\r\n<span style=\"color:#bf4f24\">.content<\/span> {\r\n    <span style=\"color:#691c97\">background<\/span><span style=\"color:#794938\">:<\/span> <span style=\"color:#b4371f\">black<\/span>;\r\n}\r\n<\/pre>\n<\/li>\n<\/ul>\n<p>That&#8217;s all. You have created a Drupal sub-theme. To enable it, login to your website, go to <b>Appearance<\/b>, scroll down to Uninstall section and click Install and set as default of codex theme.<\/p>\n<div class=\"img_center\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.codexworld.com\/wp-content\/uploads\/2017\/02\/drupal-sub-theme-tutorial-install-default-codex-codexworld.png\" alt=\"drupal-sub-theme-tutorial-install-default-codex-codexworld\" width=\"837\" height=\"580\" class=\"alignnone size-full wp-image-2132\" srcset=\"https:\/\/www.codexworld.com\/wp-content\/uploads\/2017\/02\/drupal-sub-theme-tutorial-install-default-codex-codexworld.png 837w, https:\/\/www.codexworld.com\/wp-content\/uploads\/2017\/02\/drupal-sub-theme-tutorial-install-default-codex-codexworld-300x208.png 300w, https:\/\/www.codexworld.com\/wp-content\/uploads\/2017\/02\/drupal-sub-theme-tutorial-install-default-codex-codexworld-768x532.png 768w, https:\/\/www.codexworld.com\/wp-content\/uploads\/2017\/02\/drupal-sub-theme-tutorial-install-default-codex-codexworld-200x139.png 200w, https:\/\/www.codexworld.com\/wp-content\/uploads\/2017\/02\/drupal-sub-theme-tutorial-install-default-codex-codexworld-332x230.png 332w\" sizes=\"auto, (max-width: 837px) 100vw, 837px\" \/><\/div>\n<p><span class=\"note\">Note:<\/span> Regions mentioned in <code>.info.yml<\/code> file in our sub-theme comes from the <code>bratik.info.yml<\/code> file of  the Bartik theme. You can easily add or remove regions in your sub-theme depending upon your needs.<\/p>\n<p>The process of creating sub-theme in Drupal 7 is also similar. The only notable difference is that Drupal 7 uses <code>.info<\/code> instead of <code>.info.yml<\/code>.<\/p>\n<h2>When to use a sub-theme in Drupal?<\/h2>\n<p><b>When you need to make changes to the contributed theme<\/b><br \/>\nYou found a contributed Drupal theme that almost suits your site and installed it. You want to change a few things to make it perfect for your site. You went to the theme CSS file and modified it.<br \/>\nFor now, it works fine. But, the problem arises when the parent theme requires a new update. Suppose, there is a security update for the theme. You need to update it to make your website secure. However, updating the theme will remove all the changes you made.<br \/>\nSo, it&#8217;s always better to create a sub-theme in such cases. When you create a subtheme, your changes will not be modified even when the parent theme is modified.<\/p>\n<p><b>You need difference in design for two different pages or content type<\/b><br \/>\nThere are a few notable differences: They have different menus. The Learn Python page also has a secondary menu on the top-right corner. And, the body of Learn Python page is dark blue and they have a different logo. Except that, everything is similar.<br \/>\nWhat I did was created a subtheme for Python page from the Ultimate theme (which is the parent theme used in all other pages expect articles related to Python). The subtheme has an additional CSS file with less than 100 lines of code.<\/p>\n<p>Then, I used themekey module to use Ultimate Python theme (subtheme) instead of the Ultimate theme (parent theme) when the node type is python or python example.<\/p>\n<div class=\"img_center\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.codexworld.com\/wp-content\/uploads\/2017\/02\/drupal-sub-theme-tutorial-themekey-codexworld.png\" alt=\"drupal-sub-theme-tutorial-themekey-codexworld\" width=\"957\" height=\"191\" class=\"alignnone size-full wp-image-2131\" srcset=\"https:\/\/www.codexworld.com\/wp-content\/uploads\/2017\/02\/drupal-sub-theme-tutorial-themekey-codexworld.png 957w, https:\/\/www.codexworld.com\/wp-content\/uploads\/2017\/02\/drupal-sub-theme-tutorial-themekey-codexworld-300x60.png 300w, https:\/\/www.codexworld.com\/wp-content\/uploads\/2017\/02\/drupal-sub-theme-tutorial-themekey-codexworld-768x153.png 768w, https:\/\/www.codexworld.com\/wp-content\/uploads\/2017\/02\/drupal-sub-theme-tutorial-themekey-codexworld-200x40.png 200w, https:\/\/www.codexworld.com\/wp-content\/uploads\/2017\/02\/drupal-sub-theme-tutorial-themekey-codexworld-346x69.png 346w\" sizes=\"auto, (max-width: 957px) 100vw, 957px\" \/><\/div>\n<p>Now, when I need to make changes specific to Python pages, I only need to change Ultimate Python theme (sub-theme).<br \/>\nI&#8217;m planning to create different themes for C, C++, and R as well with Ultimate as the parent theme.<br \/>\nAlso, if you are using Drupal multi-site and want to use a different theme for different sites with small changes, sub-theming can make your task much much easier.<br \/>\nI hope this article has provided you enough to dig deeper into the sub-theming world of Drupal and encouraged you to try sub-theming.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Drupal is a powerful and flexible CMS. There are many great features of Drupal, like highly scalable, enterprise-level security, and developers friendly. That being said, theming in Drupal is not easy (compared to CMS like <\/p>\n","protected":false},"author":11,"featured_media":2130,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[11],"tags":[43,99],"class_list":["post-2129","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-drupal","tag-drupal-theme","tag-drupal8","cat-11-id","has_thumb"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>How to Create a Drupal Sub-Theme and When to Use It? - CodexWorld<\/title>\n<meta name=\"description\" content=\"Drupal 8 sub-theme creation tutorial \u2013 Learn how to create a sub-theme in Drupal 8 and when to use it. Step-by-step guide to making Drupal sub-theme.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.codexworld.com\/drupal-sub-theme-tutorial-create-use\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Create a Drupal Sub-Theme and When to Use It? - CodexWorld\" \/>\n<meta property=\"og:description\" content=\"Drupal 8 sub-theme creation tutorial \u2013 Learn how to create a sub-theme in Drupal 8 and when to use it. Step-by-step guide to making Drupal sub-theme.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.codexworld.com\/drupal-sub-theme-tutorial-create-use\/\" \/>\n<meta property=\"og:site_name\" content=\"CodexWorld\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/codexworld\" \/>\n<meta property=\"article:published_time\" content=\"2017-02-06T17:03:51+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2017-02-06T17:09:46+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.codexworld.com\/wp-content\/uploads\/2017\/02\/create-drupal-sub-theme-tutorial-codexworld.png\" \/>\n\t<meta property=\"og:image:width\" content=\"621\" \/>\n\t<meta property=\"og:image:height\" content=\"348\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Ranjit Bhatta\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@codexworldweb\" \/>\n<meta name=\"twitter:site\" content=\"@codexworldweb\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Ranjit Bhatta\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.codexworld.com\\\/drupal-sub-theme-tutorial-create-use\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.codexworld.com\\\/drupal-sub-theme-tutorial-create-use\\\/\"},\"author\":{\"name\":\"Ranjit Bhatta\",\"@id\":\"https:\\\/\\\/www.codexworld.com\\\/#\\\/schema\\\/person\\\/729858e7cc4c9c9c52602cc682a1fb4b\"},\"headline\":\"How to Create a Drupal Sub-Theme and When to Use It?\",\"datePublished\":\"2017-02-06T17:03:51+00:00\",\"dateModified\":\"2017-02-06T17:09:46+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.codexworld.com\\\/drupal-sub-theme-tutorial-create-use\\\/\"},\"wordCount\":787,\"commentCount\":3,\"publisher\":{\"@id\":\"https:\\\/\\\/www.codexworld.com\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.codexworld.com\\\/drupal-sub-theme-tutorial-create-use\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.codexworld.com\\\/wp-content\\\/uploads\\\/2017\\\/02\\\/create-drupal-sub-theme-tutorial-codexworld.png\",\"keywords\":[\"Drupal Theme\",\"Drupal8\"],\"articleSection\":[\"Drupal\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.codexworld.com\\\/drupal-sub-theme-tutorial-create-use\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.codexworld.com\\\/drupal-sub-theme-tutorial-create-use\\\/\",\"url\":\"https:\\\/\\\/www.codexworld.com\\\/drupal-sub-theme-tutorial-create-use\\\/\",\"name\":\"How to Create a Drupal Sub-Theme and When to Use It? - CodexWorld\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.codexworld.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.codexworld.com\\\/drupal-sub-theme-tutorial-create-use\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.codexworld.com\\\/drupal-sub-theme-tutorial-create-use\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.codexworld.com\\\/wp-content\\\/uploads\\\/2017\\\/02\\\/create-drupal-sub-theme-tutorial-codexworld.png\",\"datePublished\":\"2017-02-06T17:03:51+00:00\",\"dateModified\":\"2017-02-06T17:09:46+00:00\",\"description\":\"Drupal 8 sub-theme creation tutorial \u2013 Learn how to create a sub-theme in Drupal 8 and when to use it. Step-by-step guide to making Drupal sub-theme.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.codexworld.com\\\/drupal-sub-theme-tutorial-create-use\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.codexworld.com\\\/drupal-sub-theme-tutorial-create-use\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.codexworld.com\\\/drupal-sub-theme-tutorial-create-use\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.codexworld.com\\\/wp-content\\\/uploads\\\/2017\\\/02\\\/create-drupal-sub-theme-tutorial-codexworld.png\",\"contentUrl\":\"https:\\\/\\\/www.codexworld.com\\\/wp-content\\\/uploads\\\/2017\\\/02\\\/create-drupal-sub-theme-tutorial-codexworld.png\",\"width\":621,\"height\":348,\"caption\":\"create-drupal-sub-theme-tutorial-codexworld\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.codexworld.com\\\/drupal-sub-theme-tutorial-create-use\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.codexworld.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to Create a Drupal Sub-Theme and When to Use It?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.codexworld.com\\\/#website\",\"url\":\"https:\\\/\\\/www.codexworld.com\\\/\",\"name\":\"CodexWorld\",\"description\":\"Web &amp; Mobile App Development Company\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.codexworld.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.codexworld.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.codexworld.com\\\/#organization\",\"name\":\"CodexWorld\",\"url\":\"https:\\\/\\\/www.codexworld.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.codexworld.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.codexworld.com\\\/wp-content\\\/uploads\\\/2014\\\/09\\\/codexworld-logo.png\",\"contentUrl\":\"https:\\\/\\\/www.codexworld.com\\\/wp-content\\\/uploads\\\/2014\\\/09\\\/codexworld-logo.png\",\"width\":200,\"height\":19,\"caption\":\"CodexWorld\"},\"image\":{\"@id\":\"https:\\\/\\\/www.codexworld.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/codexworld\",\"https:\\\/\\\/x.com\\\/codexworldweb\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/codexworld\",\"https:\\\/\\\/www.youtube.com\\\/codexworld\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.codexworld.com\\\/#\\\/schema\\\/person\\\/729858e7cc4c9c9c52602cc682a1fb4b\",\"name\":\"Ranjit Bhatta\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/f8c7912d8173fcf309adf74bb671ee9f59b746ecb214876f24b19c59cddc482a?s=96&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/f8c7912d8173fcf309adf74bb671ee9f59b746ecb214876f24b19c59cddc482a?s=96&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/f8c7912d8173fcf309adf74bb671ee9f59b746ecb214876f24b19c59cddc482a?s=96&r=g\",\"caption\":\"Ranjit Bhatta\"},\"description\":\"Ranjit is an entrepreneur and co-founder of Programiz, a programming site for beginners. He enjoys teaching Python and C++ through his website, occasionally sharing his thoughts and knowledge through guest blog posts.\",\"url\":\"https:\\\/\\\/www.codexworld.com\\\/author\\\/ranjitbhattacodexworld\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Create a Drupal Sub-Theme and When to Use It? - CodexWorld","description":"Drupal 8 sub-theme creation tutorial \u2013 Learn how to create a sub-theme in Drupal 8 and when to use it. Step-by-step guide to making Drupal sub-theme.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.codexworld.com\/drupal-sub-theme-tutorial-create-use\/","og_locale":"en_US","og_type":"article","og_title":"How to Create a Drupal Sub-Theme and When to Use It? - CodexWorld","og_description":"Drupal 8 sub-theme creation tutorial \u2013 Learn how to create a sub-theme in Drupal 8 and when to use it. Step-by-step guide to making Drupal sub-theme.","og_url":"https:\/\/www.codexworld.com\/drupal-sub-theme-tutorial-create-use\/","og_site_name":"CodexWorld","article_publisher":"https:\/\/www.facebook.com\/codexworld","article_published_time":"2017-02-06T17:03:51+00:00","article_modified_time":"2017-02-06T17:09:46+00:00","og_image":[{"width":621,"height":348,"url":"https:\/\/www.codexworld.com\/wp-content\/uploads\/2017\/02\/create-drupal-sub-theme-tutorial-codexworld.png","type":"image\/png"}],"author":"Ranjit Bhatta","twitter_card":"summary_large_image","twitter_creator":"@codexworldweb","twitter_site":"@codexworldweb","twitter_misc":{"Written by":"Ranjit Bhatta","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.codexworld.com\/drupal-sub-theme-tutorial-create-use\/#article","isPartOf":{"@id":"https:\/\/www.codexworld.com\/drupal-sub-theme-tutorial-create-use\/"},"author":{"name":"Ranjit Bhatta","@id":"https:\/\/www.codexworld.com\/#\/schema\/person\/729858e7cc4c9c9c52602cc682a1fb4b"},"headline":"How to Create a Drupal Sub-Theme and When to Use It?","datePublished":"2017-02-06T17:03:51+00:00","dateModified":"2017-02-06T17:09:46+00:00","mainEntityOfPage":{"@id":"https:\/\/www.codexworld.com\/drupal-sub-theme-tutorial-create-use\/"},"wordCount":787,"commentCount":3,"publisher":{"@id":"https:\/\/www.codexworld.com\/#organization"},"image":{"@id":"https:\/\/www.codexworld.com\/drupal-sub-theme-tutorial-create-use\/#primaryimage"},"thumbnailUrl":"https:\/\/www.codexworld.com\/wp-content\/uploads\/2017\/02\/create-drupal-sub-theme-tutorial-codexworld.png","keywords":["Drupal Theme","Drupal8"],"articleSection":["Drupal"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.codexworld.com\/drupal-sub-theme-tutorial-create-use\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.codexworld.com\/drupal-sub-theme-tutorial-create-use\/","url":"https:\/\/www.codexworld.com\/drupal-sub-theme-tutorial-create-use\/","name":"How to Create a Drupal Sub-Theme and When to Use It? - CodexWorld","isPartOf":{"@id":"https:\/\/www.codexworld.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.codexworld.com\/drupal-sub-theme-tutorial-create-use\/#primaryimage"},"image":{"@id":"https:\/\/www.codexworld.com\/drupal-sub-theme-tutorial-create-use\/#primaryimage"},"thumbnailUrl":"https:\/\/www.codexworld.com\/wp-content\/uploads\/2017\/02\/create-drupal-sub-theme-tutorial-codexworld.png","datePublished":"2017-02-06T17:03:51+00:00","dateModified":"2017-02-06T17:09:46+00:00","description":"Drupal 8 sub-theme creation tutorial \u2013 Learn how to create a sub-theme in Drupal 8 and when to use it. Step-by-step guide to making Drupal sub-theme.","breadcrumb":{"@id":"https:\/\/www.codexworld.com\/drupal-sub-theme-tutorial-create-use\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.codexworld.com\/drupal-sub-theme-tutorial-create-use\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.codexworld.com\/drupal-sub-theme-tutorial-create-use\/#primaryimage","url":"https:\/\/www.codexworld.com\/wp-content\/uploads\/2017\/02\/create-drupal-sub-theme-tutorial-codexworld.png","contentUrl":"https:\/\/www.codexworld.com\/wp-content\/uploads\/2017\/02\/create-drupal-sub-theme-tutorial-codexworld.png","width":621,"height":348,"caption":"create-drupal-sub-theme-tutorial-codexworld"},{"@type":"BreadcrumbList","@id":"https:\/\/www.codexworld.com\/drupal-sub-theme-tutorial-create-use\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.codexworld.com\/"},{"@type":"ListItem","position":2,"name":"How to Create a Drupal Sub-Theme and When to Use It?"}]},{"@type":"WebSite","@id":"https:\/\/www.codexworld.com\/#website","url":"https:\/\/www.codexworld.com\/","name":"CodexWorld","description":"Web &amp; Mobile App Development Company","publisher":{"@id":"https:\/\/www.codexworld.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.codexworld.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.codexworld.com\/#organization","name":"CodexWorld","url":"https:\/\/www.codexworld.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.codexworld.com\/#\/schema\/logo\/image\/","url":"https:\/\/www.codexworld.com\/wp-content\/uploads\/2014\/09\/codexworld-logo.png","contentUrl":"https:\/\/www.codexworld.com\/wp-content\/uploads\/2014\/09\/codexworld-logo.png","width":200,"height":19,"caption":"CodexWorld"},"image":{"@id":"https:\/\/www.codexworld.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/codexworld","https:\/\/x.com\/codexworldweb","https:\/\/www.linkedin.com\/company\/codexworld","https:\/\/www.youtube.com\/codexworld"]},{"@type":"Person","@id":"https:\/\/www.codexworld.com\/#\/schema\/person\/729858e7cc4c9c9c52602cc682a1fb4b","name":"Ranjit Bhatta","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/f8c7912d8173fcf309adf74bb671ee9f59b746ecb214876f24b19c59cddc482a?s=96&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/f8c7912d8173fcf309adf74bb671ee9f59b746ecb214876f24b19c59cddc482a?s=96&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/f8c7912d8173fcf309adf74bb671ee9f59b746ecb214876f24b19c59cddc482a?s=96&r=g","caption":"Ranjit Bhatta"},"description":"Ranjit is an entrepreneur and co-founder of Programiz, a programming site for beginners. He enjoys teaching Python and C++ through his website, occasionally sharing his thoughts and knowledge through guest blog posts.","url":"https:\/\/www.codexworld.com\/author\/ranjitbhattacodexworld\/"}]}},"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/www.codexworld.com\/wp-content\/uploads\/2017\/02\/create-drupal-sub-theme-tutorial-codexworld.png","jetpack_shortlink":"https:\/\/wp.me\/p6bxIh-yl","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.codexworld.com\/wp-json\/wp\/v2\/posts\/2129","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.codexworld.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.codexworld.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.codexworld.com\/wp-json\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/www.codexworld.com\/wp-json\/wp\/v2\/comments?post=2129"}],"version-history":[{"count":3,"href":"https:\/\/www.codexworld.com\/wp-json\/wp\/v2\/posts\/2129\/revisions"}],"predecessor-version":[{"id":2135,"href":"https:\/\/www.codexworld.com\/wp-json\/wp\/v2\/posts\/2129\/revisions\/2135"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.codexworld.com\/wp-json\/wp\/v2\/media\/2130"}],"wp:attachment":[{"href":"https:\/\/www.codexworld.com\/wp-json\/wp\/v2\/media?parent=2129"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.codexworld.com\/wp-json\/wp\/v2\/categories?post=2129"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.codexworld.com\/wp-json\/wp\/v2\/tags?post=2129"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}