The Absolute Beginner's Guide to Drupal - Training slides from DrupalCon Austin 2014

1. rtyeq `qa` `1q`123HJDSQ
QFGA
The Absolute Beginner’s
Guide to Drupal
Rod Martin
@imrodmartin
!
Matt Heisterman
@discerningdaddyhttp://172.16.89.165:10xx

2. Introductions
!
• Myself
• Yourself
• The people around you

3. Rod Martin
@imrodmartin
rod@ostraining.com

4. ~450 Online Lessons & Tutorials

5. ~450 Online Lessons & Tutorials
Cincinnati, Denver, New York,
Chicago, Atlanta, San Antonio,
Washington DC, Boston,
Toronto etc…
!
DrupalCon’s Chicago, London,
Denver, Portland, Prague and
Austin!
DrupalCamp’s Indy & Austin 2011,13 Florida,
DrupalCorn, SANDcamp, OHIO (11,12 &13) etc.

6. Today’s Plan
• Morning and afternoon breaks
• Lunch at noon
• Finish at 5 p.m.
• Cell phones on
mute

7. After Today
Book Videos Support

8. Drupal
What? A Content Management System
with over 22,000 add-on features.

9. What is a Content
Management System (CMS)?
a software application that makes it possible
for non-technical users to publish content to
a website. A CMS serves as a store for a wide
range of information assets, including text,
image databases and so on.
www.publiclife.co.uk/glossary.html

10. What is a Content
Management System (CMS)?

11. What is a Content
Management System (CMS)?
Content
Text, editing, links.

12. What is a Content
Management System (CMS)?
Content
Text, editing, links.
Creative Design
Site Design and Page
Layout, Information
Architecture, Usability
Design - Theme

13. What is a Content
Management System (CMS)?
CMS
PHP, AJAX,
JavaScript, etc. -
Drupal
Content
Text, editing, links.
Creative Design
Site Design and Page
Layout, Information
Architecture, Usability
Design - Theme

14. Drupal is
!
How is that possible? Drupal is run by
volunteers working for Drupal
businesses.
!
Drupal is free: but Drupal sites often
aren’t.
The Drupal Business Model

15. Drupal - When?
Started in 2000 by Dries Buytaert a
student at a university in Belgium.

16. The Business Behind Drupal
Drupal is still led by it’s founder, Dries
Buytaert.
!
His company Acquia runs much of
Drupal’s products, services and support
DrupalCon London

17. The Business Behind Drupal
Drupal is still led by it’s founder, Dries
Buytaert.
!
His company Acquia runs much of
Drupal’s products, services and support
DrupalCon London

18. Drupal - Who?
• Over 900,000 people on Drupal.org
• Around 1,000 active developers
• Developers are not paid by Drupal.
Most work for Drupal companies
and volunteer some of their time.

19. What Does Drupal Mean?
Drupal is a misspelling of “drop” in
Dutch.
!
That explains the logos:

20. Users: White House

21. Department of Commerce

22. Department of Education

23. Grammy Awards

24. Christina Aguilera

25. Major League Soccer

26. Rafael Nadal

27. http://www.drupalshowcase.com/

28. No False Promises
• HUGE learning curve beyond
the basics

31. No False Promises
• HUGE learning curve beyond the basics
• Quicker, but good sites still take time
• Cheaper, but may cost $XX,XXX or
more
• More Options, but custom work often
needed

32. No False Promises
Drupal is not right for every site
• WordPress = very easy, but few
features
• Joomla = easier, but less flexibility

33. No False Promises

34. No False Promises

35. No False Promises

36. Why use Drupal 7?
• Drupal 5
–Launched 2007. Updates have ended
• Drupal 6
–Launched 2008. Not being actively
developed and used for ~22% of sites.
• Drupal 7
–Launched 2011.

37. Why use Drupal 7?
• Drupal 5
–Launched 2007. Updates have ended
• Drupal 6
–Launched 2008. Not being actively
developed and used for ~22% of sites.
• Drupal 7
–Launched 2011.

38. The Drupal Site Building
Workflow

39. Typical Drupal Site

41. Planning

43. Planning
• Content Audit
• Content Types, Fields, Taxonomy
• Extend through Modules
• Plan Site Architecture
• Layout & Display
• Theme
http://www.amazon.com/Drupal-Guide-Planning-Building-Websites/dp/1118066863

44. Here’s Where We’re Going

45. The Drupal Site Building
Workflow

46. Installation #1 … Automatic

47. Installation #2 … Manual

48. Installation #3 … Cloud

49. Installation #4 ... Desktop

50. Admin Area

51. The Drupal Site Building
Workflow

52. Content Workflow
1) Content types
2) Fields (if extra data needed)
3) Taxonomy (if categories needed)
• Vocabulary
• Terms
4) Path
5) Create Content

53. Content Workflow
1) Content types
• In Drupal, each item of content is called
a node, and each node belongs to a
single content type, which defines
various default settings for nodes of that
type, such as whether the node is
published automatically and whether
comments are permitted.
• Control over how content is added to
your site.
• Goes way beyond the typical “Title” and
“Body” fields.

