Theming for Sitebuilders: Getting started the Drupal way Drupalcon - - PowerPoint PPT Presentation

▶
theming for sitebuilders
SMART_READER_LITE
LIVE PREVIEW

Theming for Sitebuilders: Getting started the Drupal way Drupalcon - - PowerPoint PPT Presentation

Sep 06, 2022 138 likes •582 views

is proud to present Theming for Sitebuilders: Getting started the Drupal way Drupalcon Portland May 22nd, 2013 Your presenter today David Needham Founder & Drupal Developer @DAVIDNEEDHAM Theming? @DAVIDNEEDHAM Theming? @DAVIDNEEDHAM

slide-1
SLIDE 1

is proud to present

Theming for Sitebuilders:

Getting started the Drupal way

Drupalcon Portland

May 22nd, 2013

slide-2
SLIDE 2

David Needham

Founder & Drupal Developer

Your presenter today

@DAVIDNEEDHAM

slide-3
SLIDE 3
slide-4
SLIDE 4

@DAVIDNEEDHAM

Theming?

slide-5
SLIDE 5

@DAVIDNEEDHAM

Theming?

slide-6
SLIDE 6

@DAVIDNEEDHAM

Responsibilities

○ Accessibility ○ SEO ○ UI/UX ○ Security

Theming?

slide-7
SLIDE 7

@DAVIDNEEDHAM

Responsibilities

○ Accessibility ○ SEO ○ UI/UX ○ Security

Theming?

Coding

○ PHP ○ CSS ○ HTML ○ jQuery

slide-8
SLIDE 8

@DAVIDNEEDHAM

Responsibilities

○ Accessibility ○ SEO ○ UI/UX ○ Security

Theming?

Coding

○ PHP ○ CSS ○ HTML ○ jQuery

for sitebuilders??

slide-9
SLIDE 9

@DAVIDNEEDHAM

Responsibilities

○ Accessibility ○ SEO ○ UI/UX ○ Security

Theming?

Coding

○ PHP ○ CSS ○ HTML ○ jQuery

for sitebuilders??

  • Modules
  • UI-Driven
  • No custom code
  • Holistic
slide-10
SLIDE 10

@DAVIDNEEDHAM

  • 1. Accessibility
  • 2. SEO
  • 3. UI/UX
  • 4. Security

Responsibilities

slide-11
SLIDE 11

@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
slide-12
SLIDE 12

@DAVIDNEEDHAM

  • Good content
  • Page titles
  • Good URLs
  • Are you an SEO guru?

○ Search the queue, report issues, tag 'SEO'

  • 2. Search Engine Optimization
slide-13
SLIDE 13

@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
slide-14
SLIDE 14

@DAVIDNEEDHAM

  • Text formats
  • No PHP in the UI... seriously.
  • Report all issues
  • 4. Security
slide-15
SLIDE 15

@DAVIDNEEDHAM @DAVIDNEEDHAM

  • 4. Security
slide-16
SLIDE 16

@DAVIDNEEDHAM

Modules to simplify theming

slide-17
SLIDE 17

@DAVIDNEEDHAM

Display Suite for the front end...

Before

slide-18
SLIDE 18

@DAVIDNEEDHAM

Display Suite for the front end...

slide-19
SLIDE 19

@DAVIDNEEDHAM

Display Suite for the front end...

Select Layout

slide-20
SLIDE 20

@DAVIDNEEDHAM

Display Suite for the front end...

Arrange fields

slide-21
SLIDE 21

@DAVIDNEEDHAM

Display Suite for the front end...

After

slide-22
SLIDE 22

@DAVIDNEEDHAM

Display Suite for the front end...

Before

slide-23
SLIDE 23

@DAVIDNEEDHAM

Display Suite for the front end...

After

slide-24
SLIDE 24

@DAVIDNEEDHAM

Display Suite for the front end...

b b a a c c k k

slide-25
SLIDE 25

@DAVIDNEEDHAM

Display Suite for the front end...

b b a a c c k k

slide-26
SLIDE 26

@DAVIDNEEDHAM

Display Suite for the front end...

Search

slide-27
SLIDE 27

@DAVIDNEEDHAM

What about Panels?

slide-28
SLIDE 28

@DAVIDNEEDHAM

SEO Checklist

https://drupal.org/project/seo_checklist

slide-29
SLIDE 29

@DAVIDNEEDHAM

Menu Block

https://drupal.org/project/menu_block

slide-30
SLIDE 30

@DAVIDNEEDHAM

Menu Block

https://drupal.org/project/menu_block

slide-31
SLIDE 31

@DAVIDNEEDHAM

Menu Block

https://drupal.org/project/menu_block

slide-32
SLIDE 32

@DAVIDNEEDHAM

Image Caption Filter

https://drupal.org/project/image_caption_formatter

slide-33
SLIDE 33

@DAVIDNEEDHAM

Chosen

https://drupal.org/project/chosen

Before

slide-34
SLIDE 34

@DAVIDNEEDHAM

Chosen

https://drupal.org/project/chosen

After Before

slide-35
SLIDE 35

@DAVIDNEEDHAM

Views slideshow

http://drupal.org/project/views_slideshow

Without CSS With CSS

slide-36
SLIDE 36

@DAVIDNEEDHAM

  • Fusion or Omega starter themes
  • Color module
  • Panopoly distro

Bigger considerations

slide-37
SLIDE 37

@DAVIDNEEDHAM

You are special!

slide-38
SLIDE 38

"You don't know what you don't know."

@DAVIDNEEDHAM

slide-39
SLIDE 39

"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."

slide-40
SLIDE 40

"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."

slide-41
SLIDE 41

@DAVIDNEEDHAM

make drupal a better place by creating issues in the queue!

slide-42
SLIDE 42

Be empowered the Drupal way!

slide-43
SLIDE 43

We hope you've enjoyed

Theming for Sitebuilders

How did I do? Let us know

http://is.gd/asapon (click to rate)