WordPress Content Slide Plugin

Home » Blog » WordPress Content Slide Plugin

Thanks for downloading one of my plugins. If you like my plugins, please support me by donating a small amount through PayPal.

If you donate even a small amount, that both keeps me enthusiastic and it allows me to keep working on improving my plugins!

If you want to insert multiple sliders on same page then use my new plugin
Wordpress Gallery Plugin

Demo

Download

New Features

1] Custom Image support. So you can create slider without using posts.

2] Added New Effects Swirl,Rain,Fade

3] Added styles like border,background,font-family,font-size for headings and text.

Installation

1. Download the zipped plugin file to your local machine.
2. Unzip the file.
3. Upload the “content-slide” folder to the “/wp-content/plugins/” directory. (DO NOT CHANGE ANY FILE OR FOLDER NAMES)
4. Activate the plugin through the “Plugins” menu in WordPress.
5. Click on Content slide in your wordpress dashboard and configure content slide plugin options.

You can directly install wordpress content slide plugin from your websites admin plugin section.

Add PHP code

To display WordPress content slide on your website you have to add following lines of code inside your themes .php files.

<?php if(function_exists('wp_content_slider')) { wp_content_slider(); } ?>

Example if you want to display this slider in your header then you have to edit the header.php file. Just open header.php from your current theme in any editor and add

<?php if(function_exists('wp_content_slider')) { wp_content_slider(); } ?>

lines at the location where you want to display the slider.

Slider Only On Home Page

In some cases you just want to display slider only on the home page in this case you have selected a page as home page from the settings->reading section.
And if your home page is using default page template then you have to add following lines of code in your page.php at the location where you want to display the slider.

<?php
if(is_front_page())
{
if(function_exists('wp_content_slider')) { wp_content_slider(); }
}
?>

Using above code the slider will be displayed only on home page.

Slider on a Specific page

If you want to display slider on a specific page say ‘about’ then you have to use wordpress conditional tags

<?php
if(is_page('about'))
{
if(function_exists('wp_content_slider')) { wp_content_slider(); }
}
?>

Demo

Download

Support

You can support this plugin by giving ratings on wordpress website.
Give Rating at WordPress Content Slide.

Also You can help translating this plugin in different languages.
If you use this plugin on your website hosted on a dedicated server, just send your website url. All the links will be displayed on this Page.

If you like my plugins, please support me by donating a small amount through PayPal.

If you donate even a small amount, that both keeps me enthusiastic and it allows me to keep working on improving my plugins!

Last Updated December 2011

Tags: , ,

