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:

screenshot of my list of presentations created with the slidesharelist plugin for wordpress

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.

Simply copy and paste the wordpress code provided by slideshare into any blog post running this plugin to have a fancy display

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

screenshot of a SlideShare presentation shown with this plugin (closed state)

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

screenshot of a SlideShare presentation shown with this plugin (display state)

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]

Tags: , , , ,

7 Responses to “SlideShare List WordPress Plug-In”

  1. Patrick Koning Says:

    Somehow I can’t get it work?

  2. Chris Says:

    Somehow I don’t quite have enough information to help you if that is all you give me :)

  3. Roberto Scano Says:

    Hi, what about retrieve group instead of username?

  4. Chris Says:

    @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 :)

  5. Chris Says:

    @roberto see the changes (and read the README for styling tips): this is now possible

  6. Remco Says:

    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

  7. fk Says:

    How can i do for display this outside a page or blog post ? Directly in a wordpress php page for example ? thanks !

Leave a Reply

Wait till I come! is the blog of , a developer evangelist living and working in London, England. Download vcard.

Feed me, Seymour: Entries (RSS) and Comments (RSS).