SlideShare ist ein Scribd-Unternehmen logo
1 von 10
Downloaden Sie, um offline zu lesen
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

Weitere ähnliche Inhalte

Ähnlich wie 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
 

Ähnlich wie 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
 

Kürzlich hochgeladen

OpenShift Commons Paris - Choose Your Own Observability Adventure
OpenShift Commons Paris - Choose Your Own Observability AdventureOpenShift Commons Paris - Choose Your Own Observability Adventure
OpenShift Commons Paris - Choose Your Own Observability AdventureEric D. Schabell
 
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019IES VE
 
Designing A Time bound resource download URL
Designing A Time bound resource download URLDesigning A Time bound resource download URL
Designing A Time bound resource download URLRuncy Oommen
 
Igniting Next Level Productivity with AI-Infused Data Integration Workflows
Igniting Next Level Productivity with AI-Infused Data Integration WorkflowsIgniting Next Level Productivity with AI-Infused Data Integration Workflows
Igniting Next Level Productivity with AI-Infused Data Integration WorkflowsSafe Software
 
Introduction to Matsuo Laboratory (ENG).pptx
Introduction to Matsuo Laboratory (ENG).pptxIntroduction to Matsuo Laboratory (ENG).pptx
Introduction to Matsuo Laboratory (ENG).pptxMatsuo Lab
 
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPA
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPAAnypoint Code Builder , Google Pub sub connector and MuleSoft RPA
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPAshyamraj55
 
Empowering Africa's Next Generation: The AI Leadership Blueprint
Empowering Africa's Next Generation: The AI Leadership BlueprintEmpowering Africa's Next Generation: The AI Leadership Blueprint
Empowering Africa's Next Generation: The AI Leadership BlueprintMahmoud Rabie
 
UiPath Community: AI for UiPath Automation Developers
UiPath Community: AI for UiPath Automation DevelopersUiPath Community: AI for UiPath Automation Developers
UiPath Community: AI for UiPath Automation DevelopersUiPathCommunity
 
Machine Learning Model Validation (Aijun Zhang 2024).pdf
Machine Learning Model Validation (Aijun Zhang 2024).pdfMachine Learning Model Validation (Aijun Zhang 2024).pdf
Machine Learning Model Validation (Aijun Zhang 2024).pdfAijun Zhang
 
NIST Cybersecurity Framework (CSF) 2.0 Workshop
NIST Cybersecurity Framework (CSF) 2.0 WorkshopNIST Cybersecurity Framework (CSF) 2.0 Workshop
NIST Cybersecurity Framework (CSF) 2.0 WorkshopBachir Benyammi
 
COMPUTER 10: Lesson 7 - File Storage and Online Collaboration
COMPUTER 10: Lesson 7 - File Storage and Online CollaborationCOMPUTER 10: Lesson 7 - File Storage and Online Collaboration
COMPUTER 10: Lesson 7 - File Storage and Online Collaborationbruanjhuli
 
VoIP Service and Marketing using Odoo and Asterisk PBX
VoIP Service and Marketing using Odoo and Asterisk PBXVoIP Service and Marketing using Odoo and Asterisk PBX
VoIP Service and Marketing using Odoo and Asterisk PBXTarek Kalaji
 
Bird eye's view on Camunda open source ecosystem
Bird eye's view on Camunda open source ecosystemBird eye's view on Camunda open source ecosystem
Bird eye's view on Camunda open source ecosystemAsko Soukka
 
Cybersecurity Workshop #1.pptx
Cybersecurity Workshop #1.pptxCybersecurity Workshop #1.pptx
Cybersecurity Workshop #1.pptxGDSC PJATK
 
Basic Building Blocks of Internet of Things.
Basic Building Blocks of Internet of Things.Basic Building Blocks of Internet of Things.
Basic Building Blocks of Internet of Things.YounusS2
 
UiPath Studio Web workshop series - Day 8
UiPath Studio Web workshop series - Day 8UiPath Studio Web workshop series - Day 8
UiPath Studio Web workshop series - Day 8DianaGray10
 
Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...
Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...
Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...DianaGray10
 
20230202 - Introduction to tis-py
20230202 - Introduction to tis-py20230202 - Introduction to tis-py
20230202 - Introduction to tis-pyJamie (Taka) Wang
 
