SlideShare a Scribd company logo
1 of 10
Drupal Slideshows
      August 2012




                       Matt Wetmore
                    mattwetmore.com
                        @mwetmore
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
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
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
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
Getting started with Views Slideshow

• Demo
  – Enabling Views Slideshow
  – Configure Views Slideshow




                                          Matt Wetmore
                                       mattwetmore.com
                                           @mwetmore
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
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
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
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

More Related Content

Similar to Drupal slideshows dcct2012

Vuejs getting-started - Extended Version
Vuejs getting-started - Extended VersionVuejs getting-started - Extended Version
Vuejs getting-started - Extended VersionMurat Doğan
 
Manila MuleSoft Meetup - September 2018
Manila MuleSoft Meetup - September 2018Manila MuleSoft Meetup - September 2018
Manila MuleSoft Meetup - September 2018Ryan Anthony Andal
 
Evolution of NuGet
Evolution of NuGetEvolution of NuGet
Evolution of NuGetJeff Handley
 
Getting started with MVVM
Getting started with MVVMGetting started with MVVM
Getting started with MVVMashtewari
 
10 things you did not know about word press
10 things you did not know about word press10 things you did not know about word press
10 things you did not know about word pressRemkus de Vries
 
From Ruby on Rails to RubyMotion - Writing your First iOS App with RubyMotion
From Ruby on Rails to RubyMotion - Writing your First iOS App with RubyMotionFrom Ruby on Rails to RubyMotion - Writing your First iOS App with RubyMotion
From Ruby on Rails to RubyMotion - Writing your First iOS App with RubyMotionMichael Denomy
 
DrupalCon Austin - Absolute Beginner's Guide to Drupal
DrupalCon Austin - Absolute Beginner's Guide to DrupalDrupalCon Austin - Absolute Beginner's Guide to Drupal
DrupalCon Austin - Absolute Beginner's Guide to DrupalRod Martin
 
A Smooth Transition to HTML5 Using MVVM
A Smooth Transition to HTML5 Using MVVMA Smooth Transition to HTML5 Using MVVM
A Smooth Transition to HTML5 Using MVVMChris Bannon
 
J&Js adventures with agency best practice & the hybrid MVC framework - Umbrac...
J&Js adventures with agency best practice & the hybrid MVC framework - Umbrac...J&Js adventures with agency best practice & the hybrid MVC framework - Umbrac...
J&Js adventures with agency best practice & the hybrid MVC framework - Umbrac...Jeavon Leopold
 
Device-Agnostic Content Strategy for Drupal
Device-Agnostic Content Strategy for DrupalDevice-Agnostic Content Strategy for Drupal
Device-Agnostic Content Strategy for DrupalSuzanne Dergacheva
 
Responsive Mobile Odoo Theme: Mobicraft User Manual
Responsive Mobile Odoo Theme: Mobicraft User ManualResponsive Mobile Odoo Theme: Mobicraft User Manual
Responsive Mobile Odoo Theme: Mobicraft User ManualAppJetty
 
Hyderabad meet up-sep12
Hyderabad meet up-sep12Hyderabad meet up-sep12
Hyderabad meet up-sep12Sravan Lingam
 
Kellye crane tool school webinar
Kellye crane   tool school webinarKellye crane   tool school webinar
Kellye crane tool school webinarCision
 
Future Friendly Style Guides
Future Friendly Style GuidesFuture Friendly Style Guides
Future Friendly Style GuidesLuke Brooker
 
A Smooth Transition to HTML5
A Smooth Transition to HTML5A Smooth Transition to HTML5
A Smooth Transition to HTML5Chris Bannon
 
Visug - organize your chickens - nuget for the enterprise
Visug - organize your chickens - nuget for the enterpriseVisug - organize your chickens - nuget for the enterprise
Visug - organize your chickens - nuget for the enterpriseXavier Decoster
 

Similar to Drupal slideshows dcct2012 (20)

Vuejs getting-started - Extended Version
Vuejs getting-started - Extended VersionVuejs getting-started - Extended Version
Vuejs getting-started - Extended Version
 
