Drupal 8 Preview for Site Builders

DRUPAL 8 SITE BUILDING PREVIEW

A peek into the next version!

1Wednesday, October 23, 13

Learning Servicesat Acquia

• Heather on Twitter• @learningdrupal

• Contact me or• Ben Ortega,

Director of Learning Services about training

2Wednesday, October 23, 13

http://training.acquia.com/events

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

training.acquia.com/testimonials

3Wednesday, October 23, 13

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• Configuration management

4Wednesday, October 23, 13

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

• Getting Up to Speed on Drupal 8http://lullabot.github.io/dme-presentations/d8-what-is-new/webinar.html#/

5Wednesday, October 23, 13

Get your hands on Drupal 8

6Wednesday, October 23, 13

drupal.org/core/release-cycle

Alpha release phase

7Wednesday, October 23, 13

drupal.org/core/release-cycle

Alpha release phase

8Wednesday, October 23, 13

Alpha 4 is out!

drupal.org/node/3060/release9Wednesday, October 23, 13

Ready when it’s ready

drupal.org/core/release-cycle10Wednesday, October 23, 13

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=AilpWNE0jzo11Wednesday, October 23, 13

Not a developer? Great!• Participate in usability research

groups.drupal.org/node/34302312Wednesday, October 23, 13

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

13Wednesday, October 23, 13

drupal.org/drupal-8.014Wednesday, October 23, 13

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-instructions15Wednesday, October 23, 13

Acquia Dev Desktop

acquia.com/downloads On Mac use Beta16Wednesday, October 23, 13

New look!

17Wednesday, October 23, 13

Install in any language!

18Wednesday, October 23, 13

19Wednesday, October 23, 13

Construction warning!

20Wednesday, October 23, 13

drupal.org/node/3060/commits

Changes daily

21Wednesday, October 23, 13

YAY! Contact form fields

22Wednesday, October 23, 13

Contact form

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

23Wednesday, October 23, 13

Some funky errors?

24Wednesday, October 23, 13

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

builders encouraged to test with first 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.

25Wednesday, October 23, 13

drupal.org/node/73179

Good issue reports

26Wednesday, October 23, 13

What’s new with Drupal 8 Administration

Subtle improvements

27Wednesday, October 23, 13

Big things: Responsive

28Wednesday, October 23, 13

• No longer in random places like tabs etc.

Little things: Delete button

29Wednesday, October 23, 13

Module filter

30Wednesday, October 23, 13

Views in CORE!

31Wednesday, October 23, 13

Admin pages improved• More options for filtering, thanks to Views

32Wednesday, October 23, 13

Example: Customize admin

33Wednesday, October 23, 13

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-building-preview-less-more

34Wednesday, October 23, 13

WYSIWYG and content editing

Improvements for content admins saves time for site builders

35Wednesday, October 23, 13

Improved content editing

36Wednesday, October 23, 13

In place editing

37Wednesday, October 23, 13

Edit in place• Edit images inline

38Wednesday, October 23, 13

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

headings)

39Wednesday, October 23, 13

Smart configuration

40Wednesday, October 23, 13

Some bugs in defaults• Default settings not

saved• “Sticky” might get

removed altogether.

drupal.org/node/2053461 drupal.org/node/197460

41Wednesday, October 23, 13

For more detail

acquia.com/blog/content-editing-enhancements-drupal-8

42Wednesday, October 23, 13

Images & Picture

43Wednesday, October 23, 13

Responsive all the way

44Wednesday, October 23, 13

Two cases for images

Image fields Designers controlConsistent input Consistent display

Inline imagesWriters controlVarying input and display

45Wednesday, October 23, 13

Example

46Wednesday, October 23, 13

Easier to identify

47Wednesday, October 23, 13

Arbitrary values!

48Wednesday, October 23, 13

Inline image

49Wednesday, October 23, 13

Demo: “Picture” formatter

50Wednesday, October 23, 13

For more detail

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

51Wednesday, October 23, 13

Blocks

52Wednesday, October 23, 13

Flexible placement

53Wednesday, October 23, 13

54Wednesday, October 23, 13

Custom blocks and types

55Wednesday, October 23, 13

Add fields to blocks

56Wednesday, October 23, 13

Custom block types

57Wednesday, October 23, 13

Example custom type

58Wednesday, October 23, 13

Content type fields, form display and view modes

59Wednesday, October 23, 13

Your data and display

http://insideintercom.io/why-cards-are-the-future-of-the-web/60Wednesday, October 23, 13

Cards

http://insideintercom.io/why-cards-are-the-future-of-the-web/61Wednesday, October 23, 13

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

62Wednesday, October 23, 13

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

users, terms, content, etc. with an auto-complete field.

• Link• Telephone

63Wednesday, October 23, 13

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

64Wednesday, October 23, 13

65Wednesday, October 23, 13

66Wednesday, October 23, 13

67Wednesday, October 23, 13

Custom content types

68Wednesday, October 23, 13

schema.org/Restaurant

69Wednesday, October 23, 13

Add custom display modes

70Wednesday, October 23, 13

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

71Wednesday, October 23, 13

Configuration management

A site builder’s perspective

72Wednesday, October 23, 13

• Configuration management with built-in staging

Workflow

Your current config

Do not edit Activeconfiguration manually.

> Should match current

Copy most recent changes, before adding new file!

73Wednesday, October 23, 13

Workflow

drupal.org/node/170316874Wednesday, October 23, 13

Manage configuration

75Wednesday, October 23, 13

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

76Wednesday, October 23, 13

• Not advised to edit directly.

drupal.org/documentation/administer/config

In YAML files

77Wednesday, October 23, 13

Version control files• You can share configuration easily

78Wednesday, October 23, 13

Synchronize

79Wednesday, October 23, 13

New file example

80Wednesday, October 23, 13

Import yet?

81Wednesday, October 23, 13

Orphan field imported

82Wednesday, October 23, 13

Future?• Possible UI in Contrib!

83Wednesday, October 23, 13

Issue to checkout

drupal.org/node/2099363

84Wednesday, October 23, 13

Schema

85Wednesday, October 23, 13

http://www.google.com/insidesearch/features/recipes/86Wednesday, October 23, 13

Schema.org integration• Search engines can

read structured markup and microdata.

• Standard conventions.

• Google, Yahoo, Bing, etc

87Wednesday, October 23, 13

schema.org/Recipe

88Wednesday, October 23, 13

Smart markup• Map arbitrary

fields to canonical classifications of... everything.

• Thing > CreativeWork > Recipe

• cookTime

• ingredients

• recipeYield89Wednesday, October 23, 13

Article• Stored as .yml files

90Wednesday, October 23, 13

Article markup• Includes markup for core content types.

91Wednesday, October 23, 13

schema.org/Restaurant

92Wednesday, October 23, 13

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 fields)

• Import configuration

93Wednesday, October 23, 13

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

Example from articlefor image field

Adapted for restaurantlogo field

94Wednesday, October 23, 13

Import configuration

95Wednesday, October 23, 13

Properties in markup

96Wednesday, October 23, 13

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

97Wednesday, October 23, 13

If not now, then when?

98Wednesday, October 23, 13

Custom content types

99Wednesday, October 23, 13

Experience in D7

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

100Wednesday, October 23, 13

Site Building courses

http://training.acquia.com/course/site-building-drupal-7101Wednesday, October 23, 13