Drupal Slideshows      August 2012                       Matt Wetmore                    mattwetmore.com                  ...
About This Session• Who is this session for?   – Designers/Themers/Developers/Site Builders• What modules will we cover?  ...
About Me• Matt Wetmore  –   Mattwetmore.com  –   Currently work at ING U.S. in Windsor, CT  –   Using Drupal for 2.5 Years...
What is a Slideshow?• Slideshows are used to display content on your website that you  would like to have rotate as a user...
How to do this in Drupal• There are tons of ways you could this in Drupal   – Check: http://drupal.org/node/418616• Which ...
Getting started with Views Slideshow• Demo  – Enabling Views Slideshow  – Configure Views Slideshow                       ...
How to sort my slides• Views will sort the slides by default, but we want some  more control over the order.   – Can use a...
Using Views Slideshow and Nodequeue• Demo  – Enable Nodequeue  – Configure a Queue for our Slides  – Configure our view to...
Introducing Flexslider• Flexslider   – Created by WooThemes   – Fully Responsive for Responsive Themes.   – Can be used wi...
Thank You!Questions?The Central CT Drupal meetup meets the third Tuesday every month.We also have a new Twitter account fo...
Upcoming SlideShare
Loading in …5
×

Drupal slideshows dcct2012

2,038 views

Published on

DrupalCampCT 2012 - Views Slideshow Presentation.

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

  • Be the first to like this

No Downloads
Views
Total views
2,038
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
7
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Drupal slideshows dcct2012

  1. 1. Drupal Slideshows August 2012 Matt Wetmore mattwetmore.com @mwetmore
  2. 2. About This Session• Who is this session for? – Designers/Themers/Developers/Site Builders• What modules will we cover? – Views Slideshow – Flexslider – Nodequeue• What version of Drupal and other things. – We will be covering this with Drupal 7 – You should probably know how to use Views  Matt Wetmore mattwetmore.com @mwetmore
  3. 3. About Me• Matt Wetmore – Mattwetmore.com – Currently work at ING U.S. in Windsor, CT – Using Drupal for 2.5 Years – Twitter: @mwetmore – Central CT Drupal Meetup Organizer Matt Wetmore mattwetmore.com @mwetmore
  4. 4. What is a Slideshow?• Slideshows are used to display content on your website that you would like to have rotate as a user is viewing your webpage.• They can take a number of forms and be built a few different ways. – They can cycle through images. – They can cycle through text. – They can be user controlled. – Items in the slideshow can be displayed as images, pagers, or indicators. Matt Wetmore mattwetmore.com @mwetmore
  5. 5. How to do this in Drupal• There are tons of ways you could this in Drupal – Check: http://drupal.org/node/418616• Which one is the one to use? – I would try a bunch of them and see which one works for you. – One of the benefits of Drupal is that there are always multiple ways to do things, although its one of its downsides at times.• Benefits of Views Slideshows – Uses Views – Has a good API – Has a number of Sub-Modules – Quick and Simple Matt Wetmore mattwetmore.com @mwetmore
  6. 6. Getting started with Views Slideshow• Demo – Enabling Views Slideshow – Configure Views Slideshow Matt Wetmore mattwetmore.com @mwetmore
  7. 7. How to sort my slides• Views will sort the slides by default, but we want some more control over the order. – Can use a new weight field on the Slide content type, add to view. – Can sort by last updated – Can sort by any other type of field.• You can also use Nodequeue – http://drupal.org/project/nodequeue – Nodequeue allows you to order nodes within Drupal in any order you want. – Nodequeue and Views (http://www.appnovation.com/nodequeue-and-views-combination) Matt Wetmore mattwetmore.com @mwetmore
  8. 8. Using Views Slideshow and Nodequeue• Demo – Enable Nodequeue – Configure a Queue for our Slides – Configure our view to use the Nodequeue Matt Wetmore mattwetmore.com @mwetmore
  9. 9. Introducing Flexslider• Flexslider – Created by WooThemes – Fully Responsive for Responsive Themes. – Can be used with or without Views Slideshow• Links – http://drupal.org/project/flexslider – http://www.woothemes.com/flexslider/• Demo – Install Flexslider Module – Use Flexslider without Views Slideshow – Use Flexslider with Views Slideshow Matt Wetmore mattwetmore.com @mwetmore
  10. 10. Thank You!Questions?The Central CT Drupal meetup meets the third Tuesday every month.We also have a new Twitter account for Drupal in CT@ctdrupal Matt Wetmore mattwetmore.com @mwetmore

×