THE TEXAS TWO-STEPTHE DRUPAL 8 ECOSYSTEM &

WHICH PLANET DO YOU SEE?

THE DRUPAL 8 ECOSYSTEM AND THE TEXAS TWO-STEP

OUTLINE

▸ OVERVIEW

▸ ABSTRACT EXAMPLE

▸ REAL-WORLD EXAMPLE

▸ NEXT STEPS

THE DRUPAL 8 ECOSYSTEM AND THE TEXAS TWO-STEP

OUTLINE

▸ OVERVIEW

▸ what is Drupal 8?

▸ why use Drupal 8?

▸ how to use Drupal 8

▸ ABSTRACT EXAMPLE

▸ REAL-WORLD EXAMPLE

▸ NEXT STEPS

THE DRUPAL 8 ECOSYSTEM AND THE TEXAS TWO-STEP

OUTLINE

▸ OVERVIEW

▸ ABSTRACT EXAMPLE -> A Bakery

▸ Content Types

▸ Taxonomy

▸ Views

▸ Blocks / Pages

▸ REAL-WORLD EXAMPLE

▸ NEXT STEPS

THE DRUPAL 8 ECOSYSTEM AND THE TEXAS TWO-STEP

OUTLINE

▸ OVERVIEW

▸ ABSTRACT EXAMPLE

▸ REAL-WORLD EXAMPLE -> The Texas Two-Step

▸ Content Types

▸ Taxonomy

▸ Views

▸ Blocks / Pages

▸ NEXT STEPS

THE DRUPAL 8 ECOSYSTEM AND THE TEXAS TWO-STEP

OUTLINE

▸ OVERVIEW

▸ ABSTRACT EXAMPLE

▸ REAL-WORLD EXAMPLE

▸ NEXT STEPS

▸ The Foxtrot

▸ Website Ideas

▸ Find Support

▸ Stay Involved

OVERVIEW

THE DRUPAL 8 ECOSYSTEM AND THE TEXAS TWO-STEP

▸ Oh it’s a GUI. But wait - there’s code. Uh, what?

▸ What is Drupal 8?

▸ Content Management System

▸ Flexible, Stable, Fun, Secure

▸ Modular, Component-based

OVERVIEW

THE DRUPAL 8 ECOSYSTEM AND THE TEXAS TWO-STEP

▸ Why use Drupal 8?

▸ blogging doesn’t get you far enough

▸ you want to customize a user web experience

▸ you want to define user roles, protect access

▸ you don’t want to purchase what’s already free

▸ you like to learn

OVERVIEW

THE DRUPAL 8 ECOSYSTEM AND THE TEXAS TWO-STEP

▸ How to use Drupal 8

▸ Create a Drupal instance

▸ Site-Build (develop through the UI)

▸ Use modules to extend your powers

▸ Write modules that can do anything

OVERVIEW

ABSTRACT EXAMPLE

THE DRUPAL 8 ECOSYSTEM AND THE TEXAS TWO-STEP

▸ A Bakery

ABSTRACT EXAMPLE

▸ A Bakery\Content Types

▸ Food a Baker might make:

▸ Cake

▸ Cookies

▸ Pastries

▸ Pies

ABSTRACT EXAMPLE

THE DRUPAL 8 ECOSYSTEM AND THE TEXAS TWO-STEP

THE DRUPAL 8 ECOSYSTEM AND THE TEXAS TWO-STEP

▸ A Bakery\Taxonomy

▸ Categories the food may fall into:

▸ Gluten-Free

▸ Vegan

▸ Omnivorous

ABSTRACT EXAMPLE

THE DRUPAL 8 ECOSYSTEM AND THE TEXAS TWO-STEP

▸ A Bakery\Views

▸ How a baker might organize a display case:

▸ Similar food (cake, cookies, pastries, pies)

▸ Similar kinds (gluten-free, vegan, omnivorous)

▸ Time-based (seasonal, freshly made, yesterday’s)

ABSTRACT EXAMPLE

THE DRUPAL 8 ECOSYSTEM AND THE TEXAS TWO-STEP

▸ A Bakery\Blocks & Pages

▸ Where a baker might put a display case:

▸ A storefront window (to drive traffic)

▸ Next to the cash register (to drive sales)

▸ All of their stores (for continuity and access)

ABSTRACT EXAMPLE

THE DRUPAL 8 ECOSYSTEM AND THE TEXAS TWO-STEP

▸ A Bakery\Recap

▸ a component website requires you to look into the page

ABSTRACT EXAMPLE

REAL-WORLD EXAMPLE

THE DRUPAL 8 ECOSYSTEM AND THE TEXAS TWO-STEP

▸ The Texas Two-Step

▸ Create a bakery portfolio that shares

▸ photos and recipes organized by

▸ cakes and pies

▸ displayed on their own pages and

▸ displayed as a block anywhere we choose

REAL-WORLD EXAMPLE

THE DRUPAL 8 ECOSYSTEM AND THE TEXAS TWO-STEP

▸ The Texas Two-Step Instructions

▸ Create two Content Types with Body, Image, and “Price” (number) field (Cakes and Pies)

▸ Create a Taxonomy vocabulary (“Baking Style”) with two terms (Vegan and Gluten-Free)

▸ Go back to your existing Content Types and add new field for Taxonomy vocabulary “Baking Style”

▸ Edit Teaser Display of each Content Type to show Image and Baking Style fields in Teaser, and in Default Display, make Image, Price, Baking Style, and Body fields visible

▸ Create a View (Page View) that displays one Content Type displayed as a Content: Teaser in a Grid format, and add this page to the Main Navigation Menu. Repeat for other Content Type

