How to Use the Carousel

The Carousel is a manual image slider that can be used on a per page basis. This section displays six images/posts at time, but has the ability to navigate left or right through as many images/posts as you would like to use.

Before you can use the Carousel element on a page, you’ll first have to create a Carousel item(s).

To create a “Carousel” first navigate to the following in your WordPress Administration Panels. Carousel Categories

  1. Carousel > Carousel Category (if you want to use the “default” category you can skip this for now and continue on to “To create a Carousel”, but please note for future reference as when you add the Carousel element to a page it will require a Carousel Category.
  2. Add New Carousel Category
  3. Create a name.
  4. Create a slug, WordPress will automatically create one if you forget or choose to let it create one for you.
  5. Select a Parent if you prefer.
  6. Add a Description if need. This is not required, but can be useful.
  7. Select “Add New Carousel Category”.

To create a Carousel. Featured Post Carousel Options

  1. Carousel > Carousel or Carousel Add New
  2. Add New Carousel
  3. Featured Post Title – This is the text that will display at the bottom of the Carousel image. Normally you would put the same title that’s for the Post that you’ll include in the “Featured Post URL”.
  4. Feature Post Image – Here you can add an image with the built in media uploader. Select “Choose File” than navigate to the file or you can manually enter the URL of the image location (if you have an image in your “uploads” directory you can insert the URL there). Please note that the maximum width for an image is approximately 125px. So the height will be resized in proportion to the width. It’s best to use the same size images for all carousel options. If you look at the image attached to this post you’ll see what happens when images are of different sizes. Images not of the same size in Carousel
  5. Featured Post URL – Insert the URL of the post/page that you want the image to link to here. For example, if it’s your contact page, something similar to http://www.example.com/contact-us/ would go there.                                                           Reorder Name Feature
  6. Reorder Name – Images are ordered chronologically by the post date of the images. The newest image will display first. You’ll need to install the Post Types Order Plugin to utilize the Reorder Name feature. http://wordpress.org/extend/plugins/post-types-order/
    • Once you have that plugin installed and activated it will provide another option for your Carousel called “Re-Order”. Please note the plugin will also activate the “Re-Order” option for Posts, Slides, Portfolio, and Boxes. So if you’ve already installed it for one of those options, you will not need to install it again.
    • In your WordPress Administration Panels go to Carousel > Re-Order
    • It will provide a drag and drop interface to arrange your carousel items as you choose regardless of the order that you initially created them.
  7. Carousel Categories – You’ll need to select a Carousel Category. This is required because when you use the Carousel element on a page, it will need a category to associate with the slider and you will only be able to select from the categories that were created with this feature.
  8. Click “Publish” when done.

To enable the Carousel section on Pages, navigate to that particular Edit Page in your WordPress Administration Panels by first selecting the “Pages” option directly under the “Links” or “Media” option. Carousel in Page Options

  1. Look for “Page Options”. Within that you should see “Page Elements”.
  2. Drag and drop the “Carousel” Inactive Element to the “Active Elements”. It will now be activated. Please note that you can control where it appears by its location among the other active elements. Simply drag and drop the “Carousel” Element above or below other Active Elements.
  3. Once you have the “Carousel” element active, you will have access to the “Carousel Options”. See below.
    • Carousel Category – Dropdown selection provided of the Carousel Categories that you created previously.
  4. To disable the “Carousel” section for that Page, drag and drop the “Carousel” element to “Inactive Elements” or click on the minus “-” symbol to the left of the word “Carousel”.
  5. Click “Update” when done.

 

Did this documentation not suffice? Have more questions? Please post a support topic in the forum. https://cyberchimps.com/forum/pro/

Categories: