How to create a photo website

How to create a photo website

On a regular basis I get the question how I have built my photo website, which tools and templates I use, if it is all free of charge, etc. This blog post is meant to explain how I have created this website.

First and for all it is important to determine what the goals and requirements are for building a website. As a photographer my goals and requirements are to:

  • Display my photos
  • Easily add/remove photos
  • Build an online photo archive (backup)
  • Enable an E-commerce solution
  • Use an online service fulfillment process
  • Maintain a blog function
  • Manage website from various locations
  • Track and analyze website statistics

There are three parts that form the basis of my website in a flexible and integrated way:

  1. WordPress.org – online based website/blog software
  2. Graph Paper Press – themes and templates for WordPress.org
  3. PhotoShelter – online based photography website solution.

WordPress.org

WordPress.org is the big brother of WordPress.com. It is run on your own or hosted server and gives you the ability to fully manage and customize the look of your website. It is a complete online solution which installs easily. However, you do need to have a (hosted) server that runs MySQL(5) and PHP(5).

Although WordPress.org contains many features and tools in the standard software, there are thousands of plugins available to enhance your website even more and make your life a lot easier. For instance I am using a plugin-spam-blogger, Akismet, to manage spam coming through the comments field. I also use a plugin to add contact forms to my website, Fast Secure Contact Form. Another plugin called All-In-One-SEO-Pack adds applicable names, descriptions and tags to my pages to enhance the chance of being found on search engines.

WordPress.org has many available themes (design of your website) to choose between. Via custom CSS style-sheets you have the ability to further change the look and feel of your website.

WordPress.org is free to download, install and use.

Graph Paper Press

Graph Paper Press offers themes to be used on your WordPress.org website. There are themes available for various types of websites, reaching out to mainly artists, web-designers, photographers and illustrators.

The theme I use is “On Assignment”, which is a child theme of “Modularity”, one of the main themes at Graph Paper Press. Via the Appearance – Theme option panel in your WordPress.org software you easily install and manage your chosen theme. You have many options within each theme to tweak the build-up, and look and feel of your website. Via custom CSS style-sheets you have the ability to even further change the design of your theme.

Graph Paper Press offers free themes (sign-up required), but for the more advanced themes you need to subscribe to one of their plans ($99 per year).

Photoshelter

Last but definitely not least I use the PhotoShelter services. PhotoShelter offers a professional photography website solution with powerful sales and marketing tools.

Photos are managed in archives and galleries (for online viewing) and can be added or removed with the click of a button. The sales function includes an integrated shopping cart for ordering of prints, products or downloads (licensing). Their service fulfillment process covers all from quotation to ordering to delivery to payment (via Paypal), all with me not getting more involved than only in the initial setup, if needed. Thus, I can be away on assignments while the shop is open and my clients are served. For more detailed information on the large amount of features PhotoShelter has to offer I suggest you visit their website here and take the product tour.

However PhotoShelter can be run as a stand alone solution, the full beauty for me comes in with the complete integration possibilities between Photoshelter and WordPress.org with Graph Paper Press themes. This means that the look and feel of my main website goes all the way to the PhotoShelter part of my website. From my main website you access the PhotoShelter part with a simple click on for instance Portfolio or Galleries. The integration is achieved automatically via the theme GPP/PhotoShelter configurator or manually via the manual customization option. The latter gives you the ability to even further customize the design of your website on PhotoShelter, for instance using your favicon from your main website.

PhotoShelter offers a basic plan for $109 per year, however if you want to customize (or integrate) your website you will need either their standard or pro plan, starting at $329 per year. If you sign up with PhotoShelter using any of the PhotoShelter links on my website you will receive a one-time discount up to $30.

With the use of Google Analytics, as well as the offered statistics on PhotoShelter, I am able to track and analyze my website traffic.

On a final note I would like to mention that my logo, favicon and image-watermark are based upon the “Stylewars 2011” font created by artist Lars Håhus. Keep an eye on his blog here as he might come up with some more creative stuff soon.

I hope that this blog post has given you a quick and easy overview on how I have built my website. If you have further questions you are welcome to contact me.

January 2011 wallpaper

January 2011 wallpaper

The photo for the wallpaper of the first month of 2011 was recently taken north of Stockholm during a wonderful crispy cold afternoon with beautiful sunset colors in the sky.

At this point I would like to give a special thanks to the people at Photoshelter, WordPress.org and Graph Paper Press who made it possible to create an integrated website with photo galleries and a webblog in a great design!

To all of my readers and followers: I hope you continue to read my blog and view my galleries in 2011. I wish you all a wonderful, healthy and successful New Year!

Click on the image above to get the small version (1280x853px).

Click here if you want to get the large version (1920x1200px).

If you would like the wallpaper in another size just drop me a note.