Manila MuleSoft Meetup - September 2018
Manila MuleSoft Meetup - September 2018Manila MuleSoft Meetup - September 2018
Manila MuleSoft Meetup - September 2018
 
Evolution of NuGet
Evolution of NuGetEvolution of NuGet
Evolution of NuGet
 
Getting started with MVVM
Getting started with MVVMGetting started with MVVM
Getting started with MVVM
 
10 things you did not know about word press
10 things you did not know about word press10 things you did not know about word press
10 things you did not know about word press
 
From Ruby on Rails to RubyMotion - Writing your First iOS App with RubyMotion
From Ruby on Rails to RubyMotion - Writing your First iOS App with RubyMotionFrom Ruby on Rails to RubyMotion - Writing your First iOS App with RubyMotion
From Ruby on Rails to RubyMotion - Writing your First iOS App with RubyMotion
 
DrupalCon Austin - Absolute Beginner's Guide to Drupal
DrupalCon Austin - Absolute Beginner's Guide to DrupalDrupalCon Austin - Absolute Beginner's Guide to Drupal
DrupalCon Austin - Absolute Beginner's Guide to Drupal
 
A Smooth Transition to HTML5 Using MVVM
A Smooth Transition to HTML5 Using MVVMA Smooth Transition to HTML5 Using MVVM
A Smooth Transition to HTML5 Using MVVM
 
An Introduction to Drupal
An Introduction to DrupalAn Introduction to Drupal
An Introduction to Drupal
 
J&Js adventures with agency best practice & the hybrid MVC framework - Umbrac...
J&Js adventures with agency best practice & the hybrid MVC framework - Umbrac...J&Js adventures with agency best practice & the hybrid MVC framework - Umbrac...
J&Js adventures with agency best practice & the hybrid MVC framework - Umbrac...
 
Boot strapandresponsiveintro
Boot strapandresponsiveintroBoot strapandresponsiveintro
Boot strapandresponsiveintro
 
Device-Agnostic Content Strategy for Drupal
Device-Agnostic Content Strategy for DrupalDevice-Agnostic Content Strategy for Drupal
Device-Agnostic Content Strategy for Drupal
 
Responsive Mobile Odoo Theme: Mobicraft User Manual
Responsive Mobile Odoo Theme: Mobicraft User ManualResponsive Mobile Odoo Theme: Mobicraft User Manual
Responsive Mobile Odoo Theme: Mobicraft User Manual
 
Hyderabad meet up-sep12
Hyderabad meet up-sep12Hyderabad meet up-sep12
Hyderabad meet up-sep12
 
Kellye crane tool school webinar
Kellye crane   tool school webinarKellye crane   tool school webinar
Kellye crane tool school webinar
 
Future Friendly Style Guides
Future Friendly Style GuidesFuture Friendly Style Guides
Future Friendly Style Guides
 
A Smooth Transition to HTML5
A Smooth Transition to HTML5A Smooth Transition to HTML5
A Smooth Transition to HTML5
 
Designing for Everybody Workshop
Designing for Everybody WorkshopDesigning for Everybody Workshop
Designing for Everybody Workshop
 
Evaluation 4
Evaluation 4Evaluation 4
Evaluation 4
 
Visug - organize your chickens - nuget for the enterprise
Visug - organize your chickens - nuget for the enterpriseVisug - organize your chickens - nuget for the enterprise
Visug - organize your chickens - nuget for the enterprise
 

Recently uploaded

AI as an Interface for Commercial Buildings
AI as an Interface for Commercial BuildingsAI as an Interface for Commercial Buildings
AI as an Interface for Commercial BuildingsMemoori
 
Story boards and shot lists for my a level piece
Story boards and shot lists for my a level pieceStory boards and shot lists for my a level piece
Story boards and shot lists for my a level piececharlottematthew16
 
