Drupal 8 Preview for Site Builders

A peek into the next version!

DRUPAL 8 SITE
BUILDING PREVIEW

Wednesday, October 23, 13

1

Learning Services
at Acquia
• Heather on Twitter
• @learningdrupal

• Contact me or
• Ben Ortega,

Director of Learning
Services about training


2

“Overall though the
content of the course
was excellent and
well organized. I
learned a great deal
from this course.”
training.acquia.com/
testimonials

http://training.acquia.com/events

3

What I’ll cover
• Obligatory warning!
• How to try out Drupal 8; Quick overview of

admin changes; Content editing, WYSIWYG,
Images
• Site Building!
• Building with Blocks, Content types
• Making most of data with Schema.org
• Conﬁguration management

4

What I won’t cover today
• How we got here
• Theming (soon!)
• Module development (soon!)
• “Under the hood”

• Getting Up to Speed on Drupal 8

http://lullabot.github.io/dme-presentations/d8what-is-new/webinar.html#/


5

Get your hands on
Drupal 8


6

Alpha release phase

drupal.org/core/release-cycle

7

Alpha release phase


8

Alpha 4 is out!

drupal.org/node/3060/release

9

Ready when it’s ready


10

What we should be doing
• Testing upgrading modules and themes
• Reporting problems with API
• Testing patches and issues marked

“needs review”
• Developers should watch “How to upgrade

your modules to Drupal 8”, DrupalCon
Prague, 2013.

youtube.com/watch?v=AilpWNE0jzo

11

Not a developer? Great!
• Participate in usability research

groups.drupal.org/node/343023

12

Tell others about it!
• https://drupal.org/node/2116433


13

drupal.org/drupal-8.0

14

Or - Setting up locally
• Install Git + download Drupal 8
• git clone --branch 8.x http://git.drupal.org/

project/drupal.git

drupal.org/project/drupal/git-instructions

15

Acquia Dev Desktop

acquia.com/downloads On Mac use Beta

16

New look!


17

Install in any language!


18

Construction
warning!


20

Changes daily

drupal.org/node/3060/commits

21

YAY! Contact form fields


22

Contact form

https://drupal.org/node/1997692
https://drupal.org/node/1849158

23

Some funky errors?


24

What to do?
• Right now, there will be many errors. Site

builders encouraged to test with ﬁrst Beta
releases. Still early yet!
• Try to replicate the error.
• Clarify the steps and conditions to repeat!
• Search for errors in Issue queue.
• If a patch exists, test it.
• If an error isn’t reported, add it.

25

Good issue reports

drupal.org/node/73179

26

Subtle improvements

What’s new with
Drupal 8
Administration

27

Big things: Responsive


28

Little things: Delete button
• No longer in random places like tabs etc.


29

Module filter


30

Views in CORE!


31

Admin pages improved
• More options for ﬁltering, thanks to Views


32

Example:
Customize admin


33

For more detail
• Approx 32

Contrib modules
which are mooted
by Drupal 8.
• Another 8 Core

modules which
are gone or
moved to
Contrib.

acquia.com/blog/tutorial-drupal-8-site-buildingpreview-less-more

34

Improvements for content admins
saves time for site builders

WYSIWYG and
content editing


35

Improved content editing


36

In place editing


37

Edit in place
• Edit images inline


38

Paste from Word
• Cleans up markup!
• Saves structure (if your ﬁlters allow those

headings)


39

Smart configuration


40

Some bugs in defaults
• Default settings not

saved
• “Sticky” might get

removed altogether.


41

For more detail

acquia.com/blog/content-editingenhancements-drupal-8

42

Images & Picture


43

Responsive all the way


44

Two cases for images

Inline images
Writers control
Varying input
and display
Image fields
Designers control
Consistent input
Consistent display


45

Example


46

Easier to identify


47

Arbitrary values!


48

Inline image


49

Demo: “Picture” formatter


50

For more detail

acquia.com/blog/tutorial-drupal-8-wysiwyginline-and-responsive-images

51

Blocks


52

Flexible placement


53

Custom blocks and types


55

Add fields to blocks


56

Custom block types


57

Example custom type


58

Content type ﬁelds,
form display and view
modes

59

Your data and display

http://insideintercom.io/why-cards-are-the-future-of-the-web/

60

Cards

http://insideintercom.io/why-cards-are-the-future-of-the-web/

61

Site building in Drupal 8
• Modelling data
• Fields on everything
• Not everything needs

to be a content type
• Smart markup with

Schema.org
• RESTful web services


62

New fields
• Datetime
• E-mail
• Entity reference - Link to

users, terms, content, etc.
with an auto-complete
ﬁeld.
• Link
• Telephone


63

Fields and more fields
• Add ﬁelds to Blocks, Contact form, etc!
• Comments are now a ﬁeld!


64

Custom content types


68

schema.org/Restaurant


69

Add custom display modes


70

Demo: Add field
• Add email ﬁeld
• Custom placeholder text
• How to manage display
• Custom displays


71

A site builder’s perspective

Conﬁguration
management


72

Workflow
• Conﬁguration management with built-in

staging

Your current config

> Should match current

Do not edit Active
configuration
manually.

Copy most recent
changes, before adding
new file!


73

Workflow


74

Manage configuration


75

Export
• Archived .tgz file
• All site configuration, including new files.
• Bring to “staging” directory of other site.


76

In YAML files
• Not advised to edit directly.

drupal.org/documentation/administer/config

77

Version control files
• You can share conﬁguration easily


78

Synchronize


79

New file example


80

Import yet?


81

Orphan field imported


82

Future?
• Possible UI in Contrib!


83

Issue to checkout


84

Schema


85

http://www.google.com/insidesearch/features/recipes/

86

Schema.org integration
• Search engines can

read structured
markup and
microdata.
• Standard

conventions.
• Google, Yahoo, Bing,

etc


87

schema.org/Recipe


88

Smart markup
• Map arbitrary

ﬁelds to
canonical
classiﬁcations
of... everything.
• Thing >

CreativeWork >
Recipe
• cookTime
• ingredients
• recipeYield

89

Article
• Stored as .yml ﬁles


90

Article markup
• Includes markup for core content types.


91

schema.org/Restaurant


92

Custom mapping!
• Copy core example and adapt.
• Save with pattern:

rdf.mapping.node.[bundle].yml
• UUID famkruithof.net/uuid/

uuidgen
• Map to your chosen schema

(Match “bundle” name; Add
new ﬁelds)
• Import conﬁguration


93

Match schema to fields
• Modify and adapt from the core example
• Remove ﬁelds you don’t need

Example from article
for image field


Adapted for restaurant
logo field

94

Import configuration


95

Properties in markup


96

Future?
• Possible UI in Contrib.

Many sprints coming up.
• Title: The future of search and SEO
• Level: Intermediate
• Speaker: Stéphane "scor" Corlosquet and

Nick "nick_vh" Veenhof
http://2013.badcamp.net/sessions/future-search-and-seo

97

If not now,
then when?


98

Custom content types


99

Experience in D7

acquia.com/blog/
getting-your-site-ready-drupal-8

100

Site Building courses

http://training.acquia.com/course/site-building-drupal-7

101

Drupal 8 Preview for Site Builders

More Related Content

Similar to Drupal 8 Preview for Site Builders (20)

More from Acquia (20)

Recently uploaded (20)

Drupal 8 Preview for Site Builders