Images are a big part of the WordPress experience, going a long way in helping you create a visually appealing website that is eye-catching to visitors. Many WordPress themes offer the chance to use an image in the header of your website. This will be the first thing that visitors to your page see when they click through, so it will need to immediately capture their attention. Rather than use a static picture, a good way to keep things fresh is by installing a rotating gallery that displays a new image every few seconds. The way to do this is with a plugin called ‘Featured Content Gallery’.
In this guide, we will show you how to install and configure the plugin to give your site some dynamic content without taking up too much real estate.
Installing Featured Content Gallery
Installing this plugin is a straightforward process. Go to Plugins > Add New in your WordPress dashboard, type in ‘Featured Content Gallery’ and click on Install Now.
Once the plugin has been installed, click on Activate to get it up and running. Featured Content Gallery will then provide you with the following line of code to copy and paste in your header (you can find this in Settings > Featured Content Gallery):
<?php include (ABSPATH . 'wp-content/plugins/featured-content-gallery/gallery.php'); ?>
To insert the code in your header, go to Appearance > Editor and find the header.php file. Paste the Featured Content Gallery code provided.
Configuring Featured Content Gallery
With the code inserted correctly, the next step to take is to configure the plugin so that it shows up on your home page.
For the slider to work it will need at least two pages or posts, so if you are working on a new site you will need to get some content in place first.
In Settings > Featured Content Gallery there will be numerous settings for you to configure. The first section (below the line of code) is where you will determine the content to be displayed. This can either be post or page ID’s. You can find the ID needed by loading the post or page editor and looking at the URL.
The next section allows you to customize the height and width of the gallery. This works best if you stick with the same settings that are used in the default header. In the twentytwelve and twentythirteen themes, this will be 998 x 300.
There are then further customization fields to tweak, and the option to set up custom fields. To set up a custom field you will need to go to an individual post or page and select Screen options. In the custom fields that are displayed below the content, enter a name and enter the full path (created when you upload images – see below) for your image.
Finally, you will need to upload your images to the server. It is best to create a new folder to store them – as with the link above, we have created a folder called ‘image’. This folder will provide you with the full URL path needed for the custom fields.
With the images uploaded and settings saved, your website will now display an attractive scrolling header.