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
Tech Blogを書きやすい環境づくり
lycorptech_jp
PRO
1
230
関東Kaggler会LT: 人狼コンペとLLM量子化について
nejumi
3
540
ビジネスモデリング道場 目的と背景
masuda220
PRO
9
410
Googleマップ/Earthが一般化した 地図タイルのイマ
mapconcierge4agu
1
200
技術負債の「予兆検知」と「状況異変」のススメ / Technology Dept
i35_267
1
1k
Helm , Kustomize に代わる !? 次世代 k8s パッケージマネージャー Glasskube 入門 / glasskube-entry
parupappa2929
0
210
データの品質が低いと何が困るのか
kzykmyzw
6
1.1k
開発組織のための セキュアコーディング研修の始め方
flatt_security
3
1.4k
N=1から解き明かすAWS ソリューションアーキテクトの魅力
kiiwami
0
110
目の前の仕事と向き合うことで成長できる - 仕事とスキルを広げる / Every little bit counts
soudai
24
6.6k
エンジニアのためのドキュメント力基礎講座〜構造化思考から始めよう〜(2025/02/15jbug広島#15発表資料)
yasuoyasuo
16
6.3k
個人開発から公式機能へ: PlaywrightとRailsをつなげた3年の軌跡
yusukeiwaki
11
2.9k
Featured
See All Featured
Optimising Largest Contentful Paint
csswizardry
34
3.1k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
114
50k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
193
16k
4 Signs Your Business is Dying
shpigford
182
22k
Raft: Consensus for Rubyists
vanstee
137
6.8k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
30
4.6k
Building a Scalable Design System with Sketch
lauravandoore
460
33k
Why You Should Never Use an ORM
jnunemaker
PRO
55
9.2k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.1k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
330
21k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
21
2.5k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
7
630
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?