Customize PhotoPressPro Classic

These instructions are for PhotoPressPro Classic. Click here if you need help with PhotoPressPro Platinum.

You can easily customize your PhotoPressPro theme by using the Control Panel, in your WordPress admin under Design (or Appearance ). You can also take full advantage of Widgets for total control of your navigation menu and footer, and over a dozen custom built-in widgets are included.

Widgets

PhotoPressPro supports WordPress widgets. Also included with the theme are widgets that have been specially designed for the drop-down header navigation menu, called PPP Simple Link and PPP Simple Search. By default, no widgets are activated, so a default set of items are used. To customize your header menu or footer, go to Design (or Appearance) -> Widgets and drag some widgets from the from the “Available” section to any of the widget areas on the right and save your changes. Note: The menu and footer items you see when you first install the theme will go away when you add widgets. They are the default widgets and will be used if no widgets are added to an area.

Control Panel

Snapshots

Snapshots allow you to save dozens of theme designs that you can recall at any time. Customize your blog, save the Snapshot, and customize it again if you like.
To save a Snapshot, enter a name in the text field labeled “Save a new snapshot”. Make sure it is not the same name as another snapshot, unless you want to overwrite it. Click Save Changes.
To use a previously saved snapshot, select it from the list at the top. Click “Load”, and to apply the snapshot to your blog, click Save Changes.
To delete a snapshot, select it from the list. Click “Delete”.

Masthead

By default, PhotoPressPro is configured to use the built-in Custom Image Header. But you can upload your own images to the built-in Simple Slideshow header, or choose to use the Flashfader plugin to create a Flash slideshow header. If you go with the Simple Slideshow, you can upload your images and configure the slideshow right in the Control Panel.

If you choose to use Flashfader, you can configure it in the “Manage” tab, under the “Flashfader” subheader. Enter a width of 984 and the height of your choice. Be sure to click “Save” before uploading any images. Make sure all of the images you create for your header are the exact dimensions you enter, or automatic cropping and resizing will occur. Upload each of your header images in the “Upload New Image” section. Click “Save” again when you’re done.

If you choose to use the Custom Image Header, configure it in the “Design” tab, under “Custom Image Header”. Upload an image, then you can crop or resize it on the next screen. Don’t forget to save your changes.

Simple Slideshow Header

This is a new option to create a header slideshow, eliminating the need for a separate plugin. (Flashfader is still supported.) The slideshow is javascript-driven and does not use Flash. One of the greatest benefits of this is the entire header area is turned into a link that can be clicked to return to the home page.

As the name suggests, configuration is very simple. You can configure the height of your slideshow, the number of seconds to show each image, the number of seconds to fade between each image, and an option to randomize the images. You can also re-order the images, but be sure to change the sequence number of all images that will change, or you may get unexpected results.

Note: To use the Simple Slideshow Header, you must select “Simple Slideshow” in the Masthead section. Another note: If you’ve just installed WordPress, you may need to create your uploads folder. Using FTP, open your blog’s “wp-content” folder and create a new folder called “uploads”. When it’s created, right-click on the folder and choose Properties. Find the “Permissions” area and make sure all of the read/write/execute boxes are checked.

Navigation Menu

There are several options to customize your navigation menu and make it stand out.

To customize your header menu items, go to Design (or Appearance) -> Widgets in your WordPress admin. Drag some widgets from “Available” section to the “Drop-down menu” to “Current”. Note: The menu and footer items you see when you first install the theme will go away when you add widgets. They are the default widgets and will only be used if no widgets are added to an area.

There are many more options in the PhotoPressPro Control Panel. You can choose to align the menu to the left, right, or center; or right-aligned with an extra link to the home page on the left. You can choose a separator character to be inserted between menu items, or upload a small image – around 16px works best, but it depends on the height of the font. Choose a font family and size, and make the text all uppercase or lowercase, if you wish.

Finally, you can customize the background and text colors for the navigation menu. The “Main Level” is the background color of the menu bar. “Level 2” is the hover color for the menu bar, and the background color of the dropdown menus. “Level 3” is the hover color on the dropdown menu items, and the background of the next level of menus, such as sub-pages or sub-categories. And “Level 4” is the hover color of the sub-menus, and the background color of sub-sub-menus, and any more sub-s you may have.
Be sure to choose a text color that goes well with all of the menu colors.

Colors

You can easily customize all of the colors in your blog design to make a color palette that works for you. Simply click on the colored text field, and a color selection rainbow will appear. Click around the large box to change the color, and slide the bar on the right to adjust the opacity. You might make a few mistakes early on, like setting the background color and the text color to the same value, but never fear! You can always revert to the previous settings because of the unique Snapshots feature!

Fonts & Text

You can change the font size and typeface on the main elements of your blog. Choose between Arial, Georgia, Trebuchet, and Lucida font sets to make your blog stand out.
Also, add your Bio information in the “About text” box. Basic HTML tags are allowed.

Images

You can upload a bio image, a background image, and a post-break image to easily enhance your brand across all pages of your blog. All images are managed the same way: Choose a file to upload, then click “Upload”. When the image is finished uploading, save the changes to see it on your blog. Or you can upload more images, just be sure to save when you’re done. You can also delete images, or choose not to display an uploaded image. IMPORTANT: If you’ve just installed WordPress, you may need to create your uploads folder. Using FTP, open your blog’s “wp-content” folder and create a new folder called “uploads”. When it’s created, right-click on the folder and choose Properties. Find the “Permissions” area and make sure all of the read/write/execute boxes are checked.

Bio image

Your bio image is in the footer of the theme, in the “About” section. This image must be 180px wide and 252px tall (or a standard wallet size for the print photographers). Or, you can choose not to display a bio image at all.

Background colors / images

The default PhotoPressPro theme sports a drab middle-grey background. With tiled background images, you can using graphic art or photography to create a seamless “canvas”, and it’s a great way to set your blog apart and enhance your brand. You can choose a fixed image, or a repeating “tiled” image. Check out this great tutorial on making seamless background images. Another tip: if you use a background image, you should update the background color that readers will see while the image is loading.

Post image options

You can choose to place a border around your post images, and/or center- or right-align them. You should be aware that if you post full-size 936 pixel wide images and use a border, the image will be resized in the browser to accommodate the border. For example, if you choose a 3-pixel border, your image will be resized to 930 pixels wide, to allow 3 pixels on each side for the border.

Postbreak image

A simple image between posts is another great way to differentiate your blog. You can use an image of any size, up to 968 pixels wide. Or, fill out the “Horizontal line” section to create a stylish horizontal line to separate your posts.

SEO (Search Engine Optimization) & Stats

“Meta” keywords and description tags are 2 elements you can use to help search engines find your blog. In this section, you can enter comma-separated keywords and a short description.

Web stats services such as Google Analytics require some JavaScript code to be added to your site. You can paste the code here, and it will be inserted in the footer, just above the </body> tag.

Other Options

Here you can choose to disable right-click functionality for users, or to add a “PPP Control Panel” link to the WP admin “Favorites” drop-down menu.