SlideShare List WordPress Plug-In
I wanted to give a list of all my presentations on SlideShare right here on the blog and started playing with the SlideShare API in earnest. As I failed in just including my results in the blog, I wrapped them in a WordPress plug-in in case you also feel like listing your SlideShare achievements.
You can see the plugin in action on the presentations page and here’s a screenshot:

Notice that I am offering a link to Easy SlideShare as an option so that blind users can only go to the transcript instead of having to try to understand the Flash embed. The API actually has a transcript element, but there is no content in there right now. Would be cool to see it enabled :)
Update: The Plugin now also allows you to copy and paste the “Wordpress” code from SlideShare into any Wordpress blog running this plug-in.

This screenshot shows what the inital state of a post (with some CSS) looks like:

When you click the “here and now” link you get the “normal” SlideShare experience:

The plug-in is open source, BSD licensed and if you want to use it you need to get a developer key from SlideShare
Once you have those, simply change the variables in the slidesharelist-config.php file accordingly. Say SlideShare gave you a key of “minor” and a secret of “I really like Weird Al Yankovic” then you’ll have to change:
<?php
$key = 'YOUR KEY';
$secret = 'YOUR SECRET';
$apiurl = 'http://www.slideshare.net/api/1/';
?>
to the following:
<?php
$key = 'minor';
$secret = 'I really like Weird Al Yankovic';
$apiurl = 'http://www.slideshare.net/api/1/';
?>
That’s all you need to do, simply FTP the whole folder over to your plugin directory of WordPress and activate the plugin inside Wordpress.
All you need to display your list of presentations in a blog post or page is to add the following:
[slideshare-username-amount]
For example the following would show my latest 5 slides:
[slideshare-cheilmann-5]
The other option you have is to copy and paste a single presentation into the blog post. You can either use the following syntax:
[slideshare-presentation:url]
An example would be my “Creating Happy Little Web Sites” presentation:
[slideshare-presentation:http://www.slideshare.net/cheilmann/creating-happy-little-websites]
Alternatively you can use the copy and paste code slideshare offers you for blogs hosted on slideshare from the SlideShare presentation page itself. For example my presentation “Yahoo is Open for Developers” from the Ankara Open Source event:
[slideshare id=477388&doc=opensourceankara-1213971414957829-9&w=425]
This is taken from:
http://www.slideshare.net/cheilmann/yahoo-is-open-to-developers
New in 1.10:
As requested in the comments below, you can now also list slideshows for tags and groups. The syntax is the following:
[slideshare-group:{group}:{amount}]
For example:
[slideshare-group:yahoo-developer-network:3]
And if you want to see slides for a certain tag:
[slideshare-tag:{tag}:{amount}]
For example:
[slideshare-tag:ajax:3]
- Download the SlideShare List Plug-In for WordPress 1.10
- Download the SlideShare List Plug-In for WordPress 1.05
- Download the SlideShare List Plug-In for WordPress 1.00
Tags: api, opensource, plugin, slideshare, wordpress
June 30th, 2008 at 1:28 pm
Somehow I can’t get it work?
June 30th, 2008 at 3:53 pm
Somehow I don’t quite have enough information to help you if that is all you give me :)
July 5th, 2008 at 2:41 pm
Hi, what about retrieve group instead of username?
July 5th, 2008 at 2:57 pm
@Roberto, you can change the API call in the code to do that. I am not a member of any groups, so I didn’t see the need for it yet :)
July 5th, 2008 at 3:56 pm
@roberto see the changes (and read the README for styling tips): this is now possible
July 24th, 2008 at 10:29 pm
Hi Chris,
Thanks for a great plugin. I love slideshare and there are just too few tools for it out there for my taste. I’m glad you found a way to use the API and accomplish what you have.
I have a question about the styling. I want to style my list pretty much like you do on your website, but I can’t get rid of the open disc bullet. Check this page to see what I mean: http://vincent.pczapper.nl/?page_id=327
I’ve added the following to the CSS:
#slideshare-presentations{
margin:0;
padding:1em 0;
}
#slideshare-presentations li {
list-style:none;
padding:0;
margin:0;
padding-left:150px;
padding-bottom:1em;
position:relative;
}
#slideshare-presentations img{
position:absolute;
padding:5px;
border:1px solid #ccc;
top:0;
left:0;
}
The full CSS can be found here: http://vincent.pczapper.nl/wp-content/themes/wp-polaroid-v2-blue/style.css
Now I’m not a genius at CSS but I can’t seem to get this ‘bug’ out of the presentations list. Is there way you can give me a push in the right direction?
Thanks!
Remco
August 26th, 2008 at 6:05 pm
How can i do for display this outside a page or blog post ? Directly in a wordpress php page for example ? thanks !