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)