By The Theme Foundry


Built for photographers.

Showcase your work.

We believe managing your photography website should be easy, and that’s why we built the Photography theme. Upload and organize your photo shoots into galleries straight from your WordPress dashboard. Your galleries are then automatically displayed in a beautiful slideshow, making it easy for potential clients to browse your work. Next, create a gallery page and organize your individual galleries in a neat grid of thumbnails using the built in drag and drop interface. Stop worrying about cobbling together your photos and information across different sources, and start enjoying a streamlined website that unifies your work and your brand.

Expand your reach.

Blog included.

Start taking control of your online presence through the built-in blog. Post all different types of content — single photos, videos, and short updates. It’s a great way to keep your fans up to date and drive new traffic to your website. You have complete control over the display of the posts and can show or hide tags, categories, authors, dates, and featured images. The blog is clean and simple, making the focus your work and your words.

Blazing fast.

Speed matters.

We realize beautiful photos aren’t always optimized for the web and your readers might not be on a fast internet connection. That’s why we took extra steps to ensure your galleries load quickly and efficiently. Instead of trying to dump all the photos on the page at once, we cascade them in via a JSON data stream. This keeps page load times low, and gives your website that snappy and responsive feel.

Help and additional information

If you need help with Photography be sure to read through the Photography documentation by clicking the top tab. You can also ask us questions in the Photography support forum.

