Creating Drupal 7 subtheme

9,072 views
8,861 views

Published on

Published in: Technology, Education
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
9,072
On SlideShare
0
From Embeds
0
Number of Embeds
2,466
Actions
Shares
0
Downloads
33
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Creating Drupal 7 subtheme

  1. 1. CREATING A SUBTHEME FOR DRUPAL 7Example of how to create a subtheme for BartikThis is an example steps of how you can create a sub theme for Bartik1. Create the folder: /sites/all/themes/yourtheme2. Create the file /sites/all/themes/yourtheme/yourtheme.info name = Your Theme description = A theme base on Bartik, which is a flexible, recolorable theme with many regions. core = 7.x base theme = bartik stylesheets[all][] = css/yourtheme.css stylesheets[all][] = css/colors.css regions[header] = Header regions[help] = Help regions[page_top] = Page top regions[page_bottom] = Page bottom regions[highlighted] = Highlighted regions[featured] = Featured regions[content] = Content regions[sidebar_first] = Sidebar first regions[sidebar_second] = Sidebar second regions[triptych_first] = Triptych first regions[triptych_middle] = Triptych middle regions[triptych_last] = Triptych last regions[footer_firstcolumn] = Footer first column regions[footer_secondcolumn] = Footer second column regions[footer_thirdcolumn] = Footer third column regions[footer_fourthcolumn] = Footer fourth column regions[footer] = Footer settings[shortcut_module_link] = 03. Create a blank file named: /sites/all/themes/yourtheme/css/yourtheme.css4. Copy from bartik or create your own: /sites/all/themes/yourtheme/logo.png5. In order to get the color module to work with your subtheme, you will need to do the following: 1. Copy the file /themes/bartik/css/colors.css to /sites/all/themes/yourtheme/css/colors.css 2. Copy the folder and its contents /themes/bartik/color/ to /sites/all/themes/yourtheme/color/Go to the the Administration > Appearance page to enable your new subtheme called Yourtheme.Now you can add CSS to your yourtheme.css file, and it will apply to your new subtheme.

×