WordPress Websites for Engineers: Elevate Your Brand
WordPress Websites for Engineers: Elevate Your BrandWordPress Websites for Engineers: Elevate Your Brand
WordPress Websites for Engineers: Elevate Your Brandgvaughan
 
Beyond Boundaries: Leveraging No-Code Solutions for Industry Innovation
Beyond Boundaries: Leveraging No-Code Solutions for Industry InnovationBeyond Boundaries: Leveraging No-Code Solutions for Industry Innovation
Beyond Boundaries: Leveraging No-Code Solutions for Industry InnovationSafe Software
 
Vertex AI Gemini Prompt Engineering Tips
Vertex AI Gemini Prompt Engineering TipsVertex AI Gemini Prompt Engineering Tips
Vertex AI Gemini Prompt Engineering TipsMiki Katsuragi
 
Human Factors of XR: Using Human Factors to Design XR Systems
Human Factors of XR: Using Human Factors to Design XR SystemsHuman Factors of XR: Using Human Factors to Design XR Systems
Human Factors of XR: Using Human Factors to Design XR SystemsMark Billinghurst
 
Commit 2024 - Secret Management made easy
Commit 2024 - Secret Management made easyCommit 2024 - Secret Management made easy
Commit 2024 - Secret Management made easyAlfredo García Lavilla
 
Advanced Test Driven-Development @ php[tek] 2024
Advanced Test Driven-Development @ php[tek] 2024Advanced Test Driven-Development @ php[tek] 2024
Advanced Test Driven-Development @ php[tek] 2024Scott Keck-Warren
 
Developer Data Modeling Mistakes: From Postgres to NoSQL
Developer Data Modeling Mistakes: From Postgres to NoSQLDeveloper Data Modeling Mistakes: From Postgres to NoSQL
Developer Data Modeling Mistakes: From Postgres to NoSQLScyllaDB
 
Artificial intelligence in cctv survelliance.pptx
Artificial intelligence in cctv survelliance.pptxArtificial intelligence in cctv survelliance.pptx
Artificial intelligence in cctv survelliance.pptxhariprasad279825
 
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...Patryk Bandurski
 
Unraveling Multimodality with Large Language Models.pdf
Unraveling Multimodality with Large Language Models.pdfUnraveling Multimodality with Large Language Models.pdf
Unraveling Multimodality with Large Language Models.pdfAlex Barbosa Coqueiro
 
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 3652toLead Limited
 
Powerpoint exploring the locations used in television show Time Clash
Powerpoint exploring the locations used in television show Time ClashPowerpoint exploring the locations used in television show Time Clash
Powerpoint exploring the locations used in television show Time Clashcharlottematthew16
 
"Federated learning: out of reach no matter how close",Oleksandr Lapshyn
"Federated learning: out of reach no matter how close",Oleksandr Lapshyn"Federated learning: out of reach no matter how close",Oleksandr Lapshyn
"Federated learning: out of reach no matter how close",Oleksandr LapshynFwdays
 
Dev Dives: Streamline document processing with UiPath Studio Web
Dev Dives: Streamline document processing with UiPath Studio WebDev Dives: Streamline document processing with UiPath Studio Web
Dev Dives: Streamline document processing with UiPath Studio WebUiPathCommunity
 
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmaticsKotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmaticscarlostorres15106
 
DevEX - reference for building teams, processes, and platforms
DevEX - reference for building teams, processes, and platformsDevEX - reference for building teams, processes, and platforms
DevEX - reference for building teams, processes, and platformsSergiu Bodiu
 

Recently uploaded (20)

AI as an Interface for Commercial Buildings
AI as an Interface for Commercial BuildingsAI as an Interface for Commercial Buildings
AI as an Interface for Commercial Buildings
 
Story boards and shot lists for my a level piece
Story boards and shot lists for my a level pieceStory boards and shot lists for my a level piece
Story boards and shot lists for my a level piece
 
WordPress Websites for Engineers: Elevate Your Brand
WordPress Websites for Engineers: Elevate Your BrandWordPress Websites for Engineers: Elevate Your Brand
WordPress Websites for Engineers: Elevate Your Brand
 
