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: , ,

808 Comments on "WordPress Content Slide Plugin"

  1. Lalala says:

    Hi

    Thanks for a great plugin.
    I have a problem with the fade effect in IE. It looks fantastic in both Chrome and Firefox, but in IE the fade effect looks strange – as if a dark/black image is put between my 5 custom images. Any ideas on what is causing this?

    Reply →
    • snilesh says:

      show me link where you added this plugin so i can give you reply…

      Reply →
      • Lalala says:

        It turned out to be a problem with png files. When I changed the images to jpg it worked perfectly.

        Reply →
      • Lalala says:

        I found out that I need transparency in the images, so here I am again. The site is not live yet, so I am sorry I can’t send you the link.
        The fade transition is not smooth in IE8 when using transparent PNGs. I tried using tranparent GIFs but that is even worse. Is there a known bug with transparency?
        I create the images using Aviary Phoenix, but I don’t see how that should effect the result.

        Reply →
  2. What should I do if I only want to display the title (an not the text) of the news? Excuse my bad english.

    Reply →
    • snilesh says:

      if you know programming then open content_slide.php in a editor this file is inside the “content-slide” folder.
      search for following line

      wpcs_content_slider_limitpost($wpcs_settings['char_length'], "" ); ?></span>
      

      and just add // in front of the wpcs_content

      like

      //wpcs_content_slider_limitpost($wpcs_settings['char_length'], "" ); ?></span>
      

      just for now. In next release you will get a option to hide text.

      Reply →
  3. Pedro says:

    great plug in, i’m having a problem getting it centered. it keeps showing up to aligned left. what am i doing wrong

    Reply →
  4. krams says:

    Thanks for this… Been looking so much…

    Reply →
  5. passie says:

    I use the twenty ten theme from WordPress and this slider. I can’t see the menu. The images are on top of the menu. Any idea on how to change that ? something with z-index ?

    Reply →
  6. Jason says:

    Hey just wanted to say thanks for this great plugin. I’m in the process of customizing it and only complaint is the limitations on the content_slide.php css availability. it would be nice to be able to place custom thumbnails to replace the little white boxes. I’m banging away on it, if I come up with a patch to make it work I’ll post my findings.

    Great work, almost exactly what I’m looking for to highlight my work.

    Reply →
    • snilesh says:

      can you explain more what you didn’t liked about this plugin.

      Reply →
      • Jason says:

        Here is an example. This is my portfolio site and as you see, I made a background image that serves the thumbnails and then modified the css to show a transparent box over the active thumbnail. The images in the top are just placeholders. What would be nice would be to add thumbnails from the wordpress admin tool you provide with the plugin so they show up like mine. My version is not scalable because everytime I want to add a new image I have to replace the bg image in the navigation… too much work, should be dynamic.

        http://www.jasonknightsf.com/

        Still, like I said your plugin is one of the best I’ve seen and as close as I can get to what I’m looking for, hope this helps!

        Reply →
  7. werefinish says:

    I am trying to add the slider to the “Free Tour” Page (or any page for that matter) of my blog. No matter where I put it in the .php files, it doesn’t work. Can you help?

    Reply →
  8. Bisteck says:

    Any possibility of setting the link on the image to open in a new window? Like target=”_blank”?

    Reply →
  9. Shawn Michelle says:

    Hi-
    I’m new to all of this coding stuff but I’m trying to get Slide on only the header of my home page. When I try to input it on home.php, it’s either too high, too low or it messes the whole page up where it won’t work at all. Where exactly should I input the coding?
    Thanks,
    Shawn

    Reply →
  10. Deb says:

    Good plugin, but why on fade effect the navigation doesn’t work ?

    Reply →
  11. This plugin looks great and I’ve had no issues setting it up, but I notice an issue with it specifically in IE8 – when you watch the slow loading of the images in rotation it pushes the navigation bar down to allow for the height of all three images, and the navigation bar won’t move back up until you hover over it. You can see the effect at http://dressedbylena.com – any tips would be greatly appreciated. Thanks!

    Reply →
  12. Augie says:

    Great plugin! I just have one question. everything works great except that the my menu is below the slides. Is there anyway to get them to be next to each other without the gaps.

    Reply →
  13. omar says:

    Thank you

    Reply →
  14. Arleen West says:

    The navigation buttons don’t show up even though I have them enabled.

    Reply →
  15. Jason says:

    Hi thanks for the plugin it looks great, and far easier and with better instructions than others I have tried.

    However the problem here is with my limited ability I am sure!!!!! try as I might i just cant get it centered, not sure if its z index issue or align or something else problem is I am very new to css and so am having to look up then double check everything I try so its driving me crazy. I not it would take someone with knowledge seconds but that certainly is not me. my site.

    http://www.luxury-review.com

    Once again many thanks for the plugin J

    Reply →
  16. Jason says:

    Snilesh hi, I left a query last night, today at some point I noticed a little :-) and now I,ve just been in and my slider looks really nicely formatted?

    Was that you or did an angel fix it? ha ha

    I only ask as really dont know if it was you as just been through your comments and I cant find mine from last night?

    Can you let me know please.

    PS thanks again whatevers going on looks great

    Reply →
  17. Hi there. Thank You very much for this lovely plugin. I use it for my website. However, I still don’t know how to only show one imageat a time. Mine shows several images. I tried to change the square per width, but no luck.
    One more thing, is it possible to let the user determine the maximum width of image and let the plugin maintain the height ratio?
    Thanks

    Reply →
  18. TheWebGents says:

    Hi.

    I have an issue with this plugin in IE7. The image appears to move so that the left hand side of the image starts in the center of the screen. Can you help sort this out?

    www[dot]inkydoodle[dot]co[dot]uk

    Thanks
    TheWebGents

    Reply →
  19. sterg17 says:

    I find that when I set it to FADE only effect, the navigation butttons dissapear. Why is this?

    When I set it to ALL COMBINED, they appear again. Anyone why know?

    Reply →
  20. Allen G. says:

    I just installed this plugin on the homepage of my BuddyPress installation and everything works well except the navigation buttons underneath the slider. The boxes work perfectly, but for some reason the numbers only start to display for Image #3, 4, 5, or 6. Numbers 1, 2, and sometimes 3 don’t display. I’ve just disabled the navigation buttons for now, but it would be nice to have those working.

    Reply →
  21. jean michel says:

    great job, thank u.
    but when i try to resize the slider in the admin, it doesn’t work, im must change the value in contentslide.php

    Reply →
  22. alex says:

    Can you add alt tags to the images and if so where?
    Is this plug-in SEO?

    Reply →
  23. fufelek says:

    if I choose fade effect, the image text does not appear. How can I fix it?

    Reply →
  24. Pedro Sousa says:

    I will use in my websites, no doubt!

    Thank you for this precious wp plugin.

    Reply →
  25. Opal says:

    This plugin is great – works exactly as I’d hoped right out of the box.
    However, one small problem: In the Image X Text and Image X Heading boxes, characters like apostrophes are escaped – and the \ appears in the slider. Every time I save the slider, it adds another \. I can strip them out, but there will always be at least one \ before an apostrophe.
    Any suggestions?
    Thanks for the help!

    Reply →
  26. Phil D says:

    Hi,

    Nice plugin and your attention to it is appreciated, but I noticed recently that you added alt=”image_src” to the images in the html.

    Could you either make that editable for the whole plugin or just leave it out altogether? It’s kind of ruining my SEO..

    Thanks,
    Phil

    Reply →
  27. Great plugin. I just see one issue:
    transctions do not work properly on IE, in chrome and firefox it is working great.

    Reply →
  28. Bharath says:

    Hi NIlesh,

    Thanks a lot for this plugin. Its very useful.

    Maybe I am doing something wrong, I am facing a couple of issues.

    1. When I use any effect except “fade”, the picture is not within the frame of the slideshow. The slideshow only shows a part of the picture (zoomed in)
    2. When I use fade effect, the picture is resized to the size of slideshow frame. However, slideshow stops at the second image (I have 5 images listed in the settings).

    Could you please help me out here?

    Thanks,
    Bharath

    Reply →
    • snilesh says:

      show me link of that website where you added this plugin.

      Reply →
      • Bharath says:

        Hi Nilesh,

        The website is http://www.bangaloreultimate.com

        Thanks,
        Bharath

        Reply →
        • snilesh says:

          check in wp-admin. on the content -slide options page i think you set width=800px.

          Reply →
          • Bharath says:

            Yes I did that..I thought that was for sizing it so that it fits in my page..

            I am a bit confused – what should the width and height be set to?

            If I set it to the real dimensions (4000 x 2000), I have the same problem..only part of the slider appears on the page…

            Is the only solution to resize all images to the slider size? I am guessing there should be another way to do it…or I am doing something wrong..

            Can you please help ?

            Thanks,
            Bharath

          • snilesh says:

            i didn’t added image resize options as i dont want too many scripts added to the plugin. As this is a featured slider most of the users create images with same dimensions like the actual slider width height.

  29. fufelek says:

    how to do that slider consistent with the wc3 validator?

    I have a problem with: “document type does not allow element “h4″ here; missing one of “object”, “applet”, “map”, “iframe”, “button”, “ins”, “del” start-tag”

    btw. this slider is THE BEST :)

    Reply →
  30. Hi! First one is a bit slow ^^ (maybe it’s website itself), but I’m really fond of second version of plugin – it’s cute ^^b

    Reply →
  31. Hi – plugin looks great – but it I’m not seeing anything in the page after I enter the code into the PHP.

    Plugin is active & I’ve tried putting the code into the page.php several times but it seems to be stripped or non existent and nothing is showing up.

    Reply →
  32. bld says:

    Hi Snilesh,

    I’m having a similar problem to others, the stacking image problem.

    I’m using a theme called Simplo.

    The is there, right before however there is a lot more code after it.
    code plus a menu section before the end of the header.php code.

    The theme also comes with the Pretty Photo Lightbox plugin built-in, maybe could that be the problem? The Javascript for this is located right before the

    So it goes:
    blah blah

    blah blah

    <body >
    body code continues to bottom of header.php code then continues again on page/index.php

    Any ideas?

    Reply →
  33. Shonna says:

    what would cause the images to link to the wrong link? instead of http://www.domain.com/post its going to http://www.domain.com/blog/post

    I suspect the wordpress MU that i had set up, and attempted to undo, may something was left undone, but I wanted to check here first to make sure that theres nothing i can easily change in the plugin

    Reply →
  34. bld says:

    I’ve just sent you the URL & a message through your contact page. Tnx.

    Reply →
  35. bld says:

    Thanks Nilesh,

    That fixed the problem. The email I entered is working fine, actually could you please remove it from your last comment so I don’t get lots of spam there.

    Thanks again, I really appreciate the speed at which you are able to fix these problems. Excellent support and a great plugin too by the way! :)

    Reply →
  36. LUCHOSAR says:

    Hello greetings from Colombia. My respect for his work is very good!
    Only one concern: when I say I have no problem custom image works perfect, but when I select a category does not leave the images, here a sample test page: http://www.dominicanomontreal.com/wp/
    ————
    Hola un saludo desde Colombia. Mis respetos por su trabajo es muy bueno!
    Solo una inquietud: cuando le digo imagenes personalizadas no tengo problemas funciona perfecto, pero cuando selecciono una categoria no sale las imagenes, aqui un ejemplo de la pagina de pruebas: http://www.dominicanomontreal.com/wp/

    Reply →
  37. LUCHOSAR says:

    Hello greetings from Colombia. My respect for his work is very good!
    Only one concern: when I say I have no problem custom image works perfect, but when I select a category does not leave the images, here a sample test page: http://www.dominicanomontreal.com/wp/

    Reply →
  38. Mike says:

    Is there any way to use an image map on any one of the images in the rotation?

    Reply →
  39. Maria says:

    This plug in is pretty cool and thank you so much for creating this. I am not versed in php however is it possible for you to stick a target option into your next version? Right now if you click on the slate it’s keeping it in the same window so this is for the option should we wish to go to a new window. And also about the SEO friendly version, when might that be ready?

    Thank you very much

    Reply →

Trackbacks for this post

Got something to say? Go for it!

CommentLuv badge

Pro Social Toolbar http://t.co/aFplIi36 via @daddydesign - 1 week ago

 
Pro Social Toolbar http://t.co/aFplIi36 via @daddydesign1 week ago