Development, Journal, Photography

WP-SmugMug

I’m putting the finishing touches on WP-SmugMug, a plugin for WordPress that integrates — you guessed it — SmugMug RSS feeds into your WordPress Posts and Pages. Activate the plugin, specify the RSS feed url for your SmugMug album, and your images appear as thumbnails at the bottom of your post!

By default the images will be sorted according to their EXIF capture dates — thankfully this information is embedded in the album RSS feed. If you don’t want your images sorted, you can specify a custom field to prevent this on a post-by-post basis. Finally, the CSS and HTML is fairly customizable from within WordPress’s Administrative Panel, meaning you don’t have to dicker in the plugin code if you don’t want to.

WP-SmugMug Admin Panel

The Backstory

The genesis of this plugin goes way back to 2000 when I remade tow.com from a site feature made mobile computing software into a personal website. The word blog hadn’t become mainstream, and I was calling the site a digital journal. Up until now, I had a variety of PHP scripts to display images that I had manually processed using iView and Photoshop. It wasn’t the most efficient way of getting things done, but it was something I was familiar and comfortable with. Nearly two years ago, I migrated much of the site content to WordPress. One of the holdovers from the old site was the photo gallery code.

With this plugin, things are much easier. Numerous applications exist to get my photos uploaded easily to SmugMug, including PictureSync, SmugExport (Aperture Plugin), and SmugMug’s new web-based uploader. WordPress, of course, makes it a snap to blog. Now, with WP-SmugMug, I have the best of both worlds!

You can find some more information about WP-SmugMug in my new WordPress Projects page.

Standard

