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.

  • Google Buzz ER: Google Buzz for Wordpress (137)
    Yesterday Google announced new service, Google Buzz, a new way to share updates, photos, videos and more, and start conversations about the things you find interesting. Today you can have […]
  • Gradienter: Add gradient to elements (24)
    Last night I started to work on Wordpress theme for blog and I got an idea that every post should have their own background color and that maybe those colors can be in gradient. Since that […]
  • jQuery Snow Falling plugin (114)
    I like winter because of holidays and snow. Not big fan of going to shopping and buying New Year gifts and presents, but I am fan of snow and snowboarding. That's why I enjoy watching how […]
  • Twitter Flock for Wordpress: multiple accounts tweets with style (69)
    Twitter Flock is Wordpress plugin for showing multiple accounts tweets with different color scheme for every account. Also, there are setting allowing you to control how your tweets will […]
  • jqBarGraph – jQuery graph plugin (157)
    jqBarGraph is jQuery plugin that gives you freedom to easily display your data as graphs. There are three types of graphs: simple, multi and stacked. All you have to do is to pass your […]

237 comments on "Coin Slider 4 WordPress"

Hey there, this is a really great plugin so thanks for taking the time to mod this for WP!

I’m wondering about something though, I have limited knowledge of PHP, not enough to go messing around with it, but any idea how I’d go about automatically pulling the excerpt from the post instead of using a custom field?

If that’s possible is it also so to automatically pull the attached image from the post instead of using a custom field too? For this across the rest of my theme I’ve been using:

dp_attachment_image($post->ID, ‘medium’, ‘alt=”‘ . $post->post_title . ‘”‘);

Any help would be really appreciated! Unlikely to take anyone long!

NP on September 12, 2010 at 8:23 am

Just tested, seems to work fine although the picture could have been directly taken from the post content.

@Marc, open for exemple index.php in your wordpress theme and paste the php line at step 3, for exemple in wp 3.0.1, after this: . Refresh your home page and you’ll see the slider. Be carefull to change the ‘ sign by a straight one: ‘. Wont work otherwise. If you use Dreamweaver you’ll see the color difference; the path should be redish between the simple quotes ‘(red)’.

@Lewis, after installing the plugin and adding the php line in your theme, you have to write a post with two custom fields. Exemple, write a new one, title, content is optional. Below the content box, in your post page in the wp admin, you’ll see the “Excerpt” box, and below it, the “Custom field” box. There it goes. Write the name ‘csImage’ in the name input, then paste the url of a picture in the ‘content’ input next to it. Hit the add buttom to add this custom field to the post and then publish the whole post. Repeat the same operation with a ‘csText’ custom field to add some text.

cheers

kevin on September 8, 2010 at 1:19 pm

I also would like some help, I just found this plugin and I was wondering if more could be explained about the Custom Fields part?

Thanks,

Lewis

Lewis Witherow on September 1, 2010 at 5:26 pm

Hey all,

I just started working with WordPress and came upon this plugin.

Downloaded it, installed it, created the custom fields in the 5 posts I have, filled them but one things i not clear to me.

Could somebody be a bit more clear and specific how to add the code “” in my theme.

Where should I put it? In which file?

Hope to find a answer soon.

Best regards and thanx!
Marc

Marc on August 31, 2010 at 3:00 pm

I like it, this is one of the greatest slider plugins I’ve ever seen however your demonstration page caused my FF 3.6.8 to eat almost 100% of the CPU continously although I didn’t open more tabs. Any ideas or experiment?

Enes on August 15, 2010 at 10:15 pm

Hello,

I really like this plugins.

I ahve used it in my wp-ecommerce site, but the problem is once i enabled this slideshow plugins, the thickbox for thumbnail image of my products didnt work.

my website: ofmansports.com
test product: basketball–>Adult tops

please help

regards

rinfelc on August 14, 2010 at 3:15 am

Any news about the news disappearing after a new week has started?

Thanks

golgoth on August 6, 2010 at 1:52 am

hola amigos
como poner imagenes en el slider, como debo seleccionar la imagen para mostrarla en el slider.
no entiendo lo del (csImage) como lo debo poner????

gracias

charlescuellar on July 31, 2010 at 10:40 am

@golgoth
I assume that it’s the same problem as Mike reported. I’ll check that.

@Krzyho
Yes, it can be done. Every button have id and all buttons have same class, so you can use that to style them.

Lazarevic Ivan on July 28, 2010 at 1:27 pm

Hello Ivan!
Fantastic Plugin, works great in my Portfolio site, but I have question, it is possible that navigation squares at the bottom slider change to images? like this exepmple : http://kbdesign.bdl.pl/wp-content/uploads/2010/07/example.jpg ?

pls help..thx!

Regards.
Krzysztof.

Krzyho on July 28, 2010 at 5:18 am

As for the bug signaled by arcadio21, at the URL http://www.rpgitalia.net/recensioni/ you can see that coin slider is blank. If i manually change the date of the article http://www.rpgitalia.net/recensioni/news/dragon-age/disponibile-la-patch-1-04/ to the 26th or 27th of July (maybe it only shows this week posts?), which has the csImage and csText fields, the post appears correctly.

golgoth on July 27, 2010 at 5:27 am

@Mike
That’s strange. Thanks for reporting, I’ll check that.

Lazarevic Ivan on July 25, 2010 at 2:05 pm

Hey! Great plugin. Works great, except for one thing. I used to have five featured posts in the slideshow. They all had the csImage custom field. However, now that I’ve started adding posts, each post I add, deletes one of the featured images.

I used to have five posts in the slideshow. When I added a new post though, it made it so there are only 4 posts, and when I made another new post, it made it so there are only 3, etc. I’m not sure why this is occurring, and I have no idea how to fix it.

Mike on July 23, 2010 at 9:40 pm

It works great, love the plugin! But i cant get it to validate without the “alt” attribute. Is there a way to add this?

Sean on July 23, 2010 at 10:35 am

Can you provide me url with example ?

Lazarevic Ivan on July 21, 2010 at 3:44 am

Leave a Reply

Your email address will not be published. Required fields are marked *