SlideShare une entreprise Scribd logo
1  sur  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

Contenu connexe

Similaire à 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
 

Similaire à 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
 

Dernier

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
 
SQL Database Design For Developers at php[tek] 2024
SQL Database Design For Developers at php[tek] 2024SQL Database Design For Developers at php[tek] 2024
SQL Database Design For Developers at php[tek] 2024Scott Keck-Warren
 
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptxHampshireHUG
 
Azure Monitor & Application Insight to monitor Infrastructure & Application
Azure Monitor & Application Insight to monitor Infrastructure & ApplicationAzure Monitor & Application Insight to monitor Infrastructure & Application
Azure Monitor & Application Insight to monitor Infrastructure & ApplicationAndikSusilo4
 
Scaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organizationScaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organizationRadu Cotescu
 
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time AutomationFrom Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time AutomationSafe Software
 
Benefits Of Flutter Compared To Other Frameworks
Benefits Of Flutter Compared To Other FrameworksBenefits Of Flutter Compared To Other Frameworks
Benefits Of Flutter Compared To Other FrameworksSoftradix Technologies
 
Swan(sea) Song – personal research during my six years at Swansea ... and bey...
Swan(sea) Song – personal research during my six years at Swansea ... and bey...Swan(sea) Song – personal research during my six years at Swansea ... and bey...
Swan(sea) Song – personal research during my six years at Swansea ... and bey...Alan Dix
 
Pigging Solutions in Pet Food Manufacturing
Pigging Solutions in Pet Food ManufacturingPigging Solutions in Pet Food Manufacturing
Pigging Solutions in Pet Food ManufacturingPigging Solutions
 
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
 
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
 
Slack Application Development 101 Slides
Slack Application Development 101 SlidesSlack Application Development 101 Slides
Slack Application Development 101 Slidespraypatel2
 
Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024BookNet Canada
 
The Codex of Business Writing Software for Real-World Solutions 2.pptx
The Codex of Business Writing Software for Real-World Solutions 2.pptxThe Codex of Business Writing Software for Real-World Solutions 2.pptx
The Codex of Business Writing Software for Real-World Solutions 2.pptxMalak Abu Hammad
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerThousandEyes
 
SIEMENS: RAPUNZEL – A Tale About Knowledge Graph
SIEMENS: RAPUNZEL – A Tale About Knowledge GraphSIEMENS: RAPUNZEL – A Tale About Knowledge Graph
SIEMENS: RAPUNZEL – A Tale About Knowledge GraphNeo4j
 
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
 
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
 
Install Stable Diffusion in windows machine
Install Stable Diffusion in windows machineInstall Stable Diffusion in windows machine
Install Stable Diffusion in windows machinePadma Pradeep
 
How to convert PDF to text with Nanonets
How to convert PDF to text with NanonetsHow to convert PDF to text with Nanonets
How to convert PDF to text with Nanonetsnaman860154
 

Dernier (20)

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
 
SQL Database Design For Developers at php[tek] 2024
SQL Database Design For Developers at php[tek] 2024SQL Database Design For Developers at php[tek] 2024
SQL Database Design For Developers at php[tek] 2024
 
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
 
Azure Monitor & Application Insight to monitor Infrastructure & Application
Azure Monitor & Application Insight to monitor Infrastructure & ApplicationAzure Monitor & Application Insight to monitor Infrastructure & Application
Azure Monitor & Application Insight to monitor Infrastructure & Application
 
Scaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organizationScaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organization
 
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time AutomationFrom Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
 
Benefits Of Flutter Compared To Other Frameworks
Benefits Of Flutter Compared To Other FrameworksBenefits Of Flutter Compared To Other Frameworks
Benefits Of Flutter Compared To Other Frameworks
 
Swan(sea) Song – personal research during my six years at Swansea ... and bey...
Swan(sea) Song – personal research during my six years at Swansea ... and bey...Swan(sea) Song – personal research during my six years at Swansea ... and bey...
Swan(sea) Song – personal research during my six years at Swansea ... and bey...
 
Pigging Solutions in Pet Food Manufacturing
Pigging Solutions in Pet Food ManufacturingPigging Solutions in Pet Food Manufacturing
Pigging Solutions in Pet Food Manufacturing
 
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
 
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
 
Slack Application Development 101 Slides
Slack Application Development 101 SlidesSlack Application Development 101 Slides
Slack Application Development 101 Slides
 
Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
 
The Codex of Business Writing Software for Real-World Solutions 2.pptx
The Codex of Business Writing Software for Real-World Solutions 2.pptxThe Codex of Business Writing Software for Real-World Solutions 2.pptx
The Codex of Business Writing Software for Real-World Solutions 2.pptx
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
SIEMENS: RAPUNZEL – A Tale About Knowledge Graph
SIEMENS: RAPUNZEL – A Tale About Knowledge GraphSIEMENS: RAPUNZEL – A Tale About Knowledge Graph
SIEMENS: RAPUNZEL – A Tale About Knowledge Graph
 
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
 
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...
 
Install Stable Diffusion in windows machine
Install Stable Diffusion in windows machineInstall Stable Diffusion in windows machine
Install Stable Diffusion in windows machine
 
How to convert PDF to text with Nanonets
How to convert PDF to text with NanonetsHow to convert PDF to text with Nanonets
How to convert PDF to text with Nanonets
 

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