Artificial Intelligence & SEO Trends for 2024
Artificial Intelligence & SEO Trends for 2024Artificial Intelligence & SEO Trends for 2024
Artificial Intelligence & SEO Trends for 2024D Cloud Solutions
 

Kürzlich hochgeladen (20)

OpenShift Commons Paris - Choose Your Own Observability Adventure
OpenShift Commons Paris - Choose Your Own Observability AdventureOpenShift Commons Paris - Choose Your Own Observability Adventure
OpenShift Commons Paris - Choose Your Own Observability Adventure
 
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
 
Designing A Time bound resource download URL
Designing A Time bound resource download URLDesigning A Time bound resource download URL
Designing A Time bound resource download URL
 
Igniting Next Level Productivity with AI-Infused Data Integration Workflows
Igniting Next Level Productivity with AI-Infused Data Integration WorkflowsIgniting Next Level Productivity with AI-Infused Data Integration Workflows
Igniting Next Level Productivity with AI-Infused Data Integration Workflows
 
Introduction to Matsuo Laboratory (ENG).pptx
Introduction to Matsuo Laboratory (ENG).pptxIntroduction to Matsuo Laboratory (ENG).pptx
Introduction to Matsuo Laboratory (ENG).pptx
 
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPA
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPAAnypoint Code Builder , Google Pub sub connector and MuleSoft RPA
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPA
 
20230104 - machine vision
20230104 - machine vision20230104 - machine vision
20230104 - machine vision
 
Empowering Africa's Next Generation: The AI Leadership Blueprint
Empowering Africa's Next Generation: The AI Leadership BlueprintEmpowering Africa's Next Generation: The AI Leadership Blueprint
Empowering Africa's Next Generation: The AI Leadership Blueprint
 
UiPath Community: AI for UiPath Automation Developers
UiPath Community: AI for UiPath Automation DevelopersUiPath Community: AI for UiPath Automation Developers
UiPath Community: AI for UiPath Automation Developers
 
Machine Learning Model Validation (Aijun Zhang 2024).pdf
Machine Learning Model Validation (Aijun Zhang 2024).pdfMachine Learning Model Validation (Aijun Zhang 2024).pdf
Machine Learning Model Validation (Aijun Zhang 2024).pdf
 
NIST Cybersecurity Framework (CSF) 2.0 Workshop
NIST Cybersecurity Framework (CSF) 2.0 WorkshopNIST Cybersecurity Framework (CSF) 2.0 Workshop
NIST Cybersecurity Framework (CSF) 2.0 Workshop
 
COMPUTER 10: Lesson 7 - File Storage and Online Collaboration
COMPUTER 10: Lesson 7 - File Storage and Online CollaborationCOMPUTER 10: Lesson 7 - File Storage and Online Collaboration
COMPUTER 10: Lesson 7 - File Storage and Online Collaboration
 
VoIP Service and Marketing using Odoo and Asterisk PBX
VoIP Service and Marketing using Odoo and Asterisk PBXVoIP Service and Marketing using Odoo and Asterisk PBX
VoIP Service and Marketing using Odoo and Asterisk PBX
 
Bird eye's view on Camunda open source ecosystem
Bird eye's view on Camunda open source ecosystemBird eye's view on Camunda open source ecosystem
Bird eye's view on Camunda open source ecosystem
 
Cybersecurity Workshop #1.pptx
Cybersecurity Workshop #1.pptxCybersecurity Workshop #1.pptx
Cybersecurity Workshop #1.pptx
 
Basic Building Blocks of Internet of Things.
Basic Building Blocks of Internet of Things.Basic Building Blocks of Internet of Things.
Basic Building Blocks of Internet of Things.
 
UiPath Studio Web workshop series - Day 8
UiPath Studio Web workshop series - Day 8UiPath Studio Web workshop series - Day 8
UiPath Studio Web workshop series - Day 8
 
Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...
Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...
Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...
 
20230202 - Introduction to tis-py
20230202 - Introduction to tis-py20230202 - Introduction to tis-py
20230202 - Introduction to tis-py
 
Artificial Intelligence & SEO Trends for 2024
Artificial Intelligence & SEO Trends for 2024Artificial Intelligence & SEO Trends for 2024
Artificial Intelligence & SEO Trends for 2024
 

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