Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Introduction to Drupal Theming
Search
M Miller
November 30, 2012
Technology
0
68
Introduction to Drupal Theming
Presented at Drupal Camp Ohio on November 30, 2012. (with co-presenter Chris Gross)
M Miller
November 30, 2012
Tweet
Share
More Decks by M Miller
See All by M Miller
Hack_Storybook_BADCamp_2022.pdf
melmiller
0
22
Design in 30 Minutes
melmiller
3
160
A Beginner's Guide to Drupal Site Building
melmiller
0
91
Absolute Beginner's Guide to Site Building
melmiller
1
120
Other Decks in Technology
See All in Technology
20250707-AI活用の個人差を埋めるチームづくり
shnjtk
6
3.9k
AI エージェントと考え直すデータ基盤
na0
2
820
american aa airlines®️ USA Contact Numbers: Complete 2025 Support Guide
aaguide
0
250
FOSS4G 2025 KANSAI QGISで点群データをいろいろしてみた
kou_kita
0
400
LangChain Interrupt & LangChain Ambassadors meetingレポート
os1ma
2
320
Delegating the chores of authenticating users to Keycloak
ahus1
0
140
fukabori.fm 出張版: 売上高617億円と高稼働率を陰で支えた社内ツール開発のあれこれ話 / 20250704 Yoshimasa Iwase & Tomoo Morikawa
shift_evolve
PRO
2
7.9k
タイミーのデータモデリング事例と今後のチャレンジ
ttccddtoki
6
2.4k
LangSmith×Webhook連携で実現するプロンプトドリブンCI/CD
sergicalsix
1
240
React開発にStorybookとCopilotを導入して、爆速でUIを編集・確認する方法
yu_kod
1
280
20250705 Headlamp: 專注可擴展性的 Kubernetes 用戶界面
pichuang
0
280
freeeのアクセシビリティの現在地 / freee's Current Position on Accessibility
ymrl
2
210
Featured
See All Featured
Typedesign – Prime Four
hannesfritz
42
2.7k
Art, The Web, and Tiny UX
lynnandtonic
299
21k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
50k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
15
1.5k
Site-Speed That Sticks
csswizardry
10
690
Building Flexible Design Systems
yeseniaperezcruz
328
39k
Build The Right Thing And Hit Your Dates
maggiecrowley
36
2.8k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.4k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
34
3.1k
Bootstrapping a Software Product
garrettdimon
PRO
307
110k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
26k
Transcript
INTRODUCTION TO DRUPAL THEMING Chris Gross & Melissa Miller
OVERVIEW GETTING STARTED ANATOMY OF A THEME START FROM SCRATCH
BUILD A SUB-THEME RESPONSIVE DESIGN
None
OVERVIEW GETTING STARTED ANATOMY OF A THEME START FROM SCRATCH
BUILD A SUB-THEME RESPONSIVE DESIGN
getfirebug.com chrispederick.com/work/web-developer/ Firebug Web Developer Toolbar
acquia.com/downloads Dev Desktop
Devel module drupal.org/project/devel
OVERVIEW GETTING STARTED ANATOMY OF A THEME START FROM SCRATCH
BUILD A SUB-THEME RESPONSIVE DESIGN
None
OVERVIEW GETTING STARTED ANATOMY OF A THEME START FROM SCRATCH
BUILD A SUB-THEME RESPONSIVE DESIGN
DON'T HACK CORE
OVERVIEW GETTING STARTED ANATOMY OF A THEME START FROM SCRATCH
BUILD A SUB-THEME RESPONSIVE DESIGN
DON'T HACK CORE
None
Get More Themes drupal.org/project/Themes
OVERVIEW GETTING STARTED ANATOMY OF A THEME START FROM SCRATCH
BUILD A SUB-THEME RESPONSIVE DESIGN
None
None
None
None
omega.developmentgeeks.com
None
1. global.css
1. global.css 2. yourtheme-alpha-default.css
1. global.css 2. yourtheme-alpha-default.css 3. yourtheme-alpha-default-narrow.css
1. global.css 2. yourtheme-alpha-default.css 3. yourtheme-alpha-default-narrow.css 4. yourtheme-alpha-default-normal.css
1. global.css 2. yourtheme-alpha-default.css 3. yourtheme-alpha-default-narrow.css 4. yourtheme-alpha-default-normal.css 5. yourtheme-alpha-default-wide.css
#page
#page #section-header #section-content #section-footer
#page #section-header #section-content #section-footer #zone-header #zone-preface #zone-content #zone-footer
#page #section-header #section-content #section-footer #zone-header #zone-preface #zone-content #zone-footer #region-logo #region-menu
#region-feature #region-content #region-sidebar #region-footer1 #region-footer2 #region-footer3
Questions?