Documentation for Elegant 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:
This part of the documentation for our free WordPress themes assumes that you already have WordPress installed on your server or hosting account. If you haven’t yet installed WordPress, please see the video on this page for instructions.
There are a few WordPress settings that we recommend changing or at least checking to make sure they are accurate.
From the WordPress dashboard (which will be located at http://yoursite.com/wp-admin/) click on “Settings” in the left sidebar.
Under the “General Settings” you can enter your church’s name in the “Site Title” field, and if you’d like you can enter a tagline in the “Tagline” field.
Lower on the same page (General Settings) you can set your time zone. It’s usually easiest to select a city in your timezone.
When you are done making changes, click on the “Save Changes” button at the bottom.
Another change that we recommend is for the permalink settings. (Click on “Permalinks” under “Settings” in the left sidebar of the WordPress dashboard.) The permalink is the URL of a page or post created on your site. By default WordPress will give your page a permalink like http://yoursite.com/?=p123. That is not ideal for search engine rankings or for being helpful for your visitors. We recommend checking the box for “Post name”. This will give your pages URLs like http://yoursite.com/about-us/. That is much better for both search engines and human visitors.
Click the “Save Changes” button when you are done editing the permalinks settings.
You’ll also want to make sure that your site will be accessible to search engine users. From the WordPress dashboard click on “Settings” and “Privacy” in the left sidebar. Then make sure the box is checked to allow the site to be visible to everyone.
Click the “Save Changes” button when you are done editing the visibility settings.
WordPress themes use things called widgets to allow users to control certain, including the contents of a sidebar. Some of our themes use widgets and some don’t. When you first install WordPress it comes with a default theme, and the sidebar will look something like this:
All you have to do to change the widgets is go to “Appearance” in left sidebar of the WordPress dashboard, and then click on “widgets”.
If you look to the right side of the screen you’ll see a list of widgets under “Main Sidebar”. To remove any of the widgets, move you mouse over one of the listed widgets, left click (and hold the left mouse button) and drag the widget to somewhere in the middle of the screen, then release the mouse button.
Also please see:
Documentation for the Elegant Photography WordPress Theme:
This documentation will take you through the steps of setting up your site using the Elegant 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 3 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 960 pixels wide and 150 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.
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 940 pixels wide by 580 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 940 pixels by 580 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 optional on pages. A featured image should always be added to posts because it is used to generate the thumbnail on the front page.
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.
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 category 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). If you want to make certain links appear in a dropdown menu, move the item slightly to the right. For example, we want the child landscape galleries under the parent landscape gallery. This will place them in a drop down menu under “Landscapes”, so we will move them slightly to the right under “Landscapes”.
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.
Setting the Number of Posts/Images
One last thing that you will need to do is set the max number of posts to show per page. This is important because it will also impact the number of images that are shown per page in your galleries. By default, WordPress sets the number to 10. The gallery pages use 3 columns, so we recommend setting this number to a multiple of 3. Something like 6, 9, or 12 will work.
Below is an example of how a gallery will look with 10 images per page:
It could look better. So go to “Settings” and “Reading”. You’ll see a field that says “Blog pages show at most”. We’ll change that from 10 to 9.
After changing it, click on the “save changes” button. Now if you view the same gallery you’ll notice that it shows only 9 images, and adds pagination to view the second page.
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.