56. Content Workflow
2) Fields
•Attached to Drupal entities (content
nodes, users, taxonomy vocabularies,
etc.) fields take care of storing, loading,
editing, and rendering field data. Where
content is added to your site.
•Can be sorted, selected, presented in any
setting.
•Allow for customizing your content for
maximum flexibility.

57. WordPress

58. Joomla

59. Content Workflow (Taxonomy)
3) Taxonomy
• Categorization
• Set up Master Categories = Vocabulary
• Set up Sub Categories = Terms
• Drupal then creates master links for
each term

60. Content Workflow (Taxonomy)
3) Taxonomy
• Categorization
• Set up Master Categories = Vocabulary
• Set up Sub Categories = Terms
• Drupal then creates master links for
each term

61. Content Workflow
3) Path - set up the pattern for human
friendly URLs
!
4) Add Content

62. Content Workflow
1) Content types
2) Fields (if extra data needed)
3) Taxonomy (if categories needed)
• Vocabulary
• Terms
4) Path
5) Create Content

63. The Drupal Site Building
Workflow

64. The Drupal Site Building
Workflow
Modules = Features

65. Layout

66. Layout

67. A. Modules Workflow
1) Research
2) Install
3) Enable
4) Configure

68. Modules
drupal.org/project/modules
DrupalModules.com

69. Install Modules

70. Layout Recap

71. Layout Recap

72. The Drupal Site Building
Workflow

73. Themes
Each theme has different block positions

74. Theme Sources
1) Free themes
2) Commercial themes ($50 to $250)
3) Theme Generator ($100)
4) Custom ($2000 and upwards)

75. 1) Free Themes
Drupal.org/project/Themes

76. 2) Commercial Themes
FusionDrupalThemes.com
and a host of others
(google it...)

77. 3) Theme Generator
Artisteer.com ($129)

78. Layout Recap

79. Layout Recap

80. Blocks

81. http://www.engadget.com/2009/02/02/but-wait-theres-more-t-mobile-lets-you-buy-with-four-easy-pay/

82. Views
Selects, orders, presents your content
or any part/combination of it based on
the criteria you define.

83. Views Workflow
1. Display
2. Format
3. Fields
4. Filter
5. Sort

84. Drupal Views
1. Display
2. Format
3. Fields
4. Filter
5. Sort

85. Drupal Views
1. Display
2. Format
3. Fields
4. Filter
5. Sort

86. The Panels Module
• Takes the views we create then controls access
and layout of the content.
• “Blocks with brains”...
– Provides context for our views (user, node,
fields, taxonomy, search, custom... and more)
– Use panes anywhere - exportable.

87. The Panels Module

88. Modules for Layout/Display
• http://blip.tv/drupalcon/different-
ways-to-control-your-layout-6318577
!
• Views - in Drupal 8 Core
http://www.esquire.com/style/answer-fella/history-of-applause-0209
Mark Matcho

89. Modules for Layout/Display
• http://blip.tv/drupalcon/different-
ways-to-control-your-layout-6318577
!
• Views - in Drupal 8 Core
http://www.esquire.com/style/answer-fella/history-of-applause-0209
Mark Matcho

90. Modules for Layout/Display
• http://blip.tv/drupalcon/different-
ways-to-control-your-layout-6318577
!
• Views - in Drupal 8 Core
• Panels / Panelizer
• Display Suite
• Context
• Bean / Template Field Module http://www.esquire.com/style/answer-fella/history-of-applause-0209
Mark Matcho

91. Panels Workflow
1) Panels > Panel Page
2) Basic settings
3) Choose the layout
4) Place the content

92. Display Suite
Display Suite allows you to take full control
over how your content is displayed using a drag
and drop interface. Arrange your nodes, views,
comments, user data etc. the way you want
without having to work your way through
dozens of template files. A predefined list of
layouts (D7 only) is available for even more
drag and drop fun!

93. The Drupal Site Building
Workflow

94. People Workflow
1) Roles
2) Permissions
3) Users
4) Masquerade
module to test user
accounts

95. The Drupal Site Building Workflow
Things to remember...

96. Content Workflow
1) Content types
2) Fields (if extra data needed)
3) Taxonomy (if categories needed)
• Vocabulary
• Terms
4) Path
5) Create Content

97. Layout

98. Modules / Themes Workflow
1) Research
2) Install
3) Enable
4) Configure

99. User Workflow
1) Roles
2) Permissions
3) Users
4) Masquerade module
to test user accounts

100. Drupal Beginner Workflow
1) Plan!
2) Install (4 ways)
3) Create (Content)
4) Extend (Modules)
5) Design (Views, Panels &Themes)
6) People
7) Practice, Practice, Practice
(OSTraining.com)

101. Put it all together...

102. Over to you …

103. Favorite Modules
http://www.slideshare.net/imrodmartin/45-in45drupal

104. Practice, Practice, Practice

105. Resources
!
DrupalCon Denver:
http://blip.tv/drupalcondenver
!
Other DrupalCons: http://blip.tv/drupalcon
!
Later DrupalCons: http://
www.youtube.com/user/DrupalAssociation
!
Slides: http://www.slideshare.net/
imrodmartin/45-in45drupal

106. Your Opinion Please!