SlideShare a Scribd company logo
1 of 1
Download to read offline
CREATING A SUBTHEME FOR DRUPAL 7
Example of how to create a subtheme for Bartik

This is an example steps of how you can create a sub theme for Bartik

1. Create the folder: /sites/all/themes/yourtheme
2. 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] = 0




3. Create a blank file named: /sites/all/themes/yourtheme/css/yourtheme.css
4. Copy from bartik or create your own: /sites/all/themes/yourtheme/logo.png
5. 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.

More Related Content

Similar to Creating Drupal 7 subtheme

Web topic 9 navigation and link
Web topic 9  navigation and linkWeb topic 9  navigation and link
Web topic 9 navigation and link
CK Yang
 
Designing for magento
Designing for magentoDesigning for magento
Designing for magento
hainutemicute
 
3. tutorial html web desain
3. tutorial html web desain3. tutorial html web desain
3. tutorial html web desain
faizibra
 
Freewilly with beamerusetheme Torino.sty
Freewilly with beamerusetheme Torino.styFreewilly with beamerusetheme Torino.sty
Freewilly with beamerusetheme Torino.sty
Hirwanto Iwan
 

Similar to Creating Drupal 7 subtheme (20)

Adopt or hack - how to hack a theme in a Drupal way
Adopt or hack - how to hack a theme in a Drupal wayAdopt or hack - how to hack a theme in a Drupal way
Adopt or hack - how to hack a theme in a Drupal way
 
Web topic 9 navigation and link
Web topic 9  navigation and linkWeb topic 9  navigation and link
Web topic 9 navigation and link
 
Readme
ReadmeReadme
Readme
 
Drupal theming
Drupal themingDrupal theming
Drupal theming
 
Creating and Deploying Static Sites with Hugo
Creating and Deploying Static Sites with HugoCreating and Deploying Static Sites with Hugo
Creating and Deploying Static Sites with Hugo
 
Drupal vs WordPress
Drupal vs WordPressDrupal vs WordPress
Drupal vs WordPress
 
Themes and layouts
Themes and layoutsThemes and layouts
Themes and layouts
 
Designing for magento
Designing for magentoDesigning for magento
Designing for magento
 
Adobe dreamweaver cs3 tutorial
Adobe dreamweaver cs3 tutorialAdobe dreamweaver cs3 tutorial
Adobe dreamweaver cs3 tutorial
 
ADOBE DREAMWEAVER CS3 TUTORIAL
ADOBE DREAMWEAVER CS3 TUTORIALADOBE DREAMWEAVER CS3 TUTORIAL
ADOBE DREAMWEAVER CS3 TUTORIAL
 
Drupal Themes
Drupal ThemesDrupal Themes
Drupal Themes
 
Dreamweaver cs6
Dreamweaver cs6Dreamweaver cs6
Dreamweaver cs6
 
How to Use Dreamweaver cs6
How to Use Dreamweaver cs6 How to Use Dreamweaver cs6
How to Use Dreamweaver cs6
 
Level Up Your Biml: Best Practices and Coding Techniques (NTK 2016)
Level Up Your Biml: Best Practices and Coding Techniques (NTK 2016)Level Up Your Biml: Best Practices and Coding Techniques (NTK 2016)
Level Up Your Biml: Best Practices and Coding Techniques (NTK 2016)
 
3. tutorial html web desain
3. tutorial html web desain3. tutorial html web desain
3. tutorial html web desain
 
Freewilly with beamerusetheme Torino.sty
Freewilly with beamerusetheme Torino.styFreewilly with beamerusetheme Torino.sty
Freewilly with beamerusetheme Torino.sty
 
Artistic Web Applications - Week3 - Part 3
Artistic Web Applications - Week3 - Part 3Artistic Web Applications - Week3 - Part 3
Artistic Web Applications - Week3 - Part 3
 
Artdm171 Week12 Hosting
Artdm171 Week12 HostingArtdm171 Week12 Hosting
Artdm171 Week12 Hosting
 
