SAVE 25% when you purchase our Theme Bundle and Make Plus together. View bundle deal.

Photography 1.x

Setting up your theme

  1. Creating a homepage
  2. Creating your Gallery page
  3. Creating individual galleries
  4. Removing images from galleries or the homepage
  5. Using private galleries (great for clients)
  6. Using Flickr sets for galleries
  7. Selling individual photos
  8. Ordering images within galleries
  9. Image dimensions

Advanced setup

  1. Creating multiple Gallery pages

Writing blog posts

  1. Using featured images in blog posts
  2. Inserting images into your blog posts

Using the Theme Options Menu

  1. Flickr
  2. Color scheme
  3. Gallery page captions
  4. Subscribe Links
  5. Footer

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. From the drop down menu choose Uploaded to this page. Add your homepage images. Once your images have uploaded you can change their order by dragging them around the editor. When you have finished, close the editor by click the “X” in the upper right hand corner. Note: images will automatically be cropped to 948 x 534 to fit the size of the frame. If you want to avoid cropping, upload them at that exact size.
  3. Create a new page titled “Blog”, leave it empty, and publish it.
  4. Navigate to SettingsReading.
  5. Choose “A static page” from the “Front page displays” option.
  6. 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. Add your new page to your menu under AppearanceMenus.
The thumbnails on your Gallery page are pulled from the Featured Image set for each individual gallery (see Creating individual galleries below).

Creating individual galleries

  1. Navigate to GalleriesAdd New
  2. Give the Gallery a title and description (will appear below the Gallery unless manually disabled).
  3. To upload your images, click the Add Media button. From the drop down menu choose Uploaded to this post. Add your images for this gallery. Once your images have uploaded you can change their order by dragging them around the editor. When you have finished, close the editor by click the “X” in the upper right hand corner. The images will be scaled to properly fit the gallery stage if they are too big. The dimensions of the stage are 960px x 540px. We recommend resizing all of your images down to a max height of 540px to save bandwidth and speed up the gallery. See Flickr section below if you prefer to use Flickr sets instead.
  4. Set a “Featured Image” by clicking the “Set featured image” link. This will be used as the thumbnail on your Gallery page.
  5. If you want to set the order in which the gallery is displayed on the main gallery index page specify an “Order” value inside the “Attributes” box.

Removing images from galleries or the homepage

Images are automatically linked to your gallery or homepage when you upload them, so to remove an image from a gallery or homepage, you need to delete it.

  1. Start by clicking on the “Add Media” button above the visual editor.
  2. From the drop down menu choose Uploaded to this page / post.
  3. Choose the image you want to delete and under “Attachment Details” click Delete Permanently, confirm the deletion, and the image will be removed from the gallery!
  4. Click the “X” in the top right to leave the editor. Make sure to update your page.
  • Disable the Gallery title and description: This refers to the post content and Gallery title. If you check this option it will be hidden.
  • Disable image descriptions: There is a small info icon that automatically shows up in the top left corner of each image. Set the image title and alt tag to display a title and description for each image, or check the box to disable the info icon.
  • Enable image hard cropping to the stage size: Automatically crop all images to fit the size of the stage (default is 960px x 540px).
  • Enable auto play: When this box is checked the gallery will start cycling through the images automatically.
  • Set a custom gallery stage height (default is 540 pixels): Change the gallery stage height to better accommodate your photos. Be sure to include the number only (no px).
If you are using Photoshop the Image Processor tool found under File → Scripts → Image Processor makes it super easy to batch resize an entire folder before uploading.

Using private galleries (great for clients)

  • Create a new gallery and set the post Visibility to “Password protected”
  • Copy the permalink, give it to your client (along with the password), and you are all set! Of course, password protected galleries do not show up on your main gallery page.

Using Flickr sets for galleries

  • To use your Flickr galleries you first need a Flickr API key. (API setup instructions below)
  • Navigate to Appearance → Photography Options and enter it along with your username.
  • You will now see a list of your public photo sets to choose from on every gallery page.
We request the large size from Flickr for the photos in your sets. If that size doesn’t exist you’ll see an Image unavailable message in the slideshow.

Squished Flickr Thumbnails

If your thumbnail images appear “squished” in the gallery view you can override your Flickr thumbnail by setting a “featured image” for each gallery through WordPress. The image thumbnail size is 195×280. Simply create a thumbnail for each gallery of that size and upload it via the “featured image” option. If you prefer to upload the original images WordPress will “hard crop” the images to fit the thumbnail size. If you are unsure about setting the post thumbnail check out the video tutorial in the video library.