▸ To each View, add a Block View that shows Content: Teaser as an unformatted list

▸ In Block Layout, Place Block in Second Sidebar, choose the Block View of your Content Type, exclude from displaying on it’s own Page View, repeat for the other Block View you created

▸ End Result: Cakes don’t show in sidebar on Cakes page, Pies don’t show in sidebar on Pies page, both Cakes and Pies show up on Home Page

REAL-WORLD EXAMPLE - THE TEXAS TWO-STEP

THE DRUPAL 8 ECOSYSTEM AND THE TEXAS TWO-STEP

▸ Texas Two-Step\Content Types

▸ navigate to Structure\Content Types

▸ Create a content type called ‘Cake’

▸ add an Image field, make it visible in the Teaser

▸ add a Cost field (Number: Decimal)

▸ Create a content type called ‘Pie’

▸ repeat the two steps above

REAL-WORLD EXAMPLE

THE DRUPAL 8 ECOSYSTEM AND THE TEXAS TWO-STEP

▸ Texas Two-Step\Add Content

▸ navigate to Content\Add Content

▸ Create two Cakes

▸ add an Image

▸ add a Cost

▸ Create two Pies

▸ repeat the two steps above

REAL-WORLD EXAMPLE

THE DRUPAL 8 ECOSYSTEM AND THE TEXAS TWO-STEP

▸ Texas Two-Step\Taxonomy

▸ navigate to Structure\Taxonomy

▸ Create a Taxonomy vocabulary called ‘Diet Preference’

▸ create two Taxonomy terms in this vocabulary

▸ ‘Vegan’

▸ ‘Gluten-Free’

REAL-WORLD EXAMPLE

THE DRUPAL 8 ECOSYSTEM AND THE TEXAS TWO-STEP

▸ Texas Two-Step\Content Types

▸ navigate back to Structure\Content Types

▸ Edit the content type called ‘Cake’

▸ add a Taxonomy term, vocabulary ‘Diet Preference’

▸ Edit the content type ‘Pie’

▸ repeat the step above

REAL-WORLD EXAMPLE

THE DRUPAL 8 ECOSYSTEM AND THE TEXAS TWO-STEP

▸ Texas Two-Step\Content

▸ Edit the two Cakes

▸ for the first, in Diet Preference field, type ‘Gluten-Free’

▸ for the second, same place, type ‘Vegan’

▸ Edit the two Pies

▸ repeat the two steps above

REAL-WORLD EXAMPLE

THE DRUPAL 8 ECOSYSTEM AND THE TEXAS TWO-STEP

▸ Texas Two-Step\Views

▸ navigate to Structure\Views

▸ Add a new Page View called ‘Cake List’ that shows

▸ Teasers of content type ‘Cake’ in a grid format

▸ Create a Menu Link for this page to Main Navigation

▸ Add a new Page View called ‘Pie List’

▸ repeat the two steps above

REAL-WORLD EXAMPLE

THE DRUPAL 8 ECOSYSTEM AND THE TEXAS TWO-STEP

▸ Texas Two-Step\Views

▸ Edit ‘Cake List’

▸ add a new Block View

▸ change format to unformatted list (this block override)

▸ Edit ‘Pie List’

▸ repeat the two steps above

REAL-WORLD EXAMPLE

THE DRUPAL 8 ECOSYSTEM AND THE TEXAS TWO-STEP

▸ Texas Two-Step\Blocks

▸ navigate to Structure\Block Layout

▸ Sidebar Second -> Place Block -> ‘Cake List’

▸ Pages -> Hide for listed pages -> /cake-list

▸ Sidebar Second -> Place Block -> ‘Pie List’

▸ Pages -> Hide for listed pages -> /pie-list

REAL-WORLD EXAMPLE

THE DRUPAL 8 ECOSYSTEM AND THE TEXAS TWO-STEP

▸ Texas Two-Step\Menus

▸ navigate to Structure\Menus

▸ rearrange pages to desired order

▸ Take a moment, look at what you’ve accomplished

▸ you can dance!

REAL-WORLD EXAMPLE

NEXT STEPS

THE DRUPAL 8 ECOSYSTEM AND THE TEXAS TWO-STEP

▸ The Foxtrot

▸ New Moves (steps 3 and 4) - Intermediate Level Concepts

▸ Entities

▸ Contexual Filters / Relationships

▸ Content Access / Permissions

▸ Dancing with a Partner - Setting up a Local Environment

▸ AMP stack / NginX / Acquia DevDesktop / Kalabox

NEXT STEPS

THE DRUPAL 8 ECOSYSTEM AND THE TEXAS TWO-STEP

▸ Website Ideas

▸ Photo Gallery with restricted access

▸ Professional Portfolio

▸ Restaurant site with different menus for different meals

▸ Travel calendar with predefined packing lists according to climate/time of year

NEXT STEPS

THE DRUPAL 8 ECOSYSTEM AND THE TEXAS TWO-STEP

▸ Find Support

▸ Local Drupal Meetups: meetup.com

▸ Drupal main site: drupal.org

▸ Stack Exchange: stackexchange.com

▸ Google it

▸ Make a friend tpeery@ucdavis.edu

NEXT STEPS

THE DRUPAL 8 ECOSYSTEM AND THE TEXAS TWO-STEP

▸ Stay Involved

▸ Push yourself to learn something you don’t know

▸ start with stuff you like

▸ continue with stuff you need

▸ Complete your projects

▸ life is a series of challenges

▸ you will face the same one until you conquer

NEXT STEPS