801 Comments on "WordPress Content Slide Plugin"

  1. Chris says:

    Hi,
    This is working fine after the first several seconds, during which all the images stack up vertically instead. After a short time it all comes together and works as expected, but the delay is far too long – up to 7 or 8 seconds. I’m not seeing a reason, could you point me in the right direction?

    Thanks!

    Reply →
    • snilesh says:

      Yes there is issue with images stack vertically when you have more images in the slider. Right now i am working on solution for it by pre loading images. it will be available in next version.

      Reply →
      • Chris says:

        Gotcha, thought it might be something like that. I can preload the images in the header for now, which used to be the way to do it, in javascript, way back. But I don’t know how to do this conditionally on only one page, I’ll need to check that out.

        Thanks for the rapid response, very much appreciated, and thanks for the plugin of course :-)

        Reply →
      • Maria says:

        Yup me too, it’s stacking

        Reply →
        • Chris says:

          I tried preloading images with CSS but that doesn’t help, so I guess we will have to wait for the fix. It was worth a try though.

          Reply →
          • Chris says:

            Maria, I wouldn’t know how to write a PHP program if my life depended on it but here’s a quick temporary fix that looked like it might work, and did :)

            In WP plugin editor, open content-slide/content_slide.php and look for:

            if($wpcs_settings['order']==’true’)
            {
            shuffle($custom_images);
            }

            below this, add:

            // Show a temporary loading image …

            if($wpcs_settings['new_window']==’false’)
            {

            }

            // – end of added code …

            Then go down a few lines and look for:

            <img src="”

            and add style=”display:none;” so it looks like:

            <img style="display:none;" src="”

            That’s it. You need to create an image of the same size as the slides, to go in the spot while the rest are loading. I just made a black background with “loading” message as a small gif and that works OK as a quick fix. Then put the URL of the new image in the code, above, replacing the [INSERT YOUR IMG URL HERE] bit.

            The rest of the slides don’t stack because you’ve made them invisible until they’re all loaded and the program moves along.

            I strongly suggest you make a backup copy of the original before altering the code!

            You can see this at http://www.ugged.org/blogs/

            I hope the code above does display, but if the blog software removes it you can mail me at uggedorg [at] gmail.com and I’ll send it. It’s an emergency fix but looks better than the stacking.

          • Olly says:

            What I did to combat the problem was to put the code in a div and set the height to the same as the images (if they all the same height) and then add overflow:hidden;

  2. John Mc says:

    Hi Guys,

    I am new to this plugin and want to know how I overlay text on the image?

    Can’t seem to find the answer anywhere.

    Anyone point me in the right direction please?

    Reply →
  3. Fernando says:

    Hi, this is a great plugin, but i am having a little problem. I included the banner in a widget, but the slider (content/images of the widget) only becomes visible to registered users. Users that are not registared can´t see the slider, Why?

    With regards.

    Reply →
  4. Kai says:

    HI. I have a very basic question. I have installed the plugin in the HTML section of tha homepage that I want the slideshow to be on and am excited to see it work, but do not see where to upload the pictures I want as a slideshow.

    Forgive me. I have never done ANYTHING like this before and an fumbling around. I’m almost there but need a bit of help with this one part.

    Cheers, and thank you in advance.

    Kai

    Reply →
  5. Chris says:

    Ahh well, the blog wouldn’t display that correctly. I suspected it might not. Drop me an email, I’ll send you a copy of the code directly :)

    Reply →
  6. Auke says:

    This is exactly the plug-in I was looking for. There is however one thing that bugs me. I love the fade effect, but when activating this effect, the navigation buttons and arrows disapear! I’d really like to use the effect AND the navigation buttons.

    Is this done on purpose or is this a tiny bug?

    Thanks,

    Auke

    Reply →
  7. Auke says:

    Second thing I noticed is that when publishing content from a category, for some reason the number of displayed items is limited by the age of the post. It does seem to go back approximatly 2 months; older posts are not displayed. Any clues on this?

    Reply →
  8. think123 says:

    How is it able to add a heading and a text (description of the displayed page) into the slide?

    thx
    think123

    Reply →
  9. Fernando says:

    Hi, this plugin still only becomes visible to registered users, is there something i can do about that? agais, the site is… http://musculacao-pt.com/wp/

    Thanks in advance

    Reply →
  10. MacReedy says:

    Great plugin! All useful plugins I use get a donation from me every year so thanks again!

    I have one question: In “Image source settings” under: “Use custom images?” I select: “No, using posts from a category.” With the correct category in question. The posts with the category all have a “featured image” attached to it, which shows in the slide.

    HOWEVER the image is tiled instead of showing the entire image only is there any fix to this?

    Reply →
    • snilesh says:

      Yes there is issue with images tiled if they are small in width as compared to the slideshow width. I am still working on the next release. I will try to sort out this bug in next version this plugin.

      Reply →
      • Silveira says:

        Great job Snilesh on your quick and prompt responses! I haven’t seen a plugin writer more dedicated to their work.

        Its refreshing to see someone who is out there to help people, Kudos!

        Reply →
  11. Silveira says:

    Plugin works fine, but when I switch it to display images from category of posts, the slideshow works fine with an attached “Featured Item” but it tiles the image.

    Anyway that this can been changed to fit the slideshow content area?

    Thanks.

    Reply →
    • snilesh says:

      Yes there is issue with images tiled if they are small in width as compared to the slideshow width. I am still working on the next release. I will try to sort out this bug in next version this plugin. just wait for some days.

      Reply →
  12. Wes says:

    Hi!
    I absolutely love this plugin! I’m having an issue on my latest site for a client when the site is viewed in Internet Explorer.

    http://drz3.trustedcoaching.info

    The words on the right part of the slide appear to have a black border around them – only in IE (Firefox, Safari, and Chrome are fine). How can I remove this effect?

    I really, really appreciate your help as this bug is the last thing I need before the client approves the site and the site is completed.

    Reply →
  13. Wes says:

    Hi! I love this plugin!

    On my most recent site, I am getting a bug in IE. Can you help me resolve this?

    You’ll see at http://www.drz3.trustedcoaching.info that the words in the slide image have a black border appear around them after the first image. How can I remove this effect?

    It works fine in Safari, Firefox, and Chrome. Suggestions on how to correct this in IE?

    Reply →
  14. Alice says:

    How does one create an overlay of the heading and text over an image? Thanks!

    Reply →
  15. Cheryl says:

    The only thing my images are doing is stacking.

    Is there directions anyplace for how to set the settings for this plugin? For instance, ms to use and # of squares and such?

    Reply →
  16. Love the slider. Works great. Small problem with Chrome and Safari explorer. When selecting the Products menu from the web page the menu dissapears once you hover past the slider. Works fine in IE though ?

    Reply →
  17. Kris says:

    Hi! I’m using wordpress 3.0.1 and content slide 1.3.9
    It was working fine until today, all you see are the images stacking up… how come?!

    Reply →
  18. recipenomnom says:

    whenever the page is refreshed, link clicked, the plugin shows a vertical stacks of all the pictures on the screen. it’s very annoying and does not look professional. is there a way to fix this?

    Reply →
    • snilesh says:

      may be there are javascripts errors. that’s why the slider is not working.

      Reply →
    • Chris says:

      I can offer you my quick n’ dirty fix for this, which hides the stack while it’s loading. Not perfect but it works. I’ve switched to using the Google API for a slideshow myself now, though; this one was too much hassle.
      Drop me an email if you want the code fix for this, it’s only about 2 lines. uggedorg [at] gmail.com

      Reply →
      • recipenomnom says:

        Chris, i tried your quick fix and it didn’t work for the theme i’m using. Thanks guys, i’ve switched to dynamic content slider and it is not conflicting with my theme and it’s working great.

        Reply →
  19. eoa says:

    Hi,

    I have this plugin installed on two websites (on the same host) and they both have identical settings.

    Site A is working perfectly, with images fading into each other (3 images in total). Site B which also has 3 images, won’t fade images into each other. They fade out completely then fade in, at a much longer timescale.

    Can you think of what could be causing this? as they are setup identically.

    thanks

    Reply →
  20. Hi There,

    I used your conditional code above to display the slider only on the Front Page in the header of a child theme of TwentyTen (so far the only edit to the header.php)

    I stuck the normal TwentyTen header image in an ‘else {}’ section – which displays fine

    Problem is the slider (on the front page) displays shifted way off to the right.

    Any clues?

    (Loving the plugin and got it working nicely on a different site!)

    Cheers

    David

    Reply →
  21. Suggestion:
    I can imagine that I might want to have a library of images and turn turn them on and off. That would be great functionality if you could add it.

    e.g. instead of saying how many images, and then providing that many groups of URL/Link/Heading/Description – you would be able to add any number of images to the list and as well as those 4 fields, there would be a check box for if that image was active or not. And the ability to drag them up and down to define order. – awesome!

    Cheers

    Peace

    David

    Reply →
  22. Olly says:

    Is there a maximum time (or slowest) delay between images appearing during the fade effect? It appears whatever I change the delay time to it wont affect it.

    Reply →
  23. rick says:

    Great plug-in. Works nicely on ie, safari, firefox, and chrome. Pictures do not show in Opera 10.63. Any idesa?
    Thank you.

    Reply →
  24. Delll says:

    Hi, this is by far the best content gallery.

    I’d like to know. Is it possible to have multiple galleries, specificly one gallery on the homepage and another one on thr gallery page?
    Cheers!

    Reply →
  25. kr says:

    excellent plugin, just a question.
    There is a way to use text on title instead of the png’s?

    I need to use special characters there and that way doesn’t work.

    Thank you!!

    Reply →
  26. Hey fella,

    2 things for future release (please!!)

    first – could the whole slider be clickable as the link to target, rather than just the bit above the text

    secondly – if I want to use text for some of the images – unfortunately the ones for which I don’t specify a header and description still have a (less tall) transparent background applied.

    see the non-christmas image on:
    http://wbc.testingbydavid.co.uk

    Cheers.
    David

    Reply →
  27. Jonathan says:

    Hi there,

    Really love the plugin but have a question about the display order. Is there any way to make the image/banner display random? That is, display each one in a random order?

    Reply →
    • snilesh says:

      Yes you can order images randomly. Just visit “content Slide” Option page in wp-admin dashboard. Under the “Image Source Setting” you will find “Order Images Randomly? ” just select Yes if you want images randomly.

      Reply →
  28. Ed says:

    Hi
    Fantastic slider – is there any way to deactivate the slides linking back to the page the slider is on. I have images on the slides that people may click on because it looks like they are active because the hand comes up anywhere on the slide. I have removed any links in each slide but how do i de-activate the slide altogether from linking ANYWHERE. Am I missing something. Thanks again – this is THE best slider available. Cheers
    Ed

    Reply →
  29. Julie says:

    Hey there, great plugin so far. Will there be any future plans for optimizing image rendering? Right now there is only an image size option to adjust the width/height of the slider, so all my images are stretched if they aren’t that exact size!

    Thanks.

    Reply →
  30. I was assuming that the arrows for navigation were images. Are they? And if so where are they so I can change them? GREAT PLUGIN! the best ive seen

    Reply →
    • Ed says:

      Hi
      If you aren’t using any text (or you can just have text as part of the image you can create you own navigation arrows on each image – exactly where the real ones are – then set the title and navigation opacity to zero and the real arrows will disappear leaving the new ones visible – and the area will still be active as navigation.

      Reply →
  31. Hrist says:

    Nice plugin, I love how customizable it is.

    I came up with a hack for the fade option to make the navigation and heading visible – use another effect, but set squares per width/height to 1. Then just increase the length between squares to get a nice slow fade between images.

    Reply →
  32. Ahmed Elian says:

    thank u for this amazing plug-in

    Reply →
  33. Ed says:

    Hi
    I was wondering is there anyone here who can answer my question about if I can deactivate the slides as being shown as links (even if I don’t link them they link to the same page they are on – I just want to make them not active)

    Doesn’t seem like anyone is answering this support post anymore and I emailed Snilesh directly but he didn’t reply so maybe he doesn’t answer questions anymore.

    Can anyone else help – it would be much appreciated

    Thanks

    Reply →
    • snilesh says:

      update content slide plugin to 1.4 this problem is solved in this version.. there is link but if you click no page load occur.

      Reply →
      • Ed says:

        Hi Snilesh – I appreciate you trying o fix this but now when you click on the slide itself the whole slide show jumps to the top of the browser window – it’s half fixed the problem but still isn’t very pretty when it jumps up if clicked. I guess there’s just no way to remove the link altogether?

        Thanks anyway
        Ed

        Reply →
        • Ed says:

          Hi again – was just thinking that I would imagine the majority of sliders are near the top of peoples home page under the header – what if you changed #wpcontent_slider_container to #top (or whatever the words are to make it just stay at the top of the page.)

          and can I do this in the php page myself?

          Just a thought
          Thanks

          Reply →
  34. tyler says:

    I have just upgraded this plugin via the admin panel and the post titles and sample text went missing. It now only shows the picture. any way to downgrade or fix this? Love the plugin but need it to show the text again. Thanks

    Reply →
  35. vincenzo says:

    Hi thank you for this plug-in.

    I write because I would like the navigation buttons were displayed on the image in the top right.
    how do I change the css?

    Reply →
  36. Ollie S says:

    Hi Nilesh,
    Perfect plugin for many uses. However, my title and excerpts do only appear very quickly during transitions and then they all appear at once. Any ideas? I thought that I may have some conflicting CSS rules but I pulled out all code and still have the same result. WP v3.0.3 and wp_slider v1.4.

    Thanks for any help you can provide!

    Reply →
  37. Berry says:

    I installed this plugin and it works great with custom images and links. But when selecting a category it does not work. All I get is an empty box. :-(

    Reply →
  38. tynman says:

    Is there a way to put it in a post or page? instead of the header.php.

    It messes up my theme. Also anyway to have more than one of these running with different images?

    Thank you

    Reply →
  39. Very great plugin. You do a good job. I am using it on one of my website and i am very satisfy. Thank you for all.

    Reply →
  40. Dennis says:

    Loaded 1.4.1 on a new site and the titles don’t work on that either. Anyone else out there having this problem?

    Reply →

Trackbacks for this post

Got something to say? Go for it!

How to remove the http://t.co/XhUQ8T6p link from Login / Register Page: On self hosted wordpress blogs wordpress ... http://t.co/LWDOuEfq - 1 week ago