Nivo Slider is a tool you can use to display a group of specific images on header of your site. It’s lightweight, and very nice looking! There is already a tutorial here that talks about how to integrate nivo slider into wordpress. Although it’s a great tutorial I thought I would make the process a little bit simpler for those who want to get it up with the least effort possible.
Keep in mind you will need to know how to edit your theme header.php file to be able to make this look EXACTLY the way you want it to on your own site.
Here’s how you do it.
1. Download my customized nivo slider package (now uses Nivo Slider Version 3.1)
2. Extract the files, and upload the contents into your theme directory (wp-content/themes/themeName)
Edit/Note: If you’re using a Child theme, be sure to copy the the ‘slider’ folder from wp-content/themes/themeName/slider to wp-content/themes/ParentThemeName/ folder since the template directory this depends on will look in the parent theme folder. The ParentThemeName/slider/images folder will also be where you upload your images as described later on — again, this note is only for those using Child themes. If you’re interested I do have a sample twentyeleven child theme here: https://www.intogeek.com/utils/nivo_child_twentyeleven.zip that you can install and use (already has required edits completed). But you’ll still need to copy the slider folder to the parent theme (twentyeleven) as described for things to work fully.
3. Once you have the files extracted, all you have to do is find the part of your wordpress theme code that holds your current header image(s) and comment it out like this:
/* This is commented because it's between the open and close comment symbols for php code */
(or HTML method more commonly used)
<!-- This is commented because it's between the open and close comment symbols for HTML -->
4. Now that the old stuff is commented out, you just need to add this php code to your header.php file code in the location you want the slider to appear:
<?php include("header_insert.php"); ?>
5. At this point you can save the changes you’ve made to your header.php file, then visit your site to see how it looks. — by default you’ll see a bunch of disney pictures, but you can add your own just by replacing the “header1.jpg; header2.jpg; header3.jpg; header4.jpg” files in the “images” directory of your site.
As always, feel free to leave comments about how well this did or didn’t work for you, and what steps you might add to make the process easier for others.