Note: This version of Photography differs from the self-hosted ( version. Most importantly, the version does not include Flickr integration.

Looking to buy Photography for a self hosted website? The Theme Foundry builds WordPress templates for and you can purchase the Photography theme for directly from their website.

Quick Specs (all measurements in pixels):

  1. Photography is a flexible-width, responsive design.
  2. The main column maximum width is 628 except in the full-width layout where it’s 960.
  3. The home page images are 948 by 534.
  4. Individual gallery images can be up to 960 wide.

Creating a homepage

  1. Add a new empty page called “Home” and choose the “Homepage” template.
  2. Add images to your homepage using the Add Media button. Note: Images will automatically be cropped to 960 x 640 to fit the size of the frame. If you want to avoid cropping, upload them at that exact size.
  3. Go to Add Media and either upload new photos or choose existing photos.
  4. When you have chosen and ordered your images, click Create gallery, then Insert gallery.
  5. Create a new page titled “Blog”, leave it empty, and publish it.
  6. Navigate to SettingsReading.
  7. Choose “A static page” from the “Front page displays” option.
  8. Set the Front page to “Home” and the Posts page to “Blog”.

Read more about setting a static home page.

You may use the Gallery page template for your homepage layout. Choose the “Gallery” page template instead of the “Homepage” template. Learn more about selecting templates for pages.

Creating individual galleries

  1. Navigate to Posts → Add New.
  2. Choose Gallery in the Format metabox. This will change the post from a regular blog post into a gallery.
  3. Optionally add a gallery title and description using the title field and WordPress editor, respectively.
  4. To add your gallery to the page, begin by clicking the Add Media button.
  5. Go to Create Gallery and either upload new photos or choose existing photos.
  6. When you have chosen and ordered your images, click Create gallery, then Insert gallery.
  7. Set a “Featured Image” by clicking the Set featured image link. This will be used as the thumbnail on Gallery pages that include this gallery. Read more about using featured images on
  8. Save your post.

For more detailed information about media management, be sure to view the “Add photos and images ” documentation on

  1. Add a new empty page named “Gallery” (or whatever you want to name your gallery page) and choose the “Gallery” page template.
  2. In the Gallery Page Options metabox, drag items from Available items to the Drag items here to add them to the page section. All video and gallery posts will be available for inclusion in your gallery.


  1. Sort items by dragging and dropping them into place.
  2. By default, the thumbnails on the Gallery page will display in landscape orientation. To change the orientation to portrait, choose Portrait in the Orientation metabox.photographyscreenshot2
  3. Add your new page to your menu under AppearanceMenus.
  4. Repeat as needed to add additional Gallery pages.

The thumbnails on your Gallery page are pulled from the Featured Image for each individual gallery (see Creating individual galleries above).

Setting a custom gallery stage height allows you to control the height of the gallery display. This can be useful if you intend to use a gallery to display images that do not use a 3:2 aspect ratio.


  1. Locate the Stage Height metabox in the post editor screen at the bottom of the right hand column. Note that this metabox only shows if the “Gallery” option is selected in the Format metabox.
  2. Add a custom height in pixels.
  3. Save the post.

Tip: The value used for the stage height is divided by 960 to determine the aspect ratio. For example, if you wanted a 3:4 aspect ratio, you would want to enter “720” for the stage height.

Using private galleries

  1. Create a new gallery and set the post Visibility to “Password protected”.
  2. Copy the permalink and password, give these details to your client. Password protected galleries do not show up on your main gallery page.

Image dimensions

Where a height is not provided, feel free to insert your own custom value.

Homepage slideshow image:

  • Width: 960px
  • Height: 640px

Landscape style gallery page thumbnail:

  • Width: 294px
  • Height: 196px

Portrait style gallery page thumbnail:

  • Width: 196px
  • Height: 294px

Blog post featured image:

  • Width: 960px
  • Height: 640px

Blog post image:

  • Width: 904px (without sidebar)
  • Width: 602px (with sidebar)
  • Height: fluid

Inserting images into your blog posts

Keep them below the more tag

The layout of the single post view differs slightly from the main “blog” index view. For this reason you want to be sure to place all your “in post” images below the more tag. This will give you more room and keep your “blog” page clean (i.e, using only featured images).

Theme Options


Custom logo image

Photography allows you to upload a custom logo for the header and optionally a high resolution version of the logo for display on HiDPI monitors. For best results, follow these instructions for adding your custom logo:

  1. Prepare two images for your header: a regular image and a high resolution image that is twice the size of the regular image. For instance, if your regular image is 100×50, your high resolution image would be 200×100.
  2. Under the Logo image field, click the Upload Image button and upload the regular size image. Be sure to choose the Full Size option before clicking the Insert into Post button.
  3. Under the High resolution logo field, click the Upload Image button and upload the regular size image. Be sure to choose the Full Size option before clicking the Insert into Post button.
  4. Click the Save changes button.
  5. Your logo should now appear in the header of your site.

Note: You are not required to use a high resolution image. If you do not want to add that image, simply ignore step #3 above.

Display options

Hide Gallery posts in the blog

Enable this option to hide Gallery posts from being displayed in the blog. If you check this option, you must either link directly to the Gallery or include it on a Gallery page in order to visitors to access the content.

Hide Video posts in the blog

Enable this option to hide Video posts from being displayed in the blog. If you check this option, you must either link directly to the Video post or include it on a Gallery page in order to visitors to access the content.

Color Scheme

Photography comes with two built in color schemes. Dark (the default) and light.

Slideshow autoplay

By default, all slideshows will automatically loop through the gallery images. To change this behavior, select the “Off” option for the Slideshow autoplay dropdown. Then, click Save changes.

Gallery page captions

You can choose a caption style for the Gallery page template. By default, captions are off. Selecting Basic captions adds the gallery title
below the gallery image. Selecting Fancy captions makes the gallery title appear when you hover on a gallery image.

Enable simple gallery display

Simple gallery display will display all galleries in a site without a title or description. This option allows galleries to be displayed without other text on the page. Beware that this is a global option which enables simple gallery display for every gallery.

  • Enter the full URL links to your social sites in the provided input fields.
  • To disable all of the links, check the box next to Disable all icons.
  • Add a line of text to display at the bottom of the page in the Credit line text field.


Please note that in order to make any customizations, you must have purchased the Custom Design upgrade.

Customizing your background with CSS

Removing the background pattern

Photography, by default, has a crosshatch background pattern. You can see how this background image is loaded in the following code:

Dark color scheme

body {
    background: url(images/bg-dark.png) #2d2d2d;

Light color scheme

body.light {
    background: url(images/bg-light.png) #f2f2f2

To remove this pattern, you’ll want to add the following code into your custom CSS:

Dark color scheme

/* Custom background color */
body {
    background: #2D2D2D;

Light color scheme

/* Custom background color */
body.light {
    background: #f2f2f2;

Modifying your background color

Use an online color picker to select your background color. Then, update the hex value in the code above.

Looking for the self hosted version?

Browse our self hosted WordPress themes at The Theme Foundry website.