Follow

Updating the "Home Page Feature Rotator" Slideshow

You have various homepage features that you can control on the website. The following are instructions for manipulating the following homepage features.

The Home Page Feature Rotator allows you to make a series of slides on the home page that feature a large image or video, along with a Title and very short blurb – which can be linked to an item you wish to prominently highlight.  The item may be a page or article that exists on your website (like a press release), or a link to an external website or video. Each slide is created in the content manager as a page called a “Homepage Feature”.

There are 3 steps. Make the item. Make the Slide. Add the Slide to the Slideshow.

1. Make the Item

Decide what the item is that you want to highlight, and make it first if it doesn’t already exist or is external to the website. It can be a press release, a page, almost any content on the website.

2. Make the Slide

Slides are called “Home Page Features”. To make a Home Page Feature, hover over “Content” in the black navigation bar, then “Add Content” and click on “Home Page Feature”. 

In the “Title” field, enter the title of the slide. Click on the “Select Media” button in the “Image or Video” section. This works the same way as uploading images onto a page. You can upload an image or insert the embed code for a YouTube player that will allow the user to view the video right on the slide. Site visitors do not have to leave the website to view the video.

 

Please note that there is a message when uploading the image stating that maximum file upload limit is 15MB. This is the same message you see when you upload an image onto a page. However, the image you upload onto the slide at a minimum has to be 800 pixels wide and 500 pixels tall. If the image is bigger than those dimensions then it will automatically resize when you upload it. However, if the image is smaller than the dimensions, then you will not be allowed to upload the image. Make sure the image is properly sized, in focus, and well composed. Remember, this is the first and biggest thing many people may see on your home page. Make it good.

In the “Quick Summary” field, enter a brief sentence that will be the caption for the slide. Please try to limit this to a very short sentence – just enough to let the viewer know if they are interested in clicking to read more. If this is too long, it may not fit within the allotted space and the viewer will find it difficult to read as the slideshow plays.

In the “Link” field, you can either insert an external link or a link to a webpage on the website. If you are going to use an external site link, then you can just insert the full URL (ex: http://www.house.gov.)

If you are going to use a link to an existing page on the website, you can insert the full URL into the Link field in the same way or you can click on the “Search” button to locate the link in the content manager. This can be helpful if you don’t remember the exact URL. After clicking on “Search” a popup window will appear.

In the “Search Content” field, start typing the name of the page title or any word that is part of the page title. A dropdown should appear beneath the field with a result of pages that contain the word or phrase entered in the field. Select the appropriate page and the URL will be entered into the “Target Path” field for you.

You will notice that the URL in the Target Path field does not contain a conventional URL because it’s using the version that is stored in the content manager. When the slide is published, visitors will see a conventional URL.

Next, click on the “Attributes” link to enter the “title” for the URL. This is useful for people who use screen readers that will read the title to identify the URL, and anyone who hovers on the URL will see the title information as a tooltip in certain browsers. Click on the “Insert Link” button to return to the “Create Home Page Feature” page.

Finally, the “Read More Link Text” field lists the phrase that will appear on the slide as a link or button for the end user to click on that will take them to the URL you provided in the “Link” Field. For example, if you create a slide that links to a Flickr Photo Gallery, you may want the link to say “View More” as opposed to “Read More” or if the slide links to an article, you may want it to say “Read Full Story”.

Once you are done, click the “Publish” button to make the slide live on the website. It will automatically be added as the latest slide in the slideshow.

3. Add the Slide to the Slideshow

When making a new slide this step is done for you, automatically. But you also have the ability to add, remove and re-order the slides in the slideshow at any time afterward. In the black horizontal navigation bar, hover over “Structure” and click on “Nodequeues”.

In Drupal a “Node” is just a piece of content. A “Nodequeue” is just a line-up of pieces of content that will be shown in the order they have been added to the line-up or “Queue”. In our case we are adding a “Home Page Feature” slide to the list of slides queued up to be displayed in the “Home Page Feature Rotator” slideshow.

Click on the “View” link in the “Operation” column for the “Home Page Feature Rotator” nodequeue. You will see the list of slides that are already in the slideshow feature.

You can click and drag the crosshair icon next to the title of the slide that you want to move. You can click on the “Shuffle” button to arbitrarily re-arrange the order of the slides or click on the “Reverse” button to reverse the current order of the slides. If you want to remove a slide, click on the “Remove” link in the row of the slide. Finally, you can edit a slide by clicking on the “Edit” link as well. Remember to click the “Save” button after you do any of these operations, or the changes will not be saved. Any time you make a change to a feature that automatically is supposed to impact the content appearing on the front page, you should also clear the site Cache. See “Clearing the Website Cache” later in this document.

Was this article helpful?
0 out of 0 found this helpful
Have more questions? Submit a request

Comments

Powered by Zendesk