Selling individual photos

Photography does not have any integrated shopping cart or e-commerce features but you can still sell individual photos using PayPal or any shopping cart with a “buy it now” feature. We recommend trying Pulley App which generates a unique URL for each photo/product you want to sell.

After setting up a unique URL your customers will see a link to purchase the photo when they click the info button in the top left corner of an image.

Buy this print example screenshot

To setup a unique URL enter the code in the image title or description field.

Setup title / description screenshot

Creating multiple Gallery pages

If you’d like to create multiple Gallery pages with each showcasing different galleries, you’ll need to do the following:

  1. Add a new empty page named “Gallery” (or whatever you want to name your gallery page), choose the “Gallery” page template, and save your page.
  2. Go to the Edit Gallery screen for the gallery you want to include.
  3. Get the ID of the Gallery: Look at the URL of the Edit page. It should look something like http://www.yoursite.com/wp-admin/post.php?post=123&action=edit. post=123 indicates the ID of your gallery (123 in this example).
  4. Go back to the Edit screen for the “Gallery” Page you created in step 1
  5. Insert [gallery id="123"] (make sure to add quotes around the ID) into the content of the page.
  6. Repeat 2-5 for all galleries you want to include, and you’ll have a custom Gallery page.
Make sure to put spaces between each [gallery] shortcode, otherwise WordPress will ignore all shortcodes after the first.

Ordering images within galleries

  1. Click the Add Media button;
  2. From the drop down menu, select Uploaded to this post from the drop down menu;
  3. Drag-and-drop your images into order;
  4. Close the Window.

To use a featured image upload it to your blog post while on the post edit screen. You cannot re-use images from your gallery as a featured image in a blog post. Why? WordPress only allows you to “attach” an image to one post (a gallery is considered a post). You will have to re-upload the image if you want to use an image in your gallery as a featured image on a blog post.

  • The featured image will sit above the title of your blog post on the blog index and single post view.
  • The image will be auto-cropped by WordPress to a size of 628px x 250px. If you would prefer to crop it yourself, crop it before uploading.

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 (only featured) images.

Did you know that Surf Office, Postmatic, Yeah Dave, and over 700,000 small businesses run their websites with Make, our free WordPress page builder. Discover the Make page builder now.

Inserting images

Go to Settings → Media and set your thumbnail width to 628px (leave the height empty) and uncheck the “Crop thumbnails to exact dimensions” box:

Set your thumbnail width

Now when you want to insert an image in your post (remember below the more tag!) simply use the WordPress media uploader tool and choose the “thumbnail” size (should be the default). I would recommend setting the link to “none” as well unless you want the images to be clickable.

You can also “recycle” images from your gallery in your blog posts. Instead of uploading a new image simply click the media library link in the top right of the uploader box. Click the image you want to add, click “none” for the link, and then click “Insert into post”.

Tip: Make sure “None” is selected in the alignment setting to make sure your images have proper spacing. If you are using smaller images and want to float them left or right then feel free to use that setting.

Insert the image with no links and an alignment of none

Flickr

The hardest part is setting up your API key.

  1. Go to the Apply for API key page.
  2. If you have not yet logged into your Flickr account, you will be asked to do so.
  3. Click on the link to create a new non-commercial API key
  4. Give your app a name (eg. My website name) and a description (eg. A Flickr gallery for my website.)
  5. Agree to the terms and click submit.
  6. You will presented with your API Key and API Secret.
When specifying your username, it must be the username found in your Flickr URL (eg. http://flickr.com/photos/**username**). This is not necessarily your Flickr username or login.

Color Scheme

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

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.

Subscribe Links

To enable your subscribe links, complete the following steps:

  1. Navigate to Appearance → Theme options;
  2. Under Subscribe links, check to enable your social links;
  3. Enter the full URL links to your social sites in the provided input fields. Note: For Twitter, only enter your Twitter ID.

You can add a custom copyright line to the footer of your site. To do this:

  1. Go to Appearance → Theme Options;
  2. Under Footer, enter your custom message;
  3. Click Save changes.

Image dimensions

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

Homepage slideshow image:

  • Width: 948px
  • Height: 534px

Individual gallery stage:

  • Width: 960px
  • Height: 540px

Gallery page thumbnail:

  • Width: 280px
  • Height: 195px

Blog post featured image:

  • Width: 628px
  • Height: 250px

Blog post image:

  • Width: 548px