is proud to present
Theming for Sitebuilders:Getting started the Drupal way
Drupalcon PortlandMay 22nd, 2013
David NeedhamFounder & Drupal Developer
Your presenter today
@DAVIDNEEDHAM
@DAVIDNEEDHAM
Theming?
@DAVIDNEEDHAM
Theming?
@DAVIDNEEDHAM
Responsibilities○ Accessibility○ SEO○ UI/UX○ Security
Theming?
@DAVIDNEEDHAM
Responsibilities○ Accessibility○ SEO○ UI/UX○ Security
Theming?
Coding○ PHP○ CSS○ HTML○ jQuery
@DAVIDNEEDHAM
Responsibilities○ Accessibility○ SEO○ UI/UX○ Security
Theming?
Coding○ PHP○ CSS○ HTML○ jQuery
for sitebuilders??
@DAVIDNEEDHAM
Responsibilities○ Accessibility○ SEO○ UI/UX○ Security
Theming?
Coding○ PHP○ CSS○ HTML○ jQuery
for sitebuilders??
o Modules
o UI-Driven
o No custom code
o Holistic
@DAVIDNEEDHAM
1. Accessibility
2. SEO
3. UI/UX
4. Security
Responsibilities
@DAVIDNEEDHAM
● Alt attributes on images
● HTML Purifier https://drupal.org/project/htmlpurifier
● Are you an accessibility guru?○ Search the queue, report issues, tag 'accessibility'
1. Accessibility
@DAVIDNEEDHAM
● Good content
● Page titles
● Good URLs
● Are you an SEO guru?○ Search the queue, report issues, tag 'SEO'
2. Search Engine Optimization
@DAVIDNEEDHAM
● Planning, planning, planning○ Content architecture○ Development plans○ Personas
● Good use of field modules
● Does something not feel right?○ Search the queue, report issues, tag 'UI/UX'
3. User experience
@DAVIDNEEDHAM
● Text formats
● No PHP in the UI... seriously.
● Report all issues
4. Security
@DAVIDNEEDHAM@DAVIDNEEDHAM
4. Security
@DAVIDNEEDHAM
Modules to simplify theming
@DAVIDNEEDHAM
Display Suite for the front end...
Before
@DAVIDNEEDHAM
Display Suite for the front end...
@DAVIDNEEDHAM
Display Suite for the front end...
Select Layout
@DAVIDNEEDHAM
Display Suite for the front end...
Arrange fields
@DAVIDNEEDHAM
Display Suite for the front end...
After
@DAVIDNEEDHAM
Display Suite for the front end...
Before
@DAVIDNEEDHAM
Display Suite for the front end...
After
@DAVIDNEEDHAM
Display Suite for the front end...back
@DAVIDNEEDHAM
Display Suite for the front end...back
@DAVIDNEEDHAM
Display Suite for the front end...Search
@DAVIDNEEDHAM
What about Panels?
@DAVIDNEEDHAM
SEO Checklist https://drupal.org/project/seo_checklist
@DAVIDNEEDHAM
Menu Blockhttps://drupal.org/project/menu_block
@DAVIDNEEDHAM
Menu Blockhttps://drupal.org/project/menu_block
@DAVIDNEEDHAM
Menu Blockhttps://drupal.org/project/menu_block
@DAVIDNEEDHAM
Image Caption Filterhttps://drupal.org/project/image_caption_formatter
@DAVIDNEEDHAM
Chosenhttps://drupal.org/project/chosen
Before
@DAVIDNEEDHAM
Chosenhttps://drupal.org/project/chosen
After
Before
@DAVIDNEEDHAM
Views slideshowhttp://drupal.org/project/views_slideshow
Without CSS
With CSS
@DAVIDNEEDHAM
● Fusion or Omega starter themes
● Color module
● Panopoly distro
Bigger considerations
@DAVIDNEEDHAM
You are special!
"You don't know what you don't know."
@DAVIDNEEDHAM
"Once you know what you know, you can't pretend not to not know what you know."
"You don't know what you don't know."
"Once you know what you know, you can't pretend not to not know what you know."
"You don't know what you don't know."
@DAVIDNEEDHAM
make drupal a better place by creating issues in the queue!
Be empowered the Drupal way!
We hope you've enjoyed
Theming for Sitebuilders
How did I do? Let us know
http://is.gd/asapon (click to rate)