Theming Your Views
0 likes235 views
This document discusses theming views in Drupal to modify the look and feel of view outputs. It covers building a basic view, using CSS to style view outputs, and working with Views template files to completely change the code around fields. The presenter demonstrates these techniques and provides further reading links on Views theming.
![Further Reading Links
✤ “Views 2 Theming”
http://drupal.org/node/352970
✤ Install the “Advanced Help” Module
http://drupal.org/project/advanced_help
Then visit http://[YOURSITE]/admin/advanced_help/views
✤ Click on “Theme: Information” when looking at a view
and really read what it says there.
Photo On Intro Slide: Http://is.gd/1dIC3](https://image.slidesharecdn.com/themingyourviews-090627230407-phpapp02/85/Theming-Your-Views-6-320.jpg)
Theming Your Views
- 1. Theming Your Views Presented by Mark W. Jarrell Drupal Username: attheshow June 27, 2009 Http://fleetthought.com
- 2. What are we talking about? ✤ This is a “how to” session ✤ Building a view (the quick and dirty version) ✤ Modify the look and feel of the view output using some basic CSS ✤ Working with Views template files in order to completely change the code that comes out around your fields
- 3. Why do we need to do any theming to what Views creates? ✤ Make your site look individual and stand apart from the crowd ✤ Control! You may not like what you get out-of-the-box. ✤ You may need some HTML in your list of items that Views isn’t generating for you. ✤ Example: “I wish I could automatically capitalize my node titles in this list.”
- 4. What do we need to make it happen? ✤ Not much! Fairly straightforward. ✤ Views module http://drupal.org/project/views ✤ “Advanced Help” module http://drupal.org/project/ advanced_help ✤ Build a custom theme or modify an existing one ✤ Firebug Firefox Extension https://addons.mozilla.org/en- US/firefox/addon/1843
- 5. Demo
- 6. Further Reading Links ✤ “Views 2 Theming” http://drupal.org/node/352970 ✤ Install the “Advanced Help” Module http://drupal.org/project/advanced_help Then visit http://[YOURSITE]/admin/advanced_help/views ✤ Click on “Theme: Information” when looking at a view and really read what it says there. Photo On Intro Slide: Http://is.gd/1dIC3