Photography

$79

By The Theme Foundry

4

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.
2

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.
1

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 Support button at the top of the sidebar on this page. You can also ask us questions in the WordPress.com Photography support forum.

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

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

Quick Specs (all measurements in pixels):

  1. Snap 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 Create Gallery 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”.

You may use the Gallery page template for your homepage layout. Choose the
“Gallery” page template instead of the “Homepage” template.

  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.
  3. Sort items by dragging and dropping them into place.
  4. 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.
  5. Add your new page to your menu under AppearanceMenus.
  6. 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
below).

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.
  8. Save your post.

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

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”:http://en.support.wordpress.com/splitting-content/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.

Customize

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 WordPress.org version?

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