Albumize

November 8th, 2008

I’ve been using NextGen Gallery for all of our images we post on our website. It’s great. It is incredibly robust, has a ton of options and features and was too difficult for my wife to remember what she needed to do to put a couple pictures of the kids up. WordPress introduced a gallery function when they rolled out 2.5 and it was easy to use, but hard to organize. Albumize grew out of a desire to simplify, yet still organize our family photos, and I believe it does just that.

Installation

  1. Upload the `albumize` folder to the `/wp-content/plugins/` directory
  2. Activate the plugin through the ‘Plugins’ menu in WordPress
  3. Create a page that will function as your album and place the [albumize] shortcode in it. Create child pages of your album page and place your galleries in them.
  4. (Optional) Create a brief description of your gallery by using an “alb_blurb” custom field key and the description in the value.
  5. (Optional) Select the gallery cover for the album by using an “alb_cover” custom field key and the number of the picture in the gallery (e.g. 5, 13, etc) for the value. The first picture in the gallery will be used by default.

Using Albumize

I’ve tried to keep Albumize pretty straightforward and easy to use. All you need to do to get it going is to pick a page that will function as your album and insert the [albumize] shortcode into the content of the page.

screenshot-1

After creating that page, you just need to create child pages to place your galleries in. You can add the custom fields on the page to designate what you want displayed in the gallery and which image you’d like as the cover thumbnail when the album displays. Just add “alb_blurb” as the key and a brief description as its value. Then add “alb_cover” as the key and the number (in order) of the image you’d like to use as cover thumbnail. If you’d rather not mess with that, Albumize will just display the title of your child page and the first image in the gallery.

screenshot-2

The result of all this handiwork is displayed below.

screenshot-3

Styling

Version 1.2 added increasing styling options by wrapping each element in a <div>.  There are two display options included with the plugin and limitless possibilities exist for any type of custom styling you would like to do.  Horizontal styling is the default using only the [albumize] shortcode.  However, to use the included vertical styling (thanks Roman!) simply use [albumize style='vert'].

To add your own custom styling, use [albumize style='yourstylename'] (where ‘yourstylename’ is any name you’d like to classify it as) and add the styling to your theme’s stylesheet.  The Albumize elements are classified as the following:

  • albumize_gallery_yourstylename (main gallery div)
  • albumize_thumb_yourstylename (thumbnail div)
  • albumize_title_yourstylename (title div)
  • albumize_desc_yourstylename (description div)
  • albumize_count_yourstylename (count span)

Whatever you use for the style attribute will be used as the last part of the element classification when the album is displayed.  Just add your own styling for these elements and you are all set to go.  Add as many different styles as you want and call any of them using the style attribute.

The latest version of Albumize can be downloaded here. Thoughts, comments, questions, feature requests? Let me know.

