Skip to: Site menu | Main content

tutorial

Adding a pager to Views Slideshow displays

Many of you are probably already familiar with using the amazing Views Slideshow display plugin for Views. Out of the box it comes with different types of controls for the navigation. But, perhaps what you really want is to be able to add some other form of navigation, like those "dots" that you see in many slideshows. Here's how you do it:

Using theme overrides

As long as I'm being sidetracked and/or feeling inspired to write, here's another quick entry. This one gives a brief introduction to hook_theme and theme overrides.

What are template files and suggestions?

Template files are what Drupal uses to determine how to render the HTML for a page. When you wish to create a custom theme, there are several files you will likely include in your theme's directory:

  • page.tpl.php - this controls the overall look and feel of your site (slight change for Drupal 7). For those of you who have coded sites with HTML (and CSS), this is like the index.html page you created.
  • node.tpl.php - this controls how a node is built

Using roles and permissions

When you first create your Drupal site, you are asked to supply a user name and password. This first user (User ID 1) is the "root" user. This user has complete control over the site. So, you will want to give this first user a special name like admin, webmaster, or some other such signifier. Don't worry if you have already created this user with another name; you can update this user's name at any point. Just sign in and use the "My account" link from the Navigation menu or go to the path user/1. In general, you don't want to create any content under this profile.

Setting your site information

In my blog entry about the difference between the Page and Story content types I mentioned that one of the differences between the default Page and Story content types is that the Story content type is promoted to the front page. In this entry I will go into more detail about modifying your site's settings.

You get to the settings screen by navigating to admin/settings/site-information.

Global theme settings

To get to the global theme settings page, navigate to admin/build/themes/settings/global. As stated at the top of the page

These options control the default display settings for your entire site, across all themes. Unless they have been overridden by a specific theme, these settings will be used.

Why would I want to create different content types?

In a previous entry I wrote about a couple of default content types that Drupal creates and the difference between those two content types. In this entry I will expand on the idea of why you will want to create many more different content types of your own.

What's the difference between a Page and a Story?

Drupal creates two default content types when you install it. These are the Page and Story content types. (Note: the default content types are renamed in Drupal 7 and are not created at all if you choose the "minimal" install profile.) The thinking behind these two content types is that a Page is designed to hold information that is long-lived. For instance, you would create your "About Us" page using the Page content type. A Story is designed to be time-sensitive information that will be short-lived. You might create a Press Release using the Story content type.

Detailed instructions for building the slideshow

  1. Create an image content type.
    1. Navigate to admin/content/types/add.
    2. Enter the human readable "Name:" Image.
    3. Enter the "Type:" image.
    4. Enter a description.
    5. In the Submission form settings field set, enter a Title field label, Body field label, and the Explanation or submission guidelines as you choose.
    6. In the Workflow settings field set uncheck Promoted to front page.
    7. In the Comment settings field set select the disabled radio button for the Default comment setting field.
    8. Click Save content type.

Quick outline on my DrupalCamp Colorado presentation on views and views slideshow

Disclaimer: The intent of this presentation was to give people a quick, brief, and focused introduction to views. I chose to do certain things in certain ways to stick to that intent. Thus, don't consider that this is the only, or even optimal way, of creating a slide show. However, I used almost these exact steps to create the slide show at the top of the front page on http://isaacsonwebdevelopment.com. The only additional things I did were to code some CSS and put some "anchor" tags in the image nodes and text nodes.

Credits: XWeb | Chris Herberte | Andreas Viklund