Hot Sexy call girls in Panjabi Bagh 🔝 9953056974 🔝 Delhi escort Service
Hot Sexy call girls in Panjabi Bagh 🔝 9953056974 🔝 Delhi escort ServiceHot Sexy call girls in Panjabi Bagh 🔝 9953056974 🔝 Delhi escort Service
Hot Sexy call girls in Panjabi Bagh 🔝 9953056974 🔝 Delhi escort Service
 
Beyond Boundaries: Leveraging No-Code Solutions for Industry Innovation
Beyond Boundaries: Leveraging No-Code Solutions for Industry InnovationBeyond Boundaries: Leveraging No-Code Solutions for Industry Innovation
Beyond Boundaries: Leveraging No-Code Solutions for Industry Innovation
 
Vertex AI Gemini Prompt Engineering Tips
Vertex AI Gemini Prompt Engineering TipsVertex AI Gemini Prompt Engineering Tips
Vertex AI Gemini Prompt Engineering Tips
 
Human Factors of XR: Using Human Factors to Design XR Systems
Human Factors of XR: Using Human Factors to Design XR SystemsHuman Factors of XR: Using Human Factors to Design XR Systems
Human Factors of XR: Using Human Factors to Design XR Systems
 
Commit 2024 - Secret Management made easy
Commit 2024 - Secret Management made easyCommit 2024 - Secret Management made easy
Commit 2024 - Secret Management made easy
 
Advanced Test Driven-Development @ php[tek] 2024
Advanced Test Driven-Development @ php[tek] 2024Advanced Test Driven-Development @ php[tek] 2024
Advanced Test Driven-Development @ php[tek] 2024
 
Developer Data Modeling Mistakes: From Postgres to NoSQL
Developer Data Modeling Mistakes: From Postgres to NoSQLDeveloper Data Modeling Mistakes: From Postgres to NoSQL
Developer Data Modeling Mistakes: From Postgres to NoSQL
 
Artificial intelligence in cctv survelliance.pptx
Artificial intelligence in cctv survelliance.pptxArtificial intelligence in cctv survelliance.pptx
Artificial intelligence in cctv survelliance.pptx
 
DMCC Future of Trade Web3 - Special Edition
DMCC Future of Trade Web3 - Special EditionDMCC Future of Trade Web3 - Special Edition
DMCC Future of Trade Web3 - Special Edition
 
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
 
Unraveling Multimodality with Large Language Models.pdf
Unraveling Multimodality with Large Language Models.pdfUnraveling Multimodality with Large Language Models.pdf
Unraveling Multimodality with Large Language Models.pdf
 
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
 
Powerpoint exploring the locations used in television show Time Clash
Powerpoint exploring the locations used in television show Time ClashPowerpoint exploring the locations used in television show Time Clash
Powerpoint exploring the locations used in television show Time Clash
 
"Federated learning: out of reach no matter how close",Oleksandr Lapshyn
"Federated learning: out of reach no matter how close",Oleksandr Lapshyn"Federated learning: out of reach no matter how close",Oleksandr Lapshyn
"Federated learning: out of reach no matter how close",Oleksandr Lapshyn
 
Dev Dives: Streamline document processing with UiPath Studio Web
Dev Dives: Streamline document processing with UiPath Studio WebDev Dives: Streamline document processing with UiPath Studio Web
Dev Dives: Streamline document processing with UiPath Studio Web
 
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmaticsKotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
 
DevEX - reference for building teams, processes, and platforms
DevEX - reference for building teams, processes, and platformsDevEX - reference for building teams, processes, and platforms
DevEX - reference for building teams, processes, and platforms
 

Drupal slideshows dcct2012

  • 1. Drupal Slideshows August 2012 Matt Wetmore mattwetmore.com @mwetmore
  • 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. 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. 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. 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. Getting started with Views Slideshow • Demo – Enabling Views Slideshow – Configure Views Slideshow Matt Wetmore mattwetmore.com @mwetmore
  • 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. 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. 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. 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