Intro to Views for Designers

860 views

Published on

Presentation for Drupal Design Camp Boston (June 25, 2011).

Views is one of Drupal’s most versatile and frequently-installed contributed modules. It gives site builders the ability to pull content from the database and display it in very specific ways: from a data table or a listing of article titles, to an image gallery or snazzy slideshow.

But while Views is very flexible, it can be daunting to newcomers. In this session, we’ll walk through the Views admin interface. We’ll create Views using fields, displays and sorting (and learn what the heck is a “contextual filter”).

We’ll also talk about the basics of theming Views. First, we’ll take a look at the HTML and CSS classes that the module outputs by default and show how they can be styled. Then, we’ll take it one step further and learn how to create our own Views templates.

This session is targeted at beginners, as in folks who are new to Views. Or maybe they’ve tried it out a couple times, but aren’t entirely sure how it works. Attendees who will get the most out of this session will already be familiar with the very basics of Drupal, HTML and CSS.

http://boston2011.design4drupal.org/sessions/introduction-views-designers

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
860
On SlideShare
0
From Embeds
0
Number of Embeds
10
Actions
Shares
0
Downloads
11
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • Intro to Views for Designers

    1. 1. Introduction to Views (For Designers) Drupal Design Camp Boston June 25, 2011
    2. 2. Christina Dulude• Information Architect/User Experience Designer, Dartmouth College• Organizer, Upper Valley DUGTwitter: cdulude | Email: cdulude@gmail.com | Drupal.org: cdulude
    3. 3. We’ll Talk About...• Understanding the admin interface• Theming Views
    4. 4. What is Views?• Contributed module• Select pieces of content• Customize output ?
    5. 5. Built-in Views
    6. 6. Add New View Name in admin interface Description in admin interface Which content type? How should output be sorted?What data do we want?(node content, comments,taxonomy terms, users, etc.) Only nodes of a certain tag
    7. 7. Add New View Title of your page URL for page What’s contained in this View? Should this page appear in a menu? If so, which menu? And what’s its menu item text? Should this page output RSS? If so, what’s the URL?
    8. 8. Add New View Title for block What does the output look like?How many to show?
    9. 9. Continue & EditLimit visibility to Text (or another View) to certain roles or appear above this Viewpermission levels Text (or another View) to appear below this View Output chunked into pages... ...Or one chunk that links to the full page
    10. 10. Continue & Edit On the siteIn Views
    11. 11. Continue & EditIn Views On the site
    12. 12. Advanced Settings• Contextual filter: Change View output depending on URL• Relationships: Link this data with other data (users, comments, etc.)• Exposed form: Display filter controls as block
    13. 13. Style for Your Theme• Style the HTML/CSS output in theme stylesheet(s)• Create custom styles in Views admin• Create custom Views templates
    14. 14. Fields Style Settings• Override default HTML output• Use your own elements, classes• Or none at all
    15. 15. Fields Style Settings• Default Views row output:
    16. 16. Fields Style Settings• Custom field and wrapper HTML/CSS
    17. 17. Fields Style Settings• Or, don’t wrap the field element at all:
    18. 18. Custom TemplatesTemplate for this theme Default Active template template (Don’t forget to rescan!)
    19. 19. Resources• Views Module http://drupal.org/project/views• Chaos Tool Suite http://drupal.org/project/ctools• Firebug http://getfirebug.com

    ×