Coin Slider 4 WordPress

Coin Slider 4 WP will show your featured posts as image slider and rotate them using unique effects provided by jQuery’s Coin Slider.

coin-slider-4-wp

Implementation is very easy, after you download and activate this plugin, just paste one line of code in your template and Coin Slider 4 WP is ready to use.

Follow next steps to set this plugin:

1. Upload coin-slider-4-wp folder to the `/wp-content/plugins/` directory
2. Activate the plugin through the ‘Plugins’ menu in WordPress
3. Put <?php include (ABSPATH . ‘/wp-content/plugins/coin-slider-4-wp/coinslider.php’); ?> in your template
4. For each post that you want to be featured you must have custom field (csImage by default) with full url to image and optionaly field (csText by default) with text for title bar.

On options page you can change default parameters:

Width: in pixels, 565 by default
Height:
in pixels, 290 by default
Number of Squares per Width:
Coin Slider use square based animations.  7 by default
Number of Squares per Height: 5 by default
Be careful, if you set large number of squares animation may not be smooth
Slide Display Duration: in miliseconds, 5000 by default
Slide Transition Effects: there are three types: random, swirl and rain. All of those effect you can see here
Hide Navigation
: check this if you don’t need prev/next buttons and navigation squares below slider
Image field:
set custom field for image that should be used in gallery. By default you can use csImage field, but if you want you can change that. This is useful if you already use some gallery plugin and you want to change to  Coin Slider 4 WP
Text Field: this field is optional. Content for this field will be displayed in gallery title bar bellow title. By default name of this field is csText but you can change if you want to use some other field

If you prefer Joomla instead WordPress you should try Coin Slider for Joomla created by Daniel Pardons.



