Successfully reported this slideshow.

WordPress - How to setup a featured content gallery


Published on

How to install a featured content gallery into a self-hosted WordPress website. If you require website development or design support, please hire Neogain.

  • Be the first to comment

  • Be the first to like this

WordPress - How to setup a featured content gallery

  1. 1. <ul><li>WordPress – How to setup a </li></ul><ul><li>featured content gallery </li></ul><ul><li>For many a featured gallery is perfect for their self-hosted WordPress website front page. </li></ul><ul><li>It enables the visitors to see ‘featured’ content being cycled through. </li></ul>
  2. 2. <ul><li>A featured gallery can add a much needed splash of colour to a website – however also a featured gallery might be a distraction that isn’t required. It all depends on your website theme, content and your objectives. </li></ul><ul><li>If you want to hire a website designer, please contact Neogain. </li></ul>
  3. 3. <ul><li>If you do decide you want to install a featured content gallery, then ‘featured content gallery’, aka FCG is suitable for most. </li></ul><ul><li>Once setup it will rotate through pages, posts or a chosen category. </li></ul><ul><li>It is high configurable, but luckily doesn’t require much skill to setup. </li></ul>
  4. 4. <ul><li>How to upload and activate the ‘Featured Content Gallery’ plugin: </li></ul><ul><li>Download the zip file from: </li></ul><ul><li>Uncompress the zip file and upload the folder, sub-folders and files to the /wp-content/plugins/ directory. </li></ul><ul><li>Active the plugin via the WordPress dashboard as an administrator. </li></ul>
  5. 5. <ul><li>How to insert the ‘Featured Content Gallery’ code: </li></ul><ul><li>Log into the WordPress dashboard as administrator. </li></ul><ul><li>From the ‘Appearance’ section please select ‘Editor’. </li></ul><ul><li>The file probably best to place the code is the (Main Index Template) index.php, file. </li></ul><ul><li>The code to insert is: <?php include (ABSPATH . ‘/wp-content/plugins/featured-content-gallery/gallery.php’); ?> </li></ul>
  6. 6. <ul><li>Example of code inserted into the index.php file: </li></ul><ul><li><?php get_header(); ?> </li></ul><ul><li><div id=”content” class=”narrowcolumn”> </li></ul><ul><li><?php include (ABSPATH . ‘/wp-content/plugins/featured-content-gallery/gallery.php’); ?> </li></ul><ul><li><BR> </li></ul>
  7. 7. <ul><li>Configuring the gallery. </li></ul><ul><li>Configuring the gallery is straightforward and the configuration is selectable from the ‘Settings’ menu. Most the ‘default’ settings are fine. </li></ul>
  8. 8. <ul><li>Make sure the height and width of the gallery is suitable for your website, before creating your images. Otherwise it will eat up your time later on. i.e. recreating images to new sizes. </li></ul><ul><li>How to select a page or post and assign an image: </li></ul><ul><li>If are specifying specific pages or posts, you need to know their id number. </li></ul><ul><li>All you have to do is go to the ‘pages’ or ‘posts’, place the mouse over a title and at the bottom of your browse the id number should be displayed as part of a path. </li></ul>
  9. 9. <ul><li>Then in the individual page or post you assign a custom field called articleimg with the path to the image as the value. </li></ul>
  10. 10. <ul><li>Conclusion </li></ul><ul><li>We hope you have found this article useful and please don’t forget to subscribe to our blog. </li></ul><ul><li>Each week we publish more great website CMS, design and SEO articles, so be sure to check back often. </li></ul><ul><li>If you require a website designer , please contact Neogain. </li></ul>