Featured Content Gallery | WordPress Plugin | iePlexus

Install & Setup

Featured Content Gallery Download, Installation, Upgrade, and Setup Instructions

The Featured Content Gallery plugin is a WordPress plugin that will create a customizable, automated image gallery anywhere wthin your WordPress theme. Using the MooTools JavaScript framework, the plugin was created from SmoothGallery, an image gallery by JonDesign. The new version adds increased functionality and customization options to the plugin, as well as making it compatible with WordPress 2.7. The new plugin was updated and developed by Yelena Khamidullina and Kris Themstrup of iePlexus. Ongoing development, support and hosting of the plugin will now be the responsibility of iePlexus.com.

Download the latest version of the Featured Content Gallery Plugin

Installation

  1. Download the newest version of the Featured Content Gallery plugin to your local machine.
  2. Extract and upload the “featured-content-gallery” folder to your “/wp-content/plugins/” directory (do not change any file or file names).
  3. Activate the plugin through the Plugins menu in WordPress.
  4. Add this code anywhere in your WordPress theme files where you want the gallery to display:

<?php include (ABSPATH . '/wp-content/plugins/featured-content-gallery/gallery.php'); ?>

Upgrading the Plugin

If you have a previous version of the Featured Content Gallery plugin, upgrading to the new version is an easy process. Just delete the old plugin, upload the new one, activate it, and make sure you are using the correct code above to call the gallery. If you have any problems or need help, visit the support forum.

Setup and Customize Your Gallery

After downloading and installing the plugin, go to the options page in the WordPress Settings menu. This page will allow you to customize your gallery, including options like gallery size, slide transition and display duration, as well as the category, post or page IDs to feature. You can also specify custom thumbnail images or custom overlay text, and specify custom background, border, and font colors.

See the screen shot below for the options page. Basic instructions on settings are available on this page for easy reference.

Options Page Screen Shot

Posting Content

Posting content is simple. If you’re just using the default settings, you just need to use the articleimg custom field. Simply add this custom field to each post or page you’re featuring, and add the full URL to the image you’d like to display in the value. If adding custom thumbnails, custom text, or alt tags you need to add the thumbnailimg , featuredtext or alttext custom fields. See the screenshot below for examples of the custom fields, keys, and values. Note: the alttext custom field is not pictured here.

Custom Fields Screen Shot

Featured Content Gallery Usage Notes:

  • Crop the images you use to the same size of the gallery to make them display better.
  • The default text overlay height is 50px, enough for a title and about two lines of text.
  • To find the post or page IDs in your blog, edit or hover the page and look at the URL. The ID is the number at the end.
  • Make sure when entering your post or page IDs, you separate each with a comma, but don’t use spaces.
  • You must have at least two (2) featured items for the gallery to work.
  • If you do not use the advanced custom fields, all you need to do to add a page or post to the gallery is upload an image and specify the articleimg custom field on your post or page. Simply add in the ID or category to the FCG options page and you’re done.
  • Advanced custom fields are easy to implement. For custom thumbnail images in the upper carousel, simply add the thumbnailimg custom field to your post or page, and check the box next to that option. Default thumbnail size is 100px x 75px. Use these same dimensions if using custom thumbnails.
  • For custom text, add the featuredtext custom field and enter in your text as the value (HTML is allowed). Check the box next to that option to use your custom text with the page or post title.
  • When it comes to colors, there are three options. Border color is the color around the thumbnail images. Background color is the gallery color, that has a slight transparency to it. Text color is self-explanatory. When entering in colors, either call the color by name (red, blue, green, etc.) or use the #hex (#ff0000).
  • When entering the slide display duration or fade duration, enter your value in milliseconds. 1000 milliseconds = 1 second. You cannot display a slide for less than 1000 milliseconds (1 second). You cannot display a slide transition for less than 500 milliseconds (.5 seconds).
  • If you are not using the featuredtext custom field, by default the gallery will display 100 words of content from the post or page you are featuring. This is also dependant on the size of your text overlay and what you specify on the options page.

Update: 2.20.09
Due to the overwhelming popularity of the Featured Content Gallery plugin, we have put together a comprehensive instructional video that covers all aspects of installing, configuring, and setting up the gallery within a WordPress site. The video is narrated by Kris Themstrup, Director of Marketing at iePlexus, and it covers downloading and installing the plugin, configuring the options page, adding the code to your template, and creating the custom fields for each featured item. If you need additional support, please use the support forum. If you want to see the full size version in HD, go to Vimeo. Please note: This video will soon be updated, but currently references FCG version 3.1.1.

Featured Content Gallery Instructional Video