62 Responses to “Albumize”

  1. Cle`on 10 Nov 2008 at 4:05 pm

    I’ve tried it out but it doesn’t display any picture.. where did it catches the images?

  2. Kenon 10 Nov 2008 at 4:27 pm

    Cle`,

    Albumize grabs the picture from the gallery that is associated with the child page. Are you getting the title of your child page/gallery displayed? Let me know a little more info or give me a link to check it out and I’ll see what else I can do.

  3. Cle`on 11 Nov 2008 at 5:36 pm

    Ken,
    thanks for the advice, actually I found the problem: WP cache was not displaying right child pages and I was a bit confused.

    Anyway, it is a nice plugin and asap I’m ready with my pics I will show it off, thanks =)

  4. Kenon 12 Nov 2008 at 8:50 am

    Good to know Cle`, glad you like it. Let me know if you have any other thoughts once you get everything going.

  5. Willyon 12 Nov 2008 at 11:48 pm

    Aloha,

    I am having some trouble. My albums do not show up. I think my problem is I am not sure if I am setting my child pages up right. How do you create the Child pages to link to the Parent

  6. Willyon 13 Nov 2008 at 1:41 am

    Got it figured out. I was using post as the parent. When I used page it worked just fine. Great plugin

  7. Kenon 13 Nov 2008 at 10:12 am

    Glad you have it working Willy. Perhaps I’ll write something more detailed on using parent/child pages. I’m interested in your feedback after you use it a while.

  8. Willyon 14 Nov 2008 at 5:04 am

    I really like albumize but I am not sure how I am going to use in on my blog. I have students post ot the blog but I don’t want to give them anything higher than Author so they cannot post to pages.

    But all in all I do like what I have played with so far. Thanks for creating such a great plugin. I will send a donation in a couple of days.

  9. Mauriceon 14 Nov 2008 at 12:05 pm

    Where can I see Albumize in action?
    How deep kan Albumize be nested (gallery in album, albums in album?)

  10. Kenon 14 Nov 2008 at 1:06 pm

    Maurice,

    You can see it in action here by clicking on photos on the top of the page and then clicking on any one of the links for it. I haven’t had time to go through and add descriptions for each album yet, as I’m still making the transition from NextGen gallery, but if you look at the 2006 photos, you can see some descriptions there.

    Currently, you can’t next albums in other albums or have more than one level of child pages/galleries under the parent/album page. Using Albumize will pull ALL child pages under the parent page regardless of how deep they are buried. If that doesn’t bother you, go for it. Please let me know if you have any other questions. There are more instructions on how to use it at the WordPress.org extend page for it (linked at the bottom of the page).

  11. Adrianon 15 Nov 2008 at 8:32 pm

    Great plugin,thanks

  12. Romanon 16 Nov 2008 at 1:15 pm

    Awesome plugin. This is exactly what I was looking for. I did a little bit of editing, in the way of putting everything in separate DIVs to further customize the look, which can be found here: http://www.penguinandpanda.com/photos/

    Again, awesome. Possibly you might want to put things in their own DIVs on the official release? When I updated the plugin all my old formatting was lost.. not a big deal, easily fixable, but it would be nice if that didn’t happen? And it would be easier for people to really customize the plugin’s output.

  13. Geoffon 22 Nov 2008 at 10:36 pm

    Hi, really excited about this plugin, but the image is not shown…it gets the title fine, then says 0 pictures in Alum, but if you click on it the photos show up…tried the Alb_Cover trick and it did not work…any advice?
    thanks for the help and thanks for the plugin.
    best,
    geoff

  14. Kenon 22 Nov 2008 at 10:48 pm

    Geoff,

    It looks to me like you are using NextGen Gallery instead of WordPress’ built in gallery function. Albumize won’t work with NGG, but there is an Album function in NGG that should do what you want. You just need to create an album in the back end and link it to the page. The NGG website will be much more helpful for finding out how to do that. If that doesn’t help, give me a little more details on what exactly you are using and trying to do.

    Ken

  15. ovidiuon 24 Nov 2008 at 3:50 pm

    this plugin looks awesome, but what is the order in which the albums show up? can I influence that? i.e. if I use it to show all albums from 2008 I’d love to show those in the order I specify…

  16. Kenon 24 Nov 2008 at 4:09 pm

    Ovidiu,
    The galleries display in the order of the date they were created, earliest to most recent. I’ve contemplated allowing the order to be changed by using the page order function, but haven’t yet. If you wanted to specify the order, for now, you’d need to edit the post timestamps and order them by the timestamp. Hope that helps.

  17. Brandon Pryon 26 Nov 2008 at 4:15 am

    Great plugin.

    Small question. Any idea why my main album is displaying outside the content area. My actual photos in the gallery arenot.

    http://cardshout.com/photo-galleries/wallpapers/

  18. Kenon 26 Nov 2008 at 8:04 am

    Brandon,

    The album is being output in the content area, however some conflict with your theme’s css styling and the plugin’s is causing the display problem. What does it look like if you use the default display? My guess is it has something to do with the “height” element in the vertical styling, but css is not my strong suit. Let me know what happens when you use the default display and we can go from there.

  19. Brandonon 27 Nov 2008 at 12:41 am

    Yeah I tried the default and had the same issue. I will mess with the CSS and see if I can figure it out.

  20. Kenon 28 Nov 2008 at 11:24 pm

    Let me know Brandon. My guess is your theme’s CSS doesn’t like the float attribute in the plugin’s CSS. It may be worth removing that attribute in the plugin’s CSS and seeing what happens. Let me know how it goes.

  21. Dexon 30 Nov 2008 at 2:55 am

    I tried the albumize and it is a great plugin. I managed to have the description appear but nit the photo. I use “alb_cover” and the image ID but it did not appear. Please help me sort this out. Thank you.
    Dexter

  22. Kenon 30 Nov 2008 at 9:50 am

    Dex,

    Do you get an image to appear when you don’t use “alb_cover” at all? This should just bring up the first photo in the gallery by default. If that works, I’d guess the ID you are using is not valid. If it doesn’t work, it’d be helpful to see the pages you are using so if you could send a link, that’d be helpful. Thanks.

  23. Raphaelon 12 Jan 2009 at 3:52 pm

    Hi

    First, thank you for Albumize !! It is great !!

    There is one thing I would like to know.

    Is it possible to limit the depth of child pages ?

    I would like [albumize] to only show the direct child pages, not the child pages of the child pages. Is it possible ?

    Thank you for your answer.

    Happy new year !

    Raphael

  24. Raphaelon 13 Jan 2009 at 7:24 am

    Sorry for my last question.

    I have just read the readme.txt file.

    Too bad it is not possible to limit the level of subpages.

    Do you know why “depth” works for wp_list_pages and not for get_pages ?

    Thank you

    Raphael

  25. Kenon 15 Jan 2009 at 3:23 pm

    I’m not sure why Raphael. I agree it would be nice to limit it, and it wouldn’t seem that difficult to add that possibility to the function, as it seems those two work in very similar ways. If anything changes I will definitely add that to the plugin! Glad you like it.

  26. kookimebuxon 01 Feb 2009 at 12:48 pm

    Hello. And Bye. :)

  27. Thiet ke websiteon 08 Feb 2009 at 7:05 am

    Thanks a lot for sharing this plugin.i love it’s functionality.

    have a good day

  28. Amberon 16 Feb 2009 at 11:18 pm

    I’ve installed albumize and created the parent pages and child pages but the child pages are appearing along the top of my blog as a link like the parent pages are. How can I remove the child pages from there?
    Thanks in advance.

  29. Amberon 17 Feb 2009 at 12:48 am

    Nevermind, my husband looked it over and was able to fix this. Thanks :)

  30. Robon 19 Feb 2009 at 6:51 pm

    Hi. This is a great plugin and looks like it could save some time. I’m using a modified version of NextGEN gallery for most of my images – which opens a new page for each image.

    I’m trying to use Albumize with my wallpapers photos. Have set up the parent/child pages and they’re working. However, on the parent page (radiantglory.com/wallpapers) the links to the child pages are hard to see, don’t have a thumbnail and say there are 0 images. I’m using the vert style, using the default style shows text links.

    Is there something I’ve missed?

    Thanks for any help you can give.

    Rob

  31. Dianeon 20 Feb 2009 at 4:17 am

    Thanks for making this easy to set-up. How can I get my photos to appear like the ones in your Wedding album: click on a photo and it opens with an arrow on the side to scroll to the next one?
    My photos are opening in their own windows without the arrows. I’ve tried it with different themes including the default.

  32. Kenon 24 Feb 2009 at 4:42 pm

    Diane, that effect is called Lightbox. I use the Lightbox 2 plugin (http://wordpress.org/extend/plugins/lightbox-2/) on my site. Hope that helps.

  33. Kenon 24 Feb 2009 at 4:45 pm

    Rob,

    I’m not entirely sure what the issue is. It kind of looks like you have the child pages set up, but the images displayed on the child pages aren’t linked to the child pages. In order for it to work, you will need to upload the pictures to the child page and use the [gallery] shortcode to display them. If you are displaying the pictures any other way, it could cause the issues you are having. Keep me posted.

  34. Raphaelon 27 Feb 2009 at 5:54 pm

    Hi Ken,

    I sent a message on this blog few weeks ago, but it seems you didn’t receive it. May be because I put a link to my website inside the message I sent. I guess you added a filter to avoid publication of messages including links.

    I was telling I found a wordpress plugin that enables to publish a list of child pages and that also enables to choose the depth of child pages (from 0 to 5). The name of that plugin is SB Child List.

    Unfortunately I’m a beginner in php and I’m not able to understand a php script.

    I thought you could use that plugin in order to add the possibility of limiting depth of child pages in Albumize.

    SB Child List contains only one php script but there are 300 lines of code.

    My website is now online. I’m using Albumize on some of the pages.

    Thank you

    Raphael

  35. Kenon 28 Feb 2009 at 5:32 pm

    Raphael,
    Yeah, Akismet must have filtered it as spam, sorry about that. Thanks for letting me know – I’ll look into it and see if I can add that functionality.

  36. Raphaelon 19 Mar 2009 at 8:35 am

    Hi Ken

    Thanks for your answer.

    It would be great if it was possible to limit the number of child pages !

    I wanted to ask you another thing.

    I recently wanted to know how to split pages into subpages. I use Albumize with some pages that might have 10 to 20 child pages. In that case, the height of the parent page would be very long.

    I have heard about a wordpress function:

    Would it be difficult to insert in the php script of Albumize so that every 5 or 10 children pages, the page would be split.

    For example:

    Vegetables (parent page)

    Page 1 (Child pages)
    1. Tomatoes (picture of tomatoes)
    2. Onions (picture of onions)
    3. Garlic (etc…)
    4. Lettuce
    5. Eggplant

    Page 2 (Child pages)

    6. Cucumber
    7. Carrot
    Etc…

  37. Putounkendeveon 20 Mar 2009 at 9:21 am

    very intresting

  38. Raphaelon 20 Mar 2009 at 10:01 am

    Hi

    I’m sorry, the name of the wordpress function could not appear in the message. May be it is Akismet again that controled it.

    I will write but with a space between each character:

    This function enables to cut pages, so that at the bottom of the page there are page numbers 1-2-3…

    Hope it is clearer now.

    Thank you

    Raphael

  39. Raphaelon 20 Mar 2009 at 10:04 am

    I can see that again it did not work.

    On google, if you search “wordpress nextpage”, the first result is the one that explains about the function.

    Sorry for all these messages.

  40. Kenon 21 Mar 2009 at 8:31 pm

    Raphael,

    I should be able to add the nextpage function fairly easily – but I’m swamped now. If I get some breathing room soon I’ll see about adding that and limiting child pages. Thanks for the ideas!

  41. ovidiuon 22 Mar 2009 at 6:59 am

    any chance to get this plugin working with this multilanguage plugin? http://www.qianqin.de/qtranslate/ I’d love to be able to use `[:en]eng. description[:br]portuguese description` inside the alb_blurb and get it to display the right description

  42. Raphaelon 22 Mar 2009 at 7:16 pm

    Hi Ken

    Thanks for your future help.

    I found a way to limit child pages ! I’m very happy to have found it !

    I checked the codex to have more information on the function getpages.

    I found there the parameter “parent”.

    Your code become like this:

    $pages = get_pages(‘child_of=’.$id.’&parent=’.$id.’&sort_column=menu_order&sort_order=asc’);

    Hope it will be published on the blog !

    See you

    Raphael

  43. Jasonon 09 Apr 2009 at 11:10 am

    I am still new to wordpress and learning. Where can I find WordPress’ built in gallery function? I searched Google but kept getting plugin info. I am currently using NextGen and would rather disable it and use the built in gallery with albumize and lightbox.

  44. Jasonon 09 Apr 2009 at 11:27 am

    Nevermind. Of course I find a tutorial video right after I post the comment above. haha

  45. ovidiuon 26 Jun 2009 at 2:06 pm

    it seems the albums get sorted by the menu_order, is there a possiblity to change the sort criteria to i.e. lasts update dateß or reverse the sort order from ascending to descending?

  46. edmonkeyon 22 Oct 2009 at 5:04 am

    works well on WP 2.8.5
    thanks!

  47. Aleon 20 Jan 2010 at 12:42 pm

    How do I remove the frame around the albums?

  48. Dickon 31 Jan 2010 at 2:32 pm

    I’ve installed your plugin. I’m not sure I’m using it correctly, however. How do you identify the gallery to be displayed? You show [gallery] on the image, but how does that identify which gallery? I put [nggalleryid=15] in the page and that gallery shows, but not the alb_blurb or alb_cover that I have selected.

    I’m missing something?

    Dick

  49. Dickon 31 Jan 2010 at 3:02 pm

    Follow up to my previous post…

    I’ve found out that the plugin has nothing to do with NextGen Gallery! :)

    I was able to insert a selection of photos into a gallery. However neither of the custom commands seems to work.

    Dick

  50. Chad McCulloughon 20 Mar 2010 at 4:47 pm

    Thanks for creating this plug-in. I’m still a little confused as to how you post galleries. I’ve created the main photo album page and placed [albumize] on that page. I’m a little confused from this point on. I understand that you must create child pages for each gallery but I don’t know how to upload photos, or the actual galleries, to each child page.

    Thanks, again, for creating the gallery. Once I figure it out, I’m sure it will be wonderful! haha! :)

    -Chad McCullough

  51. Richardon 01 Jul 2010 at 2:52 pm

    Hello, I like the look of your album and really want to use it for a website I am creating. I’ve followed the instructions and the gallery page simply displays “[albumize]” instead of my album. http://174.120.168.94/~health/gallery/

    Any ideas? Thank you in advance!

  52. Dustinon 25 Jul 2010 at 2:30 am

    Ken on 24 Nov 2008 at 4:09 pm

    Ovidiu,
    The galleries display in the order of the date they were created, earliest to most recent. I’ve contemplated allowing the order to be changed by using the page order function, but haven’t yet. If you wanted to specify the order, for now, you’d need to edit the post timestamps and order them by the timestamp. Hope that helps.

    Ken, I use a vertical style for my albums and if you could make it so the newest album appears at the top left (as the albums are aligned left), that would be fantastic. Currently, if an album is added, it stacks to the right first and then flows to the second row if there is no room on the first. With many albums, it would be a pain for the viewers to scroll all the way down the page to see the newest albums. Newer albums should stack to the top left. BTW, I love this simple plugin. It is a life saver after dealing with all the 3rd party gallery plugins!

  53. Peron 25 Jul 2010 at 7:05 am

    Is it possible to remove the line saying how many pictures there are in en album?

  54. Peron 25 Jul 2010 at 7:20 am

    Is it possible to remove the line saying how many pictures there are in en album?

    Forget it, I found out.

  55. Peron 25 Jul 2010 at 7:22 am

    Is it possible to remove the line saying how many pictures there are in en album?

    Edit: Forget it, I found out.

  56. Susanon 10 Dec 2010 at 2:52 pm

    Glad to see it functions by use of a shortcode within the post!

  57. Saurav Kumaron 23 Dec 2010 at 11:40 pm

    Best one in its class. Good documentation and simple to use. Thank you Devs.

  58. computer support denveron 09 Jun 2011 at 2:03 pm

    That was clever. I’ll be stopping back.

  59. Vitor Damianion 04 Jul 2011 at 2:19 pm

    Hello,
    Congratulations for such an incredible and yet simplistic plugin! It’s helping me a lot with my album design!
    Just one thing: is there a way of specifying the size of the image that the plugin will show? (inside my albuns I use always thumbnail size, but in the albuns page I would like to use medium size)

    Thanks a lot!

    cheers,
    Vitor Damiani

  60. sites for meeting girlson 21 Jan 2014 at 6:28 am

    Whoah this blog is magnificent i love studying your posts. Stay up the great paintings! You realize, a lot of persons are looking round for this info, you could help them greatly.

  61. Matt Bon 11 Apr 2014 at 6:23 am

    Hi Ken,
    I’ve been using Albumize for a while now (courtesy of the original chappy who set up my site).
    It’s a great plugin!!!!!
    Really helps the look and feel of the parent page.
    Question – I’ve upgraded everything, ie latest vers of WordPress and plugins etc.
    I’ve added some new pages, and done the whole thing, and Albumize is kinda doing its job; but it’s showing the picture of the last child page from a few years ago. I’ve added two new pages, but the thumbnail Albumize is showing is that old one, which is the correct one for it’s own page, but not for the new page.
    have you come across this? Where does Albumize get it’s picture from, and why would it try to get it from the old place, and not the page itself?
    Cheers and thanks for any help!

  62. Matt Bon 11 Apr 2014 at 7:53 am

    Ok, Problem Solved (as usual!).
    I’m just going to put this up here for reference for anyone who had the same issue as me.
    I’d updated the website, and had the problem that a few people have of images not showing up, so I changed a few things. One being unchecking the “put my images into folders based on date and month”, in Settings>Media.
    Obviously, Albumize was quite happy with the way this had been set up on installation, but did not know when I changed this.
    Deleting my new images (since the problem, not a biggie), re-checking the folders thing, and re-uploading the images solved my problems.
    Everything is working just fine.
    Thanks again for a great plugin.
    Cheers!

  63. 18 Trackbacks/Pingbacks

    1. [...] Albumize [...]

    2. [...] Albumize [...]

    3. 10 New WordPress Plugins | Blog Oh Blogon 19 Nov 2008 at 7:20 am

      [...] Albumize [...]

    4. [...] Albumize [...]

    5. [...] Albumize [...]

    6. [...] Albumize [...]

    7. [...] Albumize [...]

    8. [...] Albumize [...]

    9. [...] Albumize [...]

    10. [...] Albumize [...]

    11. [...] Albumize [...]

    12. [...] Albumize [...]

    13. [...] Albumize [...]

    14. [...] Albumize [...]

    15. wordpress?????? - ???? - ?? ?????on 17 Feb 2009 at 6:04 am

      [...] Albumize [...]

    16. WordPress ?????02?_????on 01 Mar 2009 at 4:03 am

      [...] Albumize [...]

    17. [...] Albumize [...]

    18. [...] Albumize [...]

Trackback URI | Comments RSS

Leave a Reply