Blog

Galleria for WordPress

This plugin is based upon the Galleria javascript gallery, and displays your Flickr photos in a slideshow-like gallery.

It also displays your groups and photosets in a clickable list, to display photosets in the gallery.

This is a plugin I wrote for my own use (see it in action here), but I have received several requests to make it available.## Download and installation

Download Galleria for WordPress here: galleria-for-wordpress.zip

To install, unzip within your wp-content/plugins folder, then activate the plugin under Plugin settings in WordPress.

Usage

After installing the plugin, use the following shortcodes in pages and posts:

galleria

Displays the Galleria javascript gallery with your photostream, or, if the user accesses the URL with an anchor tag containing a photoset ID, the contents of that photoset.

Parameters:

api_keyYour flickr API key (get one here)
accountYour flickr username

Sample:

[galleria api_key="YOUR-API-KEY" account="your-user-name"]

galleria_photosets

Displays a nested list of your groups and photosets, with links to click to open the photoset in the current page. Should be used on the same page as the galleria shortcode, above. This list is generated client-side using Javascript. Note that this means the list will not be picked up by search engine crawlers.

Parameters

api_keyYour flickr API key (get one here)
user_idYour flickr user ID

Sample:

[galleria_photosets api_key="YOUR-API-KEY" user_id="1234567@N00"]

Tagged , . Bookmark the permalink. Both comments and trackbacks are currently closed.

21 Comments

  1. Posted August 22, 2010 at 9:36 pm | Permalink

    awe, i’m seeing a

    “Galleria.Flickr is not a constructor” error in firebug at the line of the generated js:

    “var flickr = new Galleria.Flickr(‘my_api_key’);”

    have you seen this? Otherwise, the javascript is being generated by the shortcode, which is hawt, I cant wait to get this working on my blog! So close!

    • Posted August 30, 2010 at 7:17 pm | Permalink

      I haven’t seen that; do you have a sample URL?

      • Posted September 5, 2010 at 6:58 am | Permalink

        Got it working! Basically had to downgrade from WP3.0 to WP2.9.1. I’m now trying to get the shortcode to return a specific photoset now. If you know of a way, that would be awesome! If not, I will try my best to find a way, and I will send you the source. You should really throw this up on the wordpress plugins site as there is not a single galleria plugin out there that really works well with wordpress. Awesome job Michael!

        p.s. – here’s the site i’m working on, zannastrongphotography.com

  2. Posted August 22, 2010 at 9:36 pm | Permalink

    trying to get this to work

  3. Posted August 30, 2010 at 7:08 pm | Permalink

    i’m unclear as to what sort of shortcode would be used to embed a single set, or images with a specific tag. Thank you.

    • Posted August 30, 2010 at 7:15 pm | Permalink

      Yeah, it’s just not that feature-full =)

      • Rach
        Posted August 31, 2010 at 10:45 am | Permalink

        Ok, no short code then – :D But I’m not understanding where it’s described that I can use and anchor tag to show a certain set.

        “Displays the Galleria javascript gallery with your photostream, or, if the user accesses the URL with an anchor tag containing a photoset ID, the contents of that photoset.”

        How do I implement that? I’ve tried every configuration I can think of to use the galleria shortcode with an anchor tag, but to no avail. Advice?

        I reaaaaally want this to work, because it’s exactly what I’d been looking for. It’s lovely, and I thank you. Perhaps I’m just dim.

        • Posted August 31, 2010 at 1:33 pm | Permalink

          Ah yes, right: The trick is to add a #, then the ID of the photoset, to the URL of the page/post with the galleria shortcode. If you have a look at my photos page, you’ll see how it works (click on a photoset in the list at the bottom).

          • Posted June 4, 2012 at 7:14 pm | Permalink

            Hi there,

            I would love to display a photoset, but am having a terrible time trying to make this work! Could you post a screen shot or any additional instructions? Thank you so much!

            Stephanie

  4. William
    Posted September 13, 2010 at 11:48 pm | Permalink

    Finally! Someone created a plugin that works… flawlessly! Thank you!!!

    One important question, hopefully someone can help with.

    I’m trying to increase the height of the gallery. I figured I’d be able to do that from Galleria’s theme file, but it looks like the gallery height is defined by some variable or elsewhere. Any insight into how to accomplish this?

  5. Kyle
    Posted January 21, 2011 at 7:19 pm | Permalink

    Great job on the plugin — I’m trying to use it on a site I’m working on now. What do you think it would take to be able to embed a single set?

  6. Posted January 24, 2011 at 12:12 am | Permalink

    Is it possible to have anchors on individual photos in Galleria? I want to link to the photo page and have a selected photo up….

    http://championcaterers.co.uk/photos

    • Posted January 24, 2011 at 12:14 am | Permalink

      I know its not WordPress, but i just wanted to know if it can exist for Galleria.

  7. Posted March 30, 2011 at 12:23 am | Permalink

    Question, This works with the official themes like ‘Folio” ? or other themes from the creators?

    Thanks in advance for this :)

    • Posted March 30, 2011 at 10:47 am | Permalink

      I don’t know, I’m afraid – Try it and see =)

  8. Hannah
    Posted April 15, 2011 at 6:00 pm | Permalink

    Hi Michael,

    This looks so great but I can’t get it to work – I have followed the instructions, and the javascript is being generated but the problem seems to be there is nothing inside the galleria div tags. Is there something obvious I haven’t done?

    Thanks,

    Hannah

  9. Posted August 31, 2011 at 7:50 pm | Permalink

    Hi Michael, Great work and thanks for sharing! I implemented this too for a WP site (but not as a plugin) and I’m having problems with internet explorer. In my version I get a bunch of errors:

    Could not extract width/height from image: http://farm3.static.flickr.com/2092/2421907862_a22139be6c_s.jpg. Traced measures: width:75px, height: 0px.

    In your version when using IE9 it does load but the thumbnails are missing.

    SO my question is, were you aware of any issues with IE when you wrote this and did you do anything special to counteract it? Thanks!

    • Posted September 5, 2011 at 12:48 pm | Permalink

      Hey Nefilas – I’m afraid I have no idea how it works in IE; I’ve not actually tested it. It’s fairly low priority at the moment, so I’m afraid it will have to remain that way! Do let me know if you come up with a solution, though (aside from hitting all IE users over the head, which I’m open to, incidentally).

      • Posted September 5, 2011 at 9:10 pm | Permalink

        I’ll report it back to galleria and see what I can find. BTW did you read that story about IE users being less intelligent? Seemed entirely plausible to me but turns out it was a hoax! http://www.sitepoint.com/ie-users-low-iq/

        • Posted September 5, 2011 at 10:35 pm | Permalink

          Haha, that’s brilliant =) It’s probably true, hoax study or no

  10. Posted November 3, 2011 at 2:22 am | Permalink

    Hi there! I am very new to this whole thing and cannot seem to figure out what I’m doing wrong in WordPress with my shortcode, I can’t get Galleria to load at all. I typed this shortcode into my imagery page with my own api-key and user name [galleria api_key="YOUR-API-KEY" account="your-user-name"]

    This is for a class project. Any advice would be greatly appreciated! Thanks :)