Creating and Theming Custom Content Types
Creating and Theming Custom Content TypesCreating and Theming Custom Content Types
Creating and Theming Custom Content Types
 
WordPress as a CMS
WordPress as a CMSWordPress as a CMS
WordPress as a CMS
 

More from Adolfo Nasol

Installing mandriva linux mandriva community wiki
Installing mandriva linux   mandriva community wikiInstalling mandriva linux   mandriva community wiki
Installing mandriva linux mandriva community wiki
Adolfo Nasol
 

More from Adolfo Nasol (10)

Managing drupal views in code
Managing drupal views in codeManaging drupal views in code
Managing drupal views in code
 
Events Registration System Part 1
Events Registration System Part 1Events Registration System Part 1
Events Registration System Part 1
 
Installing mandriva linux mandriva community wiki
Installing mandriva linux   mandriva community wikiInstalling mandriva linux   mandriva community wiki
Installing mandriva linux mandriva community wiki
 
Drush for drupal website builder
Drush for drupal website builderDrush for drupal website builder
Drush for drupal website builder
 
Converting (X)HTML/CSS template to Drupal 7 Theme
Converting (X)HTML/CSS template to Drupal 7 ThemeConverting (X)HTML/CSS template to Drupal 7 Theme
Converting (X)HTML/CSS template to Drupal 7 Theme
 
Research methods
Research methodsResearch methods
Research methods
 
Personality
PersonalityPersonality
Personality
 
Chs nc2 reviewer - with oral questioning
Chs nc2 reviewer - with oral questioningChs nc2 reviewer - with oral questioning
Chs nc2 reviewer - with oral questioning
 
Operating System Concepts : Reports
Operating System Concepts : ReportsOperating System Concepts : Reports
Operating System Concepts : Reports
 
Drupal Checklist for Site Builder and Web admin
Drupal Checklist for Site Builder and Web adminDrupal Checklist for Site Builder and Web admin
Drupal Checklist for Site Builder and Web admin
 

Recently uploaded

Histor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slideHistor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slide
vu2urc
 

Recently uploaded (20)

Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
 
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time AutomationFrom Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
 
Histor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slideHistor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slide
 
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law DevelopmentsTrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
 
Handwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed textsHandwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed texts
 
Exploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone ProcessorsExploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone Processors
 
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot TakeoffStrategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
 
🐬 The future of MySQL is Postgres 🐘
🐬  The future of MySQL is Postgres   🐘🐬  The future of MySQL is Postgres   🐘
🐬 The future of MySQL is Postgres 🐘
 
Data Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt RobisonData Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt Robison
 
Developing An App To Navigate The Roads of Brazil
Developing An App To Navigate The Roads of BrazilDeveloping An App To Navigate The Roads of Brazil
Developing An App To Navigate The Roads of Brazil
 
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
 
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
 
Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...
 
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
 
Boost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdfBoost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdf
 
Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024
 
HTML Injection Attacks: Impact and Mitigation Strategies
HTML Injection Attacks: Impact and Mitigation StrategiesHTML Injection Attacks: Impact and Mitigation Strategies
HTML Injection Attacks: Impact and Mitigation Strategies
 
Partners Life - Insurer Innovation Award 2024
Partners Life - Insurer Innovation Award 2024Partners Life - Insurer Innovation Award 2024
Partners Life - Insurer Innovation Award 2024
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
GenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdfGenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdf
 

Creating Drupal 7 subtheme

  • 1. CREATING A SUBTHEME FOR DRUPAL 7 Example of how to create a subtheme for Bartik This is an example steps of how you can create a sub theme for Bartik 1. Create the folder: /sites/all/themes/yourtheme 2. 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] = 0 3. Create a blank file named: /sites/all/themes/yourtheme/css/yourtheme.css 4. Copy from bartik or create your own: /sites/all/themes/yourtheme/logo.png 5. 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.