Documentation for Showcase Photography WordPress Theme
Need Web Hosting?
If you’re looking for a hosting company, we recommend BlueHost. They offer quality shared hosting and responsive customer service at low prices. The video below shows how to sign up with BlueHost, install WordPress, and upload one of our free themes in a matter of just a few minutes. Read a more detailed explanation of why we recommend BlueHost.
If you are familiar with WordPress and you are comfortable with the process of installing it on your site you can skip down to the theme-specific documentation below. Because many people who use our themes have little or no experience with WordPress we start off by showing how easy it is to get WordPress set up. Follow the video below to get a domain name registered, web hosting set up, and WordPress installed in a matter of just a few minutes.
General WordPress Documentation:
Documentation for the Showcase Photography WordPress Theme:
This documentation will take you through the steps of setting up your site using the Showcase Photography WordPress Theme.
Setting Up the Pages
From the WordPress dashboard click on “pages” in the left sidebar.
Then click on “add new”.
Title the page “Home” and under “Page Attributes” select “Home” as the template. No content/text needs to be added to this page. Then click “publish” when you are done.
Then click “add new” again and add a page titled “Blog”. No content/text needs to be added to this page. Click publish when you are done.
Then click on “pages” in the left sidebar again. This will list the 2 pages that you have created plus a sample page that comes by default with your WordPress installation. Since you don’t need the sample page, click “trash” under the title (you will need to hover your mouse over the title to bring up the “trash” link).
Now we want to set the “Home” page to be displayed when someone visits yoursite.com (your own domain name, of course). Click on “Settings” in the left sidebar and then click on “Reading”.
Then check the radio button to display a static page as your front page, and select “Home” from the dropdown. For the dropdown that says “Posts page”, select your “Blog” page. That will show your most recent posts on the page that you created and titled “Blog”. Then click “save changes”
You can also add whatever additional pages you like. All you have to do is click on “add new page” under “Pages” in the left sidebar, and then title your page and add content. You don’t need to add pages for your photo portfolio, we’ll create image galleries in an upcoming step. Examples of pages that you might want to create would be an “About” page, a “Services” page, or a “Contact” page.
Choosing the Color Scheme
This theme comes with 4 color schemes. To select the color scheme that you want, click on “Theme Options” in the left sidebar of the WordPress admin dashboard. To set the color scheme, click on “General Settings”.
The first option you’ll see in the General Settings is for the color scheme. Choose either light (white), light gray, or dark (almost black), and then either continue to the other options or if you are done, click “save changes”.
Customizing the Logo
Of course, you’ll want your website to feature your own logo. If you have a logo file ready (we recommend .png format) you can easily upload it through the theme options dashboard and it will be applied to the header of all pages on your site. The logo file should be no larger than 920 pixels wide and 80 pixels high. Larger sizes will cause issues with the layout.
The logo options are located directly below the color scheme options in the general settings of the theme options.
When you are done, click “save changes” and your logo should be appearing on your website.
The homepage of this theme features a slideshow that allows you to add your own images, and you can link each image to any page if you’d like. You can use this area to welcome visitors to your website, promote upcoming events, promote the current sermon series, highlight some of your ministries, or even to link to your page on social media sites like Facebook and Twitter.
To add items to the slideshow click on “Slides” in the left sidebar of the WordPress dashboard.
Click on “add new slide”.
Now a page will open for you to enter the slide. Give it a title (for admin purposes only, the title will not be visible on the site), and click on “set featured image” in the right sidebar.
This will open a window that allows you to insert your image for the slideshow. You can either upload the image from your hard drive by clicking “select files” or click on the “From URL” tab if the image is already online and you can enter the URL for the file.
The image you are uploading should be at least 710 pixels wide by 533 pixels high. If it is larger it will be re-sized and cropped automatically. You can use any image editor like Photoshop, or a free option like the online version of Photoshop to re-size and crop your images. If your image is smaller than 710 pixels by 533 pixels it won’t fill the area and will look awkward.
Select “full size” and then click “use as featured image”.
Then close out of the window or click “save changes”. When you are done click “publish”.
Repeat this process to add several slides. If you want to set a specific slideshow effect, you can do so in the Theme Options. By default it will be set to random. If you change it, click “save all changes”.
You now have a working slideshow on your homepage!
You can add new content to your website any time you need to. We’ve already gone over the process of creating a few of the key pages, but you can create new pages at any time by clicking on “Pages” and “Add New Page”.
Adding Blog Posts
Your website can include a blog if you’d like. To create a blog post click on “Posts” and “Add New”.
Entering a blog post is very similar to entering the content of a page. You’ll give it a title and enter the text. In addition, you can also create categories to help organize your blog posts. In the right sidebar click on “Add New Category” and enter a category name.
Additionally, each blog post can have a featured image that is displayed above the post. The featured image should be 940 pixels wide, but it can be any height. When you’re entering a blog post, click on the “Set featured image” link.
Then you’ll see the window for uploading your image. Find the image on your computer and upload it. Check the box for “full size” and then click on “Use as featured image”.
Your post now has a featured image assigned to it.
After the post is published with the featured image it will look like this.
The featured image is completely optional on both posts and pages. If you choose not to use one the content will simply be displayed directly below the header.
Adding Photos and Galleries
You can add as many photos and as many categories as you want (assuming your host allows enough disk space. Check out BlueHost if you need unlimited space). Adding photos is easy. From the WordPress dashboard, click on “Photographs” and then click on “add new photograph”.
You’ll want to give your photo a title (for admin purposes) and then click on “set featured image”.
Next, click on “choose file”.
You’ll now browse your computer and find the photo that you want to upload. After selecting the photo click on the “upload” button and you’ll see the following screen:
Make sure “Full Size” is checked and then click “Use as featured image”. Close out of that box and you should see a screen like this, with your image in the lower right. Click “publish” when you are done.
Adding photos is as easy as that.
If you want to display all of your photos together in one gallery, create a new page for your portfolio. For the page template, select “portfolio”, and click publish.
If you are using this approach it will display all of the photos that you upload on your portfolio page. The 9 most recent photos will be displayed and then if there are more than 9 they will broken into separate galleries. Here is a sample of how it will look.
Users can then click on any of the images to see a larger size.
Now that you know how to add a photo, we can set up several galleries. Galleries are basically categories of photos. For our demo we’ll set up several galleries, but we’ll show the first one. Click on “Galleries”. You’ll then see a spot that says “add new gallery”. Give your gallery a name, our example is “Landscapes”. You’ll then also enter a slug. The slug will be used in the URL of the gallery. If your gallery title is one word we recommend simply using the word in all lowercase letters, such as “landscapes”. If you gallery title is more than one word, we recommend using hyphens instead of spaces between each word.
As you are adding more categories you may or may not want to use parent and child galleries. When you add a new gallery you have the option of setting a parent. An example of the parent-child relationship would be if we were going to add separate galleries under landscapes for different regions or states. So if we were creating a gallery called “Yosemite Landscapes” we could set the parent gallery to be landscapes.
If you want to designate a photo that you have already uploaded to be in a particular gallery, click on “Photographs”, where you will see a list of the photos that you have uploaded.
Then click on the photo’s title and the edit screen will come up. From here you can select a gallery to the right side of the screen. You can add it to multiple galleries if appropriate. You can also create new galleries from this screen.
When you’re done, click the “update” button to save the changes.
Going forward, you can just assign photos to galleries whenever you upload them.
The Navigation Menu
One of the most important elements of your website is the navigation menu because it has a big impact on the usability of the site and allowing visitors to find the content that they want. You have full control over the links that are included in your navigation menu (the same menu will be used on all pages of the site). Please note: If you don’t do this step, the theme by default will include a menu with all of your pages.
From the WordPress dashboard click on “Appearance” and “Menus”.
Enter the name “Header” for your menu and click “Create Menu”.
Then select your “Header” menu in the dropdown for “Main Navigation Menu” (this step is needed in order to apply your custom menu to the site’s header).
Now move down a little lower on the page and you’ll see a list of all the pages that you have published. Check the box next to each page that you would like to add to the menu and click the “Add to Menu” button.
After clicking “Add to Menu” the pages that you have added will appear in a list at the center of your screen.
Next, we’ll also add some links to our galleries. Below the list of pages (to the left) you’ll see a list of the galleries. Check the boxes for each gallery that you would like to add to your nav menu, then click “Add to Menu”.
Please note, if you are not seeing the option to add your galleries to the menu, look to the top right of the screen and click on “Screen Options”. Then check the box for “gallery”.
Your menu should now list all of the pages and galleries that you have checked.
You can drag items up or down to change the order in which they are displayed (to drag, click and hold the mouse button while moving the mouse up or down). When you’re done click “Save Menu” and the changes will be applied. Now you can check your site and see the menu in action.
Disclosure: As a Bluehost affiliate we receive a commission for any customers that we refer. Our recommendation is based on our experience with Bluehost, as well as the needs of our typical customers and readers. You are free to use our templates with the web host of your choice.