Comments [ 231 Comments ]

  1. beka
    June 22, 2011

    You say — 3. Put in your template.

    My question is, (as a newbie)What template? I wnat theis featured on the home page only.

    Thank you!

  2. jake
    June 28, 2011

    Love the plugin, but since it’s called Coin SLIDER, could you add some more straight forward transitions like sliding or fading? I don’t really prefer the tiled transitions (reminds me too much of PowerPoint presentations).

  3. Rene
    July 13, 2011

    when I upload an image smaller than those shown on the slide, this is repeated.
    help please

    is the first image
    http://www.jobtravel.cl/

  4. Matheus Antunes
    July 22, 2011

    Hello :)

    Great plugin! Just one question, is it possible to have the slide linked to another post/page than the one used to create it?

  5. Nicolas
    August 23, 2011

    Hi!
    I got an issue with WordPress 3.2.1 and your plugin.
    I’ve done steps 1, 2 and 3. Step 4, I give an url for the custom field “csImage by default” and “csImage”, but nothing appear.
    I got the same issue with csTex, there is nothing on my home page.

    Any ideas ?
    Thanks in advance!

  6. Andrea "Bruno" Brunato
    September 1, 2011

    I have the same problem of Nicolas, nothing appear in my site and I have WP 3.2.1 too.

  7. Steve Sobol
    September 6, 2011

    I had a problem with CoinSlider and WP 3.2.1, the images were all displayed one below the other and the slide show never started. The fix, for me, was to go into the plugin, and edit coinslider.php, and change

    $(“#coin-slider”).coinslider({

    to

    jQuery(“#coin-slider”).coinslider({

  8. ktsixit
    September 8, 2011

    I have the same problem with Wong. Only past 2 months posts are displayed in slideshow. What’s the matter with this plugin?

  9. pepper
    September 8, 2011

    I noticed that the extension does not show last year’s posts. There’s obviously something wrong with the posts query but I don’t know what that is. Is there anything I could do to fix this? Please, help

  10. pepper
    September 8, 2011

    I finally found a solution. I post it here in case someone has the same problem.

    In coinslide.php file, you have to change the query_posts() function into the following:

    query_posts(‘meta_key=csImage&nopaging=true’);

  11. chris
    October 4, 2011

    Firstly, i love the pluggin, it works and its great.

    BUT – I want to know if there is a code i can add / change that allows me to add images and link to PAGES instead of POSTS.

    The website is more of a static page website rather then a blogging website.

    any help would be appreciated

    thanks
    chris.

  12. chris
    October 4, 2011

    Or even to know how to link to an external page like this demo one shows

    http://workshop.rs/projects/coin-slider/

  13. Tammy
    October 4, 2011

    I’m trying to get the slides to link to the appropriate pages, and not just to the image itself. How can I set the link URL for the slide images?

  14. Grant
    October 7, 2011

    haven’t tryed it yet myself but you might have some luck using a redirect plugin to achive that effect.

  15. mihai
    October 26, 2011

    nice plug-in!
    do you have any idea how to link the Page (not post)?

  16. Chairman Aeon
    December 7, 2011

    Scyfox,

    I’m trying to do the same, thumbnails and excepts rather than custom fields, but I blew up the plug-in by changing two variables. Help!

  17. Jamaican Taxi Tours
    December 7, 2011

    i have my favorite free wordpress slider, easing slider. :)

  18. Gustavo Voll
    December 14, 2011

    “4. For each post that you want to be featured you must …”

    How can I use for each page? I really need it.

    Tnx a lot.
    //

  19. Gustavo Voll
    December 14, 2011

    [Resolved] I did the following changes in coinsslider.php:

    $args = array(
    ‘post_type’ => ‘page’,
    ‘post__in’ => array(53,47,65)
    );
    query_posts($args);
    /*query_posts(‘category_name=’.get_option(‘cs-category’).’&showposts=50′);*/

    Nice Plugin, thanks.

  20. Jenny
    December 15, 2011

    Hellow everybody
    I want to add the date and the category to the cs-title
    how can I do this?

    I would love to know!

  21. since1989
    December 31, 2011

    compatible with wordpress 3.3, this slider plugin works on my site.

  22. Rodrigo Aramburu
    January 11, 2012

    nice plugin, but i have moved the increment $i++; (coinslider.php line 34) for inside the if, because not find old post in my case.

    sorry my english.

  23. Brandon
    January 19, 2012

    Sweet plugin! Does it support Pages as well as Posts?

  24. Cliff Barendsen
    January 25, 2012

    Is there consideration of giving option to set each slide to have a specific url to go to on click?

  25. redbyte
    January 30, 2012

    thnx its great
    but win i but a wp Socializer
    the slider get to many point

    could u help me with that???

  26. nla
    February 4, 2012

    Hi,

    Thanks for a great plugin, it’s look and feel is awesome!

    Although I have one problem, when I set it up to show 3 posts in the slider and click on the image to go to that specific post it loads all three posts on the same page. Is there a simple solution to this problem?

    Thanks!

    Br,
    Niklas

  27. UnderwoodNC
    February 11, 2012

    I love this plugin, thank you for your hard work putting it together.

    I was having an issue with it that I’ve since resolved and wanted to post the solution for anyone else having that problem.

    Before, I had two instances of the jQuery library running on the site using the coin slider. The first was the latest jQuery library that WordPress loads, then the 1.4.2 version of the jQuery library which the coin slider plugin loads.

    Before applying this update, you’ll want to be sure you’re loading jQuery via WordPress. Open your header.php file in your theme and look for a line of php code that reads:

    wp_enqueue_script(‘jquery’);

    If this line or something equivalent isn’t already in your header.php, you’ll want to add it just above the call to wp_head().

    Once that’s done, you can update the plugin to use WordPress’s jQuery library. Here are the two simple changes to make:

    1) Open coinslider-content.php and delete this (line 42):

    <script type=”text/javascript” src=””.$path.”scripts/jquery-1.4.2.min.js”></script>

    2) Open coinslider.php and change the following (line 52):

    $(“#coin-slider”).coinslider({

    to this:

    jQuery(“#coin-slider”).coinslider({

    And that’s it! Enjoy =)

  28. UnderwoodNC
    February 11, 2012

    Missed Steve Sobol’s comment giving the same correction for #2. Somehow I didn’t notice the older comments button at all. Sorry about that.

  29. John Restrepo
    February 16, 2012

    Hello!
    thanks for this excelent plugin, I’ve been using it in various websites, but I have problems in the last one I am developing, the thing is the plugin is not doing the images transition, it just stay in the first one, I just did what UnderwoodNC to try but it didn’t work, any ideas? :P thanks in advance.

  30. 0eil
    February 22, 2012

    I’m a big huge noob and I have an issue : I want to replace my header with this slideshow, but I’m not pretty sure how to do that. I guess it is in the editor, in the “header” part, but how to change the picture for the slideshow ?

  31. leigh
    March 4, 2012

    I agree with everyone; this plugin is great. I had a few issues with the jQuery conflict, but by removing it from the coinslider-content.php and from the directory everything came together.

    This is one of the more aesthetically pleasing plugins (paid or free) I’ve seen so thank you for your work. Now…when can we expect to be able to incorporate more than one of these hot mommas in to our sites?

  32. Ahmad@lunaticg
    March 18, 2012

    Thank you for this wonderful plugin.
    I have been using it in one of my wordpress blog and it really great experience for me. This is certainly a plugin that I will be recommend to all my friends.
    Thanks again.

  33. Roc
    March 20, 2012

    I don’t understand how works. There is any tutorial?

  34. Olivier
    April 3, 2012

    I have the same question, how do you actually use this?

    (also, without overstating, how come theres no slider for wordpress anywhere that works??!?! best ive managed to find was some ‘easing slider’ but apart from the fact that it doesnt have the settings i want, it fucking crashes & burns in ~5 minutes of running on the background, god i hate jQuery..)

  35. low
    April 18, 2012

    hello.here is a boy from china.i dont really know how to Use the plugin.sorry for my poor english.i just want to konw where should the pictures on coin slider for wp be ? need a new Folder to save the pictures ? please reply to me.thank you! have a good day~

  36. Elbubu
    April 22, 2012

    Hello Low ! I’m not english too ! For the pictures, you have first to go to the configuration page and see the “Image Field”. There, you can put, for example, the name “Picture”

    You don’t have to create any folder for the pictures. You just have to put the URL of the picture you want to use directly in your post in the custom field section (with the name “Picture” in our example).

    And that’s it !

  37. George O'Neill
    April 27, 2012

    Coin Slide 4 for WordPress Question:

    Does anyone know how the order of images is determined? It is based on the associated Post date, or something else?

    Thanks!

  38. grafixdiva
    April 27, 2012

    Hi there. thanks for the awesomeness, but I am having some trouble trying to link images in the slider. I would like to feature an image on the slider, and a user be able to “click” that image, and they are taken to the corresponding product page. I am us WP eCommerce.

    Thanks!

  39. Mike
    April 29, 2012

    I’m depressingly retarded at following any sort of web tutorials unless they’re ridiculously specific… if someone could help me out please:

    ’3. Put in your template’

    What exactly is the ‘template’? I only want to use this plugin on one of my pages.

    4. For each post that you want to be featured you must have custom field (csImage by default) with full url to image and optionaly field (csText by default) with text for title bar.’

    I obviously haven’t got to this part yet but I don’t really follow it either.

    Any help would be much appreciated

  40. One other thing to point out is that an online business administration diploma is designed for people to be able to efficiently proceed to bachelors degree courses. The Ninety credit diploma meets the other bachelor diploma requirements when you earn your associate of arts in BA online, you should have access to the most up-to-date technologies in this particular field. Some reasons why students need to get their associate degree in business is because they are interested in this area and want to obtain the general training necessary previous to jumping right into a bachelor diploma program. Thanks for the tips you actually provide as part of your blog.

  41. Jamaal Rouzan
    July 8, 2012

    Is there any way to add an alt tag to the images in the slider? I noticed some of my competition does this but coin slider looks way better :)

  42. Cuisine algerienne
    October 31, 2012

    Thank you for this plugin

  43. Sandra
    November 9, 2012

    Hello,

    I am using a wordpress plug in for coin slider and I am not sure where I need to copy and paste the code in to which template. There are so many. Can you tell me specifically which template please? I already tried to paste it in to the main index.php file and it didn’t work.

    Thank you,
    Sandra

  44. StafidutZ
    November 24, 2012

    Nice slide, i love it, thanks !

  45. Adam Nguyen
    December 2, 2012

    Really cool plugin :)

  46. Linda Tran
    January 7, 2013

    Easy way to create a gallery with wordpress.Thank so much!.

  47. Mario
    January 10, 2013

    hvala ti puno! Veliki pozdrav!

  48. JT
    February 4, 2013

    Got it installed ok, and it appears to be in place. But I have no ‘options’ menu where I can change settings. I’m also not familiar with custom fields. So unless I’m missing something this plugin requires too much research to do what I want, meaning that even if I spend the time to figure it out no one else on the site will be able to tweak it.

  49. Farrukh
    March 17, 2013

    I really like that script. i m using this slider for my client webpage. (http://www.createwhiz.com/demo/) but just want to know that is that possible to add fade effect ..?

  50. Pedro Sousa
    March 18, 2013

    I like this plugin. Is it possible to have multiple slideshows in one page?

  51. victor vegas
    June 13, 2013

    Using this slider for my next website

  52. battle bands
    October 16, 2013

    Oh my goodness! Awesome article dude! Many thanks, However I am going
    through issues with your RSS. I don’t know why I am unable to subscribe to
    it. Is there anybody else having similar RSS issues? Anyone that knows
    the answer will you kindly respond? Thanks!!



» Trackbacks and pingbacks click to expand

  1. [...] slideshow size, color, style and more, much more. WordPress Content Slide Plugin » View the Demo »Coin Slider 4 WordPress Coin Slider 4 WP will show your featured posts as an image slider and rotate them using unique [...]

  2. [...] WordPress Content Slide 10. Coin Slider [...]

  3. [...] Coin Slider 4 WordPress » View the Demo » [...]

  4. [...] jQuery.Μπορείτε να δείτε ένα demo εδώ.Κατεβάστε το από εδώ. NextGEN gallery [...]

  5. [...] Ένα πολύ καλό και εύχρηστο plugin.Δημιουργεί μια gallery εικόνων με χρήση jQuery.Μπορείτε να δείτε ένα demo εδώ.Κατεβάστε το από εδώ. [...]

  6. [...] Coin Slider 4 WordPress : این پلاگین هم جی کوئری است و جلوه های زیبایی در نمایش [...]

  7. [...] Coin Slider 4 WordPress : این پلاگین هم جی کوئری است و جلوه های زیبایی در نمایش [...]

  8. [...] Coin Slider 4 WordPress : این پلاگین هم جی کوئری است و جلوه های زیبایی در نمایش [...]

  9. [...] Coin Slider is a jQuery powered slider solution for your WordPress install, it uses a custom field for posts you wish to be featured. It has a number of options and can be implemented with a single line of code. Read More and Download [...]

  10. [...] Read More And Download [...]

  11. [...] Coin Slider 4 WP [...]

  12. [...] Template framework Coin Slider 4 WP Contact Form 7 NextGEN Gallery NextGEN Custom Fields Nivo Slider for WordPress Really Simple [...]

  13. [...] Slider 4 WordPress : demosunu görmek ve indirmek için tıklayın. Bu wordpress eklentisini indirip kurdukdan sonra yine yukarida izah ettiğimiz gibi göstermek [...]

  14. [...] Coin Slider 4 WordPress : demosunu görmek ve indirmek için tıklayın. [...]

  15. [...] Coin Slider 4 WordPress : این پلاگین هم جی کوئری است و جلوه های زیبایی در نمایش [...]

  16. [...] Coin Slider 4 WordPress : demosunu görmek ve indirmek için tıklayın. [...]

  17. [...] Coin Slider 4 WordPress : این پلاگین هم جی کوئری است و جلوه های زیبایی در نمایش [...]

  18. [...] Ένα πολύ καλό και εύχρηστο plugin.Δημιουργεί μια gallery εικόνων με χρήση jQuery.Μπορείτε να δείτε ένα demo εδώ.Κατεβάστε το από εδώ. [...]

  19. [...] 10. Coin Slider 4 [...]

  20. [...] Coin Slider – Outra solução simples de slides, mas que se destaca pelo peso levo, adaptabilidade aos dispositivos Android e iOS, configuração CSS e funcionalidades totalmente configuráveis e transições bastante agradáveis de imagens. Também possível através de plugin WordPress. [...]

  21. [...] Coin Slider – Outra solução simples de slides, mas que se destaca pelo peso levo, adaptabilidade aos dispositivos Android e iOS, configuração CSS e funcionalidades totalmente configuráveis e transições bastante agradáveis de imagens. Também possível através de plugin WordPress. [...]


Leave a Reply

More Articles


more on WORKSHOP.rs