• Home
  • Directory
  • Geeky Fun
  • Answers
  • MakeUseOf Guides
cool websites
RSS Twitter Facebook
Subscribe to MakeUseOf. Now, 168728 members!
Aweber

Build A Cool Photo Gallery Website from Wordpress

By Jeffry Thurana on Oct. 11th, 2009

00 Little Photo Gallery.jpgIt’s the day after D-Day. The bride and groom have left for their honeymoon, everybody has gone back to their respective hometowns, the noise and cheers have turned into silence, the trash have been thrown out, and the living room has been redecorated back to what it was before.

You – the house photographer – sits alone in front of your computer. All the images that you shot at the event have been edited and saved inside the hard disk. All you have to do now is share copies with your relatives. You still remember the horrible smiles that the uncles and aunts gave you while saying “send us copies…or else!” Your body trembles at the thought of failing to fulfil their request.

The Cool DIY Way Of Sharing Images

Considering the huge number of family members and the many parts of the world in which they live in, printing the photos and sending the copies to them is not the perfect answer. You don’t have the time, the energy or the funds. Burning the images onto CDs will still cost you your spare time, the blank disks and the postage.

You think about uploading the images to the web and then start looking for an online photo sharing service. But then it struck you. You remember that you have an idle Wordpress blog. Instead of leaving it untouched, why not build a photo gallery web site?

build a photo gallery web site

The whole process will not cost you a thing. It will still require your time, but spending the time to build a photo gallery web site is much better than licking envelopes and stamps.

Finding & Installing The Themes (& The Plugins)

Assuming that you already have your self-hosted Wordpress blog ready, you just need to add a few more ingredients: a photo-gallery theme and plugins.

In the past, you needed both the correct theme and plugins to build a photo gallery site. It’s a little bit different today. While you could still enhance the photo gallery functionality of your Wordpress blog by adding plugins, I found out that it’s not necessary anymore. With the advanced development of Wordpress themes today, you could build a cool photo gallery site just by using the right theme.

So our first objective is to find the theme. Stop by the Wordpress site and click on the “Extend” tab to find the Plugins and Themes directory.

build a photo gallery web site

Go to the Themes directory to find one that’s fit to be used in a photo gallery site. Use the search feature to help you. I found several nice candidates such as Monotone, Shoot It, Page Photo, Hope, Lunated, and AutoFocus.

how to build a photo gallery web site

But don’t limit yourself to my examples. Go out there into the wild wild web and search for more photo gallery Wordpress themes. You could install and experiment with all of them.

You can do the same with plugins. Different from themes, which can only be activated one at a time, many plugins can be turned on simultaneously. Nevertheless, I suggest that you don’t activate too many plugins at once with the same function to avoid conflicts.

Next, log in to your Wordpress dashboard (http://your.blog.address/wp-admin/) and click “Appearance” from the sidebar to manage your themes.

wordpress photo gallery

If you use the latest version of Wordpress (v 2.7 and above), you could do the “searching and installing themes” process directly from within your Wordpress admin area. Just choose the “Add New Themes” sub-menu under the “Appearance” tab (if you still use an older version of Wordpress, now is the perfect time for you to upgrade.)

04_Add_New_Themes.jpg

You could search and limit the results to specific features – color, column, width, features, subject – using the Feature Filter. Tick the ones according to your preferences. Don’t forget to include the “photoblogging” option under the “Subject” filter.

04b_Searching_Photo_Gallery_theme.jpg

There are several things you can do with the search results: Install, Preview and find out more Details about each theme.
04c_Search_result_options

If you like the theme, click “Install” and then “Install Now”

04d_Install_Theme.jpg

Then activate it.
04e_Activate_the_theme

If your theme supports widgets, you are advised to visit the Widget Setting page to activate them.

04f_Widget.jpg

Just drag and drop the ones that you like to the sidebar.

05_Activating_Widgets.jpg

Building The Blog

Now that everything is set, you could start writing your post, upload the pictures, and watch your private photo gallery takes its shape.

All that is left for you to do is email the address of your blog to those ‘meany’ aunts and uncles and let them know that they can download any pictures they like by right clicking on them. Add a little note at the end of the email that they could also add comments to the posts to share their thoughts and opinions – an extra bonus that won’t come with the hard copies.

If you’d like to see the results of this little experiment, you could visit Build A Blog. I finally decided to use only the AutoFocus theme without any additional plugins.

Have you built an online photo gallery using Wordpress? Do you know any tips, plugins, or alternative themes to make the photo gallery even more cool? Please share using the comments below.

stumble it!

(By) Jeffry Thurana - an Indonesian writer who wants to make the world a better place one post at a time with his blog, SuperSubConscious.

Enjoyed the article? Subscribe to MakeUseOf to get daily updates on new cool websites and programs in your email for free. You'll also get free printable cheat sheets to your favorite programs

Your Email:




More about: photo albums . photo sharing . website builder . wordpress . wordpress plugins

17 Comments

2009-10-11 10:20:16
Dan

I know that these alternatives do cost, but I recommend Zenfolio or Smugmug for this purpose. They have many advantages over a photo blog. The greatest advantage is giving relatives and friends the opportunity to obtain prints of the photos on the site without any work on you part. They just indicate which photos they want. The photos are sent to an offsite printer like Mpix, and voila, they receive the prints.

Reply to this comment
2009-10-11 11:02:09
Dian

Awesome!! Salam kenal gan! :D

Reply to this comment
2009-10-12 17:26:24
Jeffry Thurana

Yes, Salam kenal juga!:)

