Creating a Rotating Text Block

This tutorial will demonstrate how to create a rotating text block by creating a Custom Content Type and View. This will provide you with the basic information necessary to better understand these 2 foundation concepts when building a site using YaleSites or Drupal. 

Creating a Custom Content Type

Content Types are used to capture data for your website. While Drupal provides some basic Content Types, it is often necessary to create custom content types to capture the various types of content that are unique to your site. This tutorial will provide you with the basic understanding to create a Custom Content Type. 

  1. Select Structure > Content Types > Add Content Type from the administrator’s toolbar. 
  2. Enter the name of your Content Type and a descriptions (optional).
  3. Scroll down and click on Publishing Options. Change the settings as desired. It is important to note that Promoted to the front page will add the page to the default RSS feed that is part of your YaleSite (http://yoursitename.yale.edu/rss.xml).
  4. Click on Display Settings and uncheck Display author and date information. This prevents the authors name and creation date from showing up at the top of the page.
  5. Click on Comments Settings and set to Closed. This must be done when creating the Content Type.
  6. Click on Save and add fields to continue. 

Adding Fields to a Custom Content Type

Once your Content Type is created, you can create additional fields to refine the data that you are capturing. In this example, we’ll add 1 new field - Faculty Member Name and use 2 fields that already exist on other Content Types for your site - Date and Image.

  1. In the field listing, click in the Add a new field section and add the title of your field. Then select Text from the Select Field type dropdown. The widget defaults to Text.
  2. When you click on the Save button you will be asked to configure the text field settings.

  3. Add a Date field, selecting one that already exists.
  4. Configure the date field if you want to change what already exists. 
    Change the label and add help text.

    Change starting and ending years and time increments.

    Changes to this section will affect all instances of the field on the site.
  5. Adding an image using an existing field.

    C
    hange the label and add help text.

Set image sizes and caption/alt text. 

Changes to the field settings will change the Image field for each instance.

Click on Save settings. 

Your field list should look like this. 

Creating the Rotating Text View

Once your have Content Type created, you can begin to create the View that will rotate each quote using transitions to move from one to the next. 

  1. Enable the Views Slideshow and Views Slideshow Cycle Modules.
  2. Select Structure > Views > Add new view from the administrator toolbar.
  3. Create a new view following the image below. 
    Create a page (list of quotes) and block display using the Slideshow format.
  4. When you click on Continue & Edit you are brought to the Views interface. This can seem a little intimidating until it’s broken down into smaller chunks. 
  5. Add and configure Faculty Member, Body, and Date fields


  6. Rearrange the order of the fields; click on the Add icon and select rearrange
  7. Add filters to determine what types of content will display and in what order.