48 thoughts on “WP-SmugMug

  1. Hey, is there anyone else that’s not getting the plugin’s CSS information to apply to the photos fed in by the RSS feed?

    Also, was wondering if anyone has the image’s caption (input at the gallery page on smugmug) feeding into the pages the plugin is feeding?

    Thanks.

  2. James – I am working on another release of the plugin, which will display captions and have editable css in the plugin file itself (instead of via the database as it is now). I’ll send you a version via email to test.

  3. The plugin was very easy to install but my images appear in a vertical line down the left of the post. Can you give me some tips on styling the thumbnails and images to appear like you have them in the screenshot above (Eric’s Birthday Party).
    thanks!
    Leslie

  4. Hi, great plug-in, I really want to use it instead of G2WP, but I have some issues… First, all the thumbnails are ultra-tiny. Like FARRR FAARRR too small… And they go down the blog length a ways, then break into my right hand bar… I am using K2… I don’t know… I am keeping the page as it is, as I doubt anyone will think to look into an aside… http://www.nosteamshovel.com/2007/02/13/portraits-2/

  5. Hi! I have tried this on my site but nothing new shows up. Here’s what I did.

    * I downloaded and then uploaded the plugin.
    * Activated the plugin with no trrouble.
    * Went to my latest post and added a custom field called “wp-smugmug” (without the quotes.)
    * Set the value of the field to the URL: http://detayls.smugmug.com/hack/feed.mg?Type=gallery&Data= 2702270&format=atom03
    * Saved the post with no alteration to the text in the post.

    Nothing appears. My WP is version 2.0.2 and I am using the K2 theme.

    Do I have to refer to wp-smugmug in the text of the post in some fashion?

    Did I miss a step?

    Thanks.

    David

  6. msim says:

    This is very interesting! Can I request you to share a sample code that can be inserted into a post on wordpress (i.e. the exact way in which to put the wp-smugmug in the post)? Thanks!

  7. It’s happens automatically if you have the wp-smugmug and wp-smugmug-options custom fields set. The next version of WP-SmugMug will offer more customizability. Timeframe is probably in the next two months.

  8. msim says:

    hey adam, sorry for being slow here. i installed it in the right directory (copied it there that is). Now what should I insert into a post for the images to show in the post?

    More specifically, I could translate this first step into the exact action. What will be the code to insert a custom field… thanks!

    1. Add a custom field with the name ‘wp-smugmug’ in any post or page
    2. Enter the RSS feed URL as the value for the custom field

  9. msim says:

    it worked this time. i guess i did not know what a custom field is.

    however, i seem to be able to get the images only on the page where the entire post is displayed. is it possible to get, like say, four images, in the main blog page?

    btw this rocks!

  10. msim says:

    is it possible to increase the size of the thumbnails? i tried changing what was 170px in the options but that only seems to change the frame size (fewer columns effectively, but delivered the same size image).

  11. The thumbnail URLs are sent from SmugMug. All SmugMug images share the same filename, with the only difference being the last few characters. For instance:

    etc. The next size up from Th is S, which is pretty big.

  12. msim says:

    quite true.

    however, i checked out their flash (shizam) slideshow and i could specify the max height and width of the images and they seem to scaling the images. even their random.mg function appears to scale the images well.

    you think they might scale here as well? i basically was wondering if one could create a clean album look in a WP post that looks kind of like this. (http://picasaweb.google.com/FlorianUSA/Texas)

  13. We’ll see. Again, you’re free to modify the code yourself. I’ll be working on a new version of wp-smugmug with additional features in the coming months. Right now, I’ve got to get ready to leave the country for the next three weeks!

  14. msim says:

    Nice. Well have a great time. I wish I could adapt the code (very rudimentary understanding) — but then it looks quite good as it is. So thanks!

  15. Someone mentioned Lightbox support.

    SmugWP (see my link) supports Lightbox, browsing of protected and non-public galleries (to insert from), and CSS styling. It also supports a Gallery ID Confirm/Redirect, something similar to what DigiProofs does.

    Check it out.

  16. Hi,
    I use WordPress MU for building up my site right now; I activated the plugin on my photo blog, but it didn’t work (see link). on my other “normal” wordpress blog it worked fine. Is it a problem with the MU template? (I use the standard one). should I add some sort of “call” line in the code?
    thanks a bunch in advance!!
    cheers

  17. Hi Adam,
    Did you ever come out with a new version of your wp-smugmug plugin? I’m still having an issue with the thumbnail links and Lightbox plugin support. Your plugin generates the thumbnails perfectly on my site, but when I look at the code each thumb is linked to the smugmug gallery and not the individual image.
    I noticed that in your post “piclens-now-on-towcom” you seem to have found a fix!! I would really be interested in a newer version of your plugin… or at least the fix you made to your code!
    Thanks!!

  18. I too would like to know how to get this plugin to NOT go directly to the gallery on the smugmug site. either a lightbox or something similar effect would be ideal in most situations just to view the full size image. I’d like to keep the viewers of the site ON the site and not direct them from the site.

    Any news on something like this coming out?

  19. The plugin doesn’t work for putting stuff in the footer of each page. As Terry pointed out, to add lightbox support, all you would need to do is add the rel=”lightbox” attribute to your anchor tag links.

  20. Where should you add the attribute for lightbox support… in the post or in your code? I’m not using an anchor tag, and even when I do try using one in my post nothing changes. Help… I must be missing something!

  21. Steve says:

    I’m having no trouble with the plugin, except the same issue that Lellabell experienced. All of my thumbnails go down the left column of a post in a single file. Is there an easy fix to this?

    It occurs using Firefox 3 and Internet Explorer. Safari shows 2 columns of thumbnails.

    The links work fine and everything else, just this formatting question.

    Thank you very much.

    Steve

  22. I’m in the closing stages of a new WordPress SmugMug plugin. WP-SmugMug 2 fixes all known issues and has many new features. If you want to try a pre-release version of the plugin, email me. I hope to get it out within the next week.

  23. Hey Adam, thanks for this update. In earlier versions I had to make some changes to make it play nice with lightbox and cooliris, but now it works out of the box (after removing the old custom field). Very cool.

  24. I am having difficulty with this plugin. I put in the rss feed for the gallery, but the thumbnails don’t appear. The link to smugmug appears. Could this be something to do with gallery settings. My external link is set to yes.

    Please help

    Janet

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s