Reply to this comment
2009-10-11 12:50:30
Ankit

Damn good post man!! Its really nice tute. I am trying this on my test blog..thanks again

Reply to this comment
2009-10-11 18:33:17
Dacker

I’ve had the devil-of-a-time trying to get my stitched panoramic photos on my free WordPress pages to reproduce color/brightness/contrast correctly. I have also been unable to display them bigger than 3-4 inches wide. It really sucks that I’ve got some gorgeous shots of places like Crater Lake and I cannot share them there.

Reply to this comment
2009-10-12 07:07:42
redesignyourbiz

this looks interesting….. i need to give it a try

Reply to this comment
2009-10-12 07:33:34
Aibek

Jeffry, the test blog turned out great

Reply to this comment
2009-10-13 01:29:23
Christine

Hi there,
Thanks for the article – it’s really clear and helpful. I’ve just created a photo blog (www.eyelives) with Autofocus theme. I had to do a bit of tweaking to the code to eliminate some functions (eg. ExiF data) but it has worked out nicely. A good resource are the forums on Wordpress.org – there are answers there to almost all questions. And, the developer of Autofocus, Allan Cole, also helps iron out any bugs in his comments section. Best, Christine

Reply to this comment
2009-10-22 08:38:11
delaorden9

great Christine, I like it !

Reply to this comment
2009-10-13 11:43:47
Youngistaan

Ohh good but i was thinking here is some thing css and php. Which can allow me to add a photo gallery.

Reply to this comment
2009-10-13 12:40:13
Susan

A very nice walk through for newbies of WordPress :)

Reply to this comment
2009-10-13 13:28:52
Christian Aubry

Thanks for sharing. How, however, do you deal with the image size? Your family won’t get great printing results if they right-clik and download low-resolution images that fit in the blog layout. They would have to access the high, original resolution to get better results but how will they do that with Wordpress? With a link to the original size file, maybe? Aaaaaaaah I see ;)

And, by the way, in the “Build a blog” link you suggest as a demo of this setup you are hosting your photos on Picasa, not on your Wordpress blog. It looks like your idea is not so great though and that I should stick to my Flickr account that offers many more impressive features.

If what you need is just a photo album, why not using Flickr or Picasa, uh ?

The only problem is that you will upload a “one size fits all” image

Reply to this comment
2009-10-14 08:34:41
Linux And Friends

A very good introduction to building a photo gallery in wordpress. However, I wonder how easy it would be to integrate a full fledged photo software with wordpress instead of using a plugin. For example, there is the “Gallery” open source project which allows you to build a photo gallery and comes with lots of features.

Reply to this comment
2009-10-23 09:47:56
Andy Fitzpatrick

This is brilliant just what I was looking for to showcase my angling photos. Hadn’t thought of using something like wordpress was going to design from scratch. This will save me loads of time.
Thanks

Reply to this comment
2009-10-23 20:09:12
PhillDoc

Cool article you got here. It would be great to read something more about that matter.

Reply to this comment
2009-10-28 11:45:11
Daniel H
Subscribed to comments via email

I have been working with PhotoQ which allows batch uploading and automatic resizing of images.

There are several themes that it supports out of the box, but it is customizable to any theme.

Reply to this comment
2010-02-03 09:53:03
Pasyuk

Hey! There is cool flash gallery plugin for wordpress to make your theme realy nice. Named GRAND Flash Album Gallery – multi category flash skin based photo gallery with powerful admin. Thanks!

Reply to this comment
Reply
Note: Comments with abusive content, sarcastic grammar nitpicking, self-promotion will not be published. All comments are moderated.
Click here to cancel "reply".

TopicsMUO Guides
  • Browsing
  • Cool Software
  • Web Apps
  • Lists of Tools
  • How-To Tips
  • Windows
  • Mac
  • Linux
  • Gaming
  • Mobile Apps
  • Polls
  • Geeky Fun
  • BitTorrentThe Easy Guide
  • iPhoneUnofficial Manual
  • ItunesThe Big Book
  • LinuxGetting Started
  • MacBeginner's Guide
  • MoviesFor Movie Addicts
  • PC BuildingThe Idiot's Guide
  • ProductivityProductivity Guide
  • PhotoshopThe Idiot's Guide
  • TwitterBest Tips & Tricks
  • More Guides
Follow us on Twitter
Be Our Friend on Facebook
MakeUseOf Staff
Editors:
  • Editor in ChiefAibek Esengulov
  • MakeUseOf Directory's EditorKaly
  • Managing EditorMark O'Neill
  • Assistant EditorJackson Chung
  • MUO WP GuyJorge Sierra
  • PDF ManualsSimon Slangen
  • Promotion & SEORyan Dube
  • Sys AdminKarl Gechlik
  • MakeUseOf NewsletterSaikat Basu
  • MakeUseOf Answers EditorTina Sieber
Staff Authors:
  • ( Ask The Admin )Karl Gechlik
  • Tina Sieber
  • ( Tech Crazy )Varun Kashyap
  • ( The Things I Do )Saikat Basu
  • ( simonslangen.com )Simon Slangen
  • ( Free Writing Center )Ryan Dube
  • ( Super Subconscious)Jeffry Thurana
  • ( Tapping Thought )Dean Sherwin
  • ( Mac Photography Tips )Bakari Chavanu
  • ( timmyjohnboy.com )Tim Lenahan
  • ( Boulder Community Computers )Justin Pot
  • Other Active Authors ...

 

© 2010 MakeUseOf . Designed by kailoon AboutContactSubmit AppWrite For UsArchivesMobile VersionDisclaimer visitor stats