{"id":1707,"date":"2014-01-24T11:01:08","date_gmt":"2014-01-24T09:01:08","guid":{"rendered":"http:\/\/www.extradrm.com\/?p=1707"},"modified":"2014-01-24T11:15:39","modified_gmt":"2014-01-24T09:15:39","slug":"drupal-7-building-a-sub-theme-from-zen","status":"publish","type":"post","link":"http:\/\/www.extradrm.com\/?p=1707","title":{"rendered":"Drupal 7 : Building a sub theme from Zen"},"content":{"rendered":"

Why Zen theme ?<\/h2>\n

The Zen theme is the nat\u00adural first step when them\u00ading Dru\u00adpal. It reduces Dru\u00adpal down to the essen\u00adtials, allow\u00ading for a solid foun\u00adda\u00adtion to build up from. The alter\u00adna\u00adtive? Copy\u00ading files from the core themes is messy, and start\u00ading from scratch is time-consuming.<\/p>\n

Down\u00adload the Zen Theme<\/a>. Included is the base zen theme and sub-theme tem\u00adplate, STARTERKIT.<\/p>\n

Copy every\u00adthing into sites\/all\/themes\/zen on your web server. Move the STARTERKIT folder up a level into sites\/all\/themes.\u00a0Separating\u00a0the base theme makes upgrad\u00ading zen the sim\u00adple mat\u00adter of over\u00adwrit\u00ading the zen folder with the newer ver\u00adsion. Files within the zen folder will remain unal\u00adtered. All con\u00adfig\u00adu\u00adra\u00adtion is done within the STARTERKIT sub-theme.<\/p>\n

\"drupal_subzen0\"<\/a>Copy every\u00adthing into sites\/all\/themes\/zen on your web server. Move the STARTERKIT folder up a level into sites\/all\/themes.\u00a0Separating\u00a0the base theme makes upgrad\u00ading zen the sim\u00adple mat\u00adter of over\u00adwrit\u00ading the zen folder with the newer ver\u00adsion. Files within the zen folder will remain unal\u00adtered. All con\u00adfig\u00adu\u00adra\u00adtion is done within the STARTERKIT sub-theme.<\/p>\n

\"drupal_subzen\"<\/a><\/p>\n

Rename the folder \u201cSTARTERKIT\u201d and \u201cSTARTERKIT.info.txt\u201d file to match your new theme and remove \u201c.txt\u201d exten\u00adsion. For exam\u00adple, \u201cmysubzen\u201d and \u201cmysubzen.info\u201d. Open that info file and change the fol\u00adlow\u00ading\u00a0lines:<\/p>\n

name and description at your convenience as shown above …<\/p>\n

Also Add line stylesheets[all][] = css\/style.css and create this empty file style.css which will override every existing zen style from parent.<\/p>\n

\"drupal_subzen2\"<\/a><\/p>\n

 <\/p>\n

For example the style.css below will give this appearance (use firebug to locate classes and div tags) :<\/p>\n

\"drupal_subzen1\"<\/a><\/p>\n

\"drupal_subzen_sample\"<\/a><\/p>\n

Do not Forget Templates files :<\/strong><\/span><\/p>\n

    \n
  1. Edit your sub-theme to use the proper function names.<\/strong>Edit the template.php and theme-settings.php files in your sub-theme’s folder; replace ALL occurrences of “STARTERKIT” with the name of your sub-theme.\n

    For example, edit mysubzen\/template.php and mysubzen\/theme-settings.php and replace every occurrence of “STARTERKIT” with “mysubzen”.<\/p>\n

    It is recommended to use a text editing application with search and “replace all” functionality.<\/li>\n<\/ol>\n

     <\/p>\n

    Important Note :<\/span><\/strong><\/p>\n

    Remem\u00adber to des\u00ade\u00adlect \u201cRebuild theme reg\u00adistry on every page.\u201d in Admin>Appearance>Settings(sub-theme)<\/p>\n

    \"theme_development\"<\/a><\/p>\n

     <\/p>\n","protected":false},"excerpt":{"rendered":"

    Why Zen theme ? The Zen theme is the nat\u00adural first step when them\u00ading Dru\u00adpal. It reduces Dru\u00adpal down to the essen\u00adtials, allow\u00ading for a solid foun\u00adda\u00adtion to build up from. The alter\u00adna\u00adtive? Copy\u00ading...<\/p>\n","protected":false},"author":1,"featured_media":2842,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[139,6],"tags":[],"youtube_video":null,"_links":{"self":[{"href":"http:\/\/www.extradrm.com\/index.php?rest_route=\/wp\/v2\/posts\/1707"}],"collection":[{"href":"http:\/\/www.extradrm.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.extradrm.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.extradrm.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.extradrm.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1707"}],"version-history":[{"count":0,"href":"http:\/\/www.extradrm.com\/index.php?rest_route=\/wp\/v2\/posts\/1707\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/www.extradrm.com\/index.php?rest_route=\/wp\/v2\/media\/2842"}],"wp:attachment":[{"href":"http:\/\/www.extradrm.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1707"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.extradrm.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1707"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.extradrm.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1707"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}