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
90
Absolute Beginner's Guide to Site Building
melmiller
1
120
Other Decks in Technology
See All in Technology
All you need to know about InnoDB Primary Keys
lefred
0
120
APIファーストで実現する運用性の高い IoT プラットフォーム: SORACOMのアプローチ
soracom
PRO
0
240
FastConnect の冗長性
ocise
1
9.6k
AndroidデバイスにFTPサーバを建立する
e10dokup
0
240
現場の種を事業の芽にする - エンジニア主導のイノベーションを事業戦略に装着する方法 -
kzkmaeda
2
1.5k
Postmanを使いこなす!2025年ぜひとも押さえておきたいPostmanの10の機能
nagix
2
120
地方拠点で エンジニアリングマネージャーってできるの? 〜地方という制約を楽しむオーナーシップとコミュニティ作り〜
1coin
1
130
組織貢献をするフリーランスエンジニアという生き方
n_takehata
1
1k
30分でわかる『アジャイルデータモデリング』
hanon52_
9
2.2k
トラシューアニマルになろう ~開発者だからこそできる、安定したサービス作りの秘訣~
jacopen
2
1.5k
SCSAから学ぶセキュリティ管理
masakamayama
0
140
High Performance PHP
cmuench
0
140
Featured
See All Featured
Code Review Best Practice
trishagee
66
17k
Building Better People: How to give real-time feedback that sticks.
wjessup
366
19k
Testing 201, or: Great Expectations
jmmastey
41
7.2k
Producing Creativity
orderedlist
PRO
343
39k
Six Lessons from altMBA
skipperchong
27
3.6k
Git: the NoSQL Database
bkeepers
PRO
427
64k
BBQ
matthewcrist
86
9.5k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
Done Done
chrislema
182
16k
KATA
mclloyd
29
14k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
330
21k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
49k
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?