TLA Webinar: Introduction to Drupal -- part 3 of 3

376 views

Published on

Drupal 7: Views, Images, Media, Input Formats and Themes

Published in: Technology, Design
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
376
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
3
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

TLA Webinar: Introduction to Drupal -- part 3 of 3

  1. 1. Intro to Drupal, Part 3 of 3 TLA Webinar Series, Jan. 10, 2014 Introduction to Drupal Part 3 of 3 Text Formats, Images, Media, Views & Themes
  2. 2. Intro to Drupal, Part 3 of 3 TLA Webinar Series, Jan. 10, 2014 Recap from Nov. 11 •  Installation & File System •  Configuration System Site name, Site email, Timezone •  Content Types Default types, Adding new types, settings •  Extending Drupal with Contributed Modules •  User Roles
  3. 3. Intro to Drupal, Part 3 of 3 TLA Webinar Series, Jan. 10, 2014 Recap from Dec. 10 •  Blocks •  Menus •  Taxonomy •  Webforms
  4. 4. Intro to Drupal, Part 3 of 3 TLA Webinar Series, Jan. 10, 2014 Recap: Drupal Glossary •  Node: a piece of content which belongs to a content type. A node page is the specific single page for that content, but nodes can be viewed outside of their page. •  Teaser (aka Summary): an introductory paragraph about a piece of content. •  Terms (aka Tags): organizational keywords that can be used to create categories or metadata. •  Module: a package of code (typically written in PHP and CSS) that extends Drupal functionality. https://drupal.org/glossary
  5. 5. Intro to Drupal, Part 3 of 3 TLA Webinar Series, Jan. 10, 2014 Recap: Drupal Glossary •  User: an individual with login credentials for the site. •  Role: a set of permissions that can be applied to individual users. Users can belong to multiple roles. •  Permission: a tool for controlling access to content creation, modification and site administration. •  User1 (aka Site Maintenance Account): this is the first user on the site, and can do anything. It is not advisable to work on your site as User1. Always create an administrative account for yourself, and protect the User1 credentials. https://drupal.org/glossary
  6. 6. Intro to Drupal, Part 3 of 3 TLA Webinar Series, Jan. 10, 2014 Recap: Drupal Glossary •  Administrator: a default Drupal role that has high-level permissions on the site. This should only be given to trusted individuals who know what the tools do. •  Authenticated user: a site visitor who has logged into the site using their credentials. •  Anonymous user: a site visitor who has not logged in (and may not have credentials). The general public will typically be anonymous users. https://drupal.org/glossary
  7. 7. Intro to Drupal, Part 3 of 3 TLA Webinar Series, Jan. 10, 2014 Recap: Drupal Glossary •  Region: Defined areas of the page where blocks and other elements can be placed. Includes Header, Footer, Content, +. •  Block: A visible box of content or functionality. Blocks can be created by modules, including Views, or manually added. •  Menu: A set of clickable navigation items on the page. •  Menu Item: A specific link in a menu that takes the user elsewhere when clicked. •  Path or Alias: The last part of the URL of a page (following the domain name), e.g. node/4 or teens/summer-reading. https://drupal.org/glossary
  8. 8. Intro to Drupal, Part 3 of 3 TLA Webinar Series, Jan. 10, 2014 Recap: Drupal Glossary •  Taxonomy: A core module that gives your site a system of categorization and classification. •  Vocabulary: A collection of terms, e.g. Site Section vs. Database Category vs. Special Collection. •  Term: An organizational keyword that can be applied to a node. •  Tag: The same as Term, but usually refers to a freeform method of applying keywords and so is more commonly thought of as a classification method for blogging and social media. https://drupal.org/glossary
  9. 9. Intro to Drupal, Part 3 of 3 TLA Webinar Series, Jan. 10, 2014 Recap: Drupal Glossary •  Webform: A form that a user can fill out, including the search or contact forms. ALSO: A module that enables the site administrator to easily build complex forms on their site. •  Select or Other: A module and form option that allows a user who chooses “other” in a form to fill out a text field with the “other” value. •  Form Component: Each specific field within the form. •  Form Validation: A module and method for ensuring that user responses in a form line up with requirements. •  CAPTCHA: A module and method for ensuring the form is filled out by a human (not a spam bot).
  10. 10. Intro to Drupal, Part 3 of 3 TLA Webinar Series, Jan. 10, 2014 What’s next? •  Text Formats •  Images •  Media •  Views •  Themes
  11. 11. Intro to Drupal, Part 3 of 3 TLA Webinar Series, Jan. 10, 2014 Text Formats And… why do they matter? Photo credit: http://www.flickr.com/photos/stevenm_61
  12. 12. Intro to Drupal, Part 3 of 3 TLA Webinar Series, Jan. 10, 2014 Why does this matter? •  Security: A CMS allows people to enter data into the site. Entered data could contain security risks. •  Branding: A consistent look and feel not only makes your site look more professional, it engenders trust from the user. •  Usability: If anyone can format however they want, eventually you will have green text on a blue background, difficult to read fonts, or worse. •  WYSIWYG: Providing content contributors with a UI for formatting will make their lives much easier, as they won’t need to know HTML. It also makes it easier for you to control how they format their content.
  13. 13. Intro to Drupal, Part 3 of 3 TLA Webinar Series, Jan. 10, 2014 Text Formats Demo
  14. 14. Intro to Drupal, Part 3 of 3 TLA Webinar Series, Jan. 10, 2014 Recap: Drupal Glossary •  Text Format: (aka Input Format) A tool for defining the processing that happens to user-entered text before it is rendered in the browser. •  Filtered HTML: A default text format that strips unwanted HTML from user-entered content. •  Full HTML: A default text format that will allow any HTML markup to render in the browser (has security implications). •  Plain Text: A default text format that removes all formatting. https://drupal.org/glossary
  15. 15. Intro to Drupal, Part 3 of 3 TLA Webinar Series, Jan. 10, 2014 Recap: Drupal Glossary •  WYSIWYG: (pronounced whizz-i-wig) A graphical user interface for formatting user-entered content. Comes from “what-you-see-is-what-you-get” (which is not always true). •  Rich Text: The opposite of Plain Text, but not a text format. This describes all formats when formatting is displayed. •  Paste from Word: A tool that should be enabled in any WYSIWYG to help strip out unwanted invisible code from any content pasted from a word processor (such as MS Word). Warning: this is not always successful and can give a false sense of security. https://drupal.org/glossary
  16. 16. Intro to Drupal, Part 3 of 3 TLA Webinar Series, Jan. 10, 2014 Working with Images
  17. 17. Intro to Drupal, Part 3 of 3 TLA Webinar Series, Jan. 10, 2014 Images Demo
  18. 18. Intro to Drupal, Part 3 of 3 TLA Webinar Series, Jan. 10, 2014 Recap: Drupal Glossary •  Image Styles: Predefined settings for displaying an image (size, aspect ratio, rotation, etc.). Drupal creates new images for each setting, as needed, so that the image styles aren’t rendered in the browser on the fly. •  Inline Images: Images that are placed within a large block of text (or “blob” of content). •  Imagecache: The name of the module (now in Core) previously used for Image Styles. Important to know when looking for interesting image modules. https://drupal.org/glossary
  19. 19. Intro to Drupal, Part 3 of 3 TLA Webinar Series, Jan. 10, 2014 Recap: Drupal Glossary •  Alt Text: Alternate text, or, the text that is presented in place of the image when the image is not available. Examples of when Alt Text is used: •  Missing images •  Screen readers •  Search engines Alt text should never be left blank. https://drupal.org/glossary
  20. 20. Intro to Drupal, Part 3 of 3 TLA Webinar Series, Jan. 10, 2014 Working with Media
  21. 21. Intro to Drupal, Part 3 of 3 TLA Webinar Series, Jan. 10, 2014 Media Demo
  22. 22. Intro to Drupal, Part 3 of 3 TLA Webinar Series, Jan. 10, 2014 Views Photo credit: http://www.flickr.com/photos/micahtaylor
  23. 23. Intro to Drupal, Part 3 of 3 TLA Webinar Series, Jan. 10, 2014 Views Examples & Demo
  24. 24. Intro to Drupal, Part 3 of 3 TLA Webinar Series, Jan. 10, 2014 Recap: Drupal Glossary •  Views: A module that provides a graphical user interface for building queries – lists of your content that are displayed in customized ways. •  Filters: The tool within Views to determine which content displays in any given list. •  Exposed Filters: Filters that the end-user can see and change to customize what results show on their screen. •  Sort: The tool within Views to determine the order in which results are displayed. •  Bulk operations: A tool for performing actions on multiple entities at once.
  25. 25. Intro to Drupal, Part 3 of 3 TLA Webinar Series, Jan. 10, 2014 Themes Photo credit: http://www.flickr.com/photos/pearlmatic
  26. 26. Intro to Drupal, Part 3 of 3 TLA Webinar Series, Jan. 10, 2014 Theming Options •  Easy/Fast/Cheap: Contributed themes, which can be found free on Drupal.org or purchased from companies that sell Drupal themes. Mostly plug-and-play. •  Intermediate: Subthemes, which you create from one of the many well-regarded Base themes such as Zen, Zurb Foundation, AdaptiveTheme, Omega, etc. Enables you to have a custom design without having to start from scratch. •  Advanced/Expensive: Custom theme, which you build from scratch.
  27. 27. Intro to Drupal, Part 3 of 3 TLA Webinar Series, Jan. 10, 2014 Contrib Themes Demo
  28. 28. Intro to Drupal, Part 3 of 3 TLA Webinar Series, Jan. 10, 2014 Theming resources found at http://chillco.com/tla-drupal/questions
  29. 29. Intro to Drupal, Part 3 of 3 TLA Webinar Series, Jan. 10, 2014 Questions?
  30. 30. Intro to Drupal, Part 3 of 3 TLA Webinar Series, Jan. 10, 2014 http://chillco.com/ tla-drupal-questions

×