Girl geek-drupal-intro-jan23-2012

Building Websites with Drupal

Go to drupalgardens.com + Create a Free Site

Suzanne Kennedy@suzanne_kennedy

evolvingweb.ca

What we’ll do today

1.What is Drupal?

2.Extending Drupal

3.Thinking like Drupal

drupalgardens.com

Get set up

Get set up

• Drupal Gardens• Managed hosting• Support• Training

• Drupal experts• Contribute to Drupal• Multilingual websites• Drupal Training

About you

?

What is Drupal?Software and community

What can you do with Drupal?

Build an Engagement Platform

Publish Lots of Content

Search Engine Optimization

Manage All Kinds of Content

Implement a Beautiful Design

Create a Simple Website

Drupal is Softwaredrupal.org/project/drupal

Drupal ‘Out of the Box’

Extend Drupal

Drupal Distributions

Academic sites:

News organizations:Conference sites:

Social community site:

Why Use Drupal?

Websites are SimilarLogo, Slogan, Search, RSS Feeds, Content, Users,

Language Switcher, Mailing List

Websites are SimilarLogo, Slogan, Search, RSS Feeds, Content, Users,

Language Switcher, Mailing List

Logo, Slogan, Search, RSS Feeds, Content, Users, Language Switcher, Mailing List

Websites are Similar

Separate Site Editor + Creator

Drupal is a communitydrupal.org

Montreal Drupal Users Group

groups.drupal.org/montreal-quebec

Drupal is Open Source

Photos from code sprints(cc) by muir.ceardach

http://www.flickr.com/photos/ceardach

Let’s try it

• Change your site title, slogan• Create content• Create a custom “block” on your site• Place the block on the homepage

What You’ll Make

Using Contributed Modules

Core vs. Contributed ModulesGo to the ‘Modules’ Page

Contributed Modules

Fivestar: A content rating system

Webform: Submission form

Flag: All purpose content marker

Software to extend the functionality of Drupal.

drupal.org/project/modules

http://drupal.org/project/webform

Contributed Modules on Drupal.org

Project information

Let Users Contact You

Let’s try itYou want to:

• Let users contact you• Collect specific information

Exercise:• Enable a module: Webform• Create a form!

What You’re Building

Thinking Like Drupal

Func%onality, Content, Display, Layout, Appearance,

Func%onality, Content, Appearance,

Drupal

Other systems

The Drupal Way

The Drupal Way

1. Functionality

What Functionality do you want?

Select and configure modules.

Func%onality, Content, Display, Layout, Appearance,

2. Content

What is the structure of content?

Create content types and configure them.

At this time you can work on permissions.

Func%onality, Content, Display, Layout, Appearance,

The Drupal Way

Func%onality, Content, Display, Layout, Appearance,

3. Display

How do you want the content displayed?

A List? A table? Thumbnail? In a block? On a page?

The Drupal Way

Func%onality, Content, Display, Layout, Appearance,

4. Layout

Where should it be accessed from?

Arrange layout, configure menus and navigation.

The Drupal Way

5. Appearance

What will your site look like?

Create or customize your theme.

Func%onality, Content, Display, Layout, Appearance,

The Drupal Way

Func%onality, Content, Display, Layout, Appearance,

Func%onality, Content, Appearance,

Drupal

Other systems

The Drupal Way

New Project:

End product

You could allow users to add events as unstructured content

Content Structure is Important

a.

Break up content into fields

a.

Use Fields to Organize Content

LocationPointe-à-Callière 350 Place Royale Montréal, QC H2Y 2C9

Content Relationships

Categorize Content

Creating Lists of Content

Site building steps

1. Create content types2. Test with real content3. Create custom listing4. Position the content5. Develop appearance

1. Create the content type

2. Enter in the content

3. Generate list of contentUse Views to build a query and specify display

4. Place list on the site

Let’s try it• Create a content type: Quotes• Create custom list of content• Position content

What You’re Building

What’s Next?

Next:Join the Community

• Get an account on Drupal.org• Go to Groups.Drupal.org• Attend a meetup

Next Steps with Drupal• training.acquia.com/hellodrupal • drupal.org/documentation/install

Drupal Training in Montrealevolvingweb.ca/training

• Friday, Jan 27th: Drupal for Developers

• Friday, Feb 17th: Drupal in a Day

• Discount Code: DRUPAL15

studioxx.org

• Intro to Drupal on Wednesdays Feb-March

Questions?