All In One Overview

“ProPhoto – Blog, Site and Portfolio in One”, awesome right?!  Now you’re just wondering how to do it all exactly….

Because ProPhoto is so flexible and because each customer wants to create and design their own site to meet their specific needs, there aren’t really “step by step” instructions to “building a blog, website and portfolio all in one.”  Instead, there are different tools you can use in a variety of ways to accomplish this.  So in this tutorial, we will explain each of these tools and the different ways they can be used.  Then, you can use whichever ones you’d like, however you’d like, to make your ProPhoto site exactly as you want it.  The sky’s the limit!

 Tool #1 – Static Home Page

One of the first things you may want to do when creating an “all in one site,” is to set up a “static homepage” for your site.  This way, when someone visits your site, instead of immediately seeing your blog posts, they’ll come to an introduction or landing page that you can set up in a variety of ways.  From this “home” page, the visitor can then navigate to different parts of your site, including your blog.

Here’s a nice example of a ProPhoto site set up with a “static homepage”. It includes links to different areas of the site, including the blog, and it displays a nice slideshow of images.

Our static home page tutorial has detailed instructions on how to set up the static landing page and a link to your blog posts page.

Once your “static homepage” is set up, there are tons of ways to customize it, but in general, most people use it to display a:

Tool #2 – WordPress Pages

Unlike WordPress “Posts”, which appear right within the actual blog portion of your site, WordPress “Pages” allow you to create standalone, website pages. “Pages” are a great way to display your portfolio, client galleries, pricing information or any other type of content that you want to separate from your blog and have displayed in it’s own page.

Here is an example of a WordPress “Page” with some information about Wedding Services.

We have a fantastic tutorial that explains all the ins and outs of WordPress pages right here.

Tool #3 – Creating a Portfolio Area

Now that you have learned how WordPress “pages” work, a next step might be to create a special portfolio area of your site where viewers can click to see your best work, categorized by type.

With ProPhoto, there are a lot of different ways to set up  a portfolio area.

 The videos below cover most of the concepts that are possible for portfolio areas with ProPhoto.  The videos were taken from a ProPhoto 4 installation before the WordPress uploader was overhauled.  So the process for uploading and inserting galleries is a little different now.  However, the concepts that the videos present are still very applicable to ProPhoto.

If you’d like a video walkthrough of the what the new uploader looks like when creating new galleries see our images and galleries tutorial.


Tool #4 – Creating a Client Area/Client Pages

Additionally, you could use WordPress pages and WordPress’ password protection feature to create a client area/client gallery pages on your site.  For example, if you want a WordPress page that contains a client gallery, viewable only to the client, you can password protect the page and send your client the page’s url and password.

Full Details on creating a Client Area and Client Gallery Pages are here.

Tool #5 – ProPhoto’s Menu Options

The ProPhoto Menu Customization area is an extremely powerful and flexible tool that allows you to create links to any content you want, in just about any way you want to do it.

This particular option can be found by logging into your site's admin area and going to:
"ProPhoto" > "Customize" > "Menus" > "Primary/Secondary Navigation menu"

ProPhoto offers a flexible and easy-to-use system for creating customized menus in several areas of your site.  After you create new content in WordPress “posts” or “pages,” you can then link to that content from any of your menu areas.

Navigation Menus

The primary, secondary, and vertical menus of your ProPhoto site appear as horizontal navigation menus in the header area of your site, or as a vertical list of menu links in any widget area. To customize these menus, go to “ProPhoto” > “Customize” > “Menus”. The area near the top of the screen is where you add, delete, edit, and arrange the items in your menu.

Add, Delete, and Organize

To add a new menu item, click the “Add new menu item…” button.  Your new menu item will appear on the left side of the menu. Next, click the edit ‘gear’ icon while hovering over the new menu item to begin customizing it. To delete a menu item, click on the delete icon visible when hovering your cursor.

 Remember, you have to actually create your post, page, or gallery content before you can link to those items from the menu. 

Individual items can be organized by dragging and droppingCustom drop-downs can be created by dragging items into other items.

Style and Appearance

Horizontal Navigation menus can have a background color or graphic applied for a customized appearance. Vertical and Horizontal menu link items can be created using styled text or with uploaded graphics or both. Alignment can be changed or even ‘split’ left/right. Menu items can even be set to hide on certain page types of your site or blog, and with all these customization options, you’re likely to create just the menu you need to direct visitors right to the content they’re looking for on your site.

Tool #6 – Hiding Things on Certain Pages

Often times, when creating a website and blog, all within one site, there are certain elements that you only want to appear in certain areas.  For example, you may have set up a Masthead Slideshow to appear on your “static homepage”, but you really don’t want that appearing on any other page of your site.

Good news, there are options right within the ProPhoto settings area to have the Masthead Slideshow display only on your static home page.  This goes for numerous other elements of your site as well.  All throughout the ProPhoto cusotmization area, there are options for hiding certain elements in certain places.

And if our options still aren’t getting you exactly what you want, then you can usually use Custom CSS code right within the “ProPhoto” > “Customize” > “Advanced” > “Custom Code” area to do just that.  See here for more information on hiding elements with Custom CSS.

Tool #7 – Pimp My Ride Options

Ok, so we’ve talked about some of the foundational items like creating a front page for your site, using WordPress “Pages” to create website content, using the ProPhoto menu options to link to your content and how to hide certain things on certain pages.  Awesome, but what if you want to get a little fancy pants with your new website and blog?  Or “Pimp My Ride” as it were?

Well here are some more tools built into ProPhoto that you can use when creating your new website and blog, all in one.  Again, we can’t tell you ‘how’ to use them necessarily, but we can tell what they are and how they work.  Then you can use them however you’d like!






“ProPhoto – Blog, Site and Portfolio in One”, awesome right?!  Now you’re just wondering how to do it all exactly….

Because ProPhoto is so flexible and because each customer wants to create and design their own site to meet their specific needs, there aren’t really “step by step” instructions to “building a blog, website and portfolio all in one.”  Instead, there are different tools you can use in a variety of ways to accomplish this.  So in this tutorial, we will explain each of these tools and the different ways they can be used.  Then, you can use whichever ones you’d like, however you’d like, to make your ProPhoto site exactly as you want it.  The sky’s the limit!

 Tool #1 – Static Home Page

One of the first things you may want to do when creating an “all in one site,” is to set up a “static homepage” for your site.  This way, when someone visits your site, instead of immediately seeing your blog posts, they’ll come to an introduction or landing page that you can set up in a variety of ways.  From this “home” page, the visitor can then navigate to different parts of your site, including your blog.

Here’s a nice example of a ProPhoto site set up with a “static homepage”. It includes links to different areas of the site, including the blog, and it displays a nice slideshow of images.

Our static home page tutorial has detailed instructions on how to set up the static landing page and a link to your blog posts page.

Once your “static homepage” is set up, there are tons of ways to customize it, but in general, most people use it to display a:

Tool #2 – WordPress Pages

Unlike WordPress “Posts”, which appear right within the actual blog portion of your site, WordPress “Pages” allow you to create standalone, website pages. “Pages” are a great way to display your portfolio, client galleries, pricing information or any other type of content that you want to separate from your blog and have displayed in it’s own page.

Here is an example of a WordPress “Page” with some information about Wedding Services.

We have a fantastic tutorial that explains all the ins and outs of WordPress pages right here.

Tool #3 – Creating a Portfolio Area

Now that you have learned how WordPress “pages” work, a next step might be to create a special portfolio area of your site where viewers can click to see your best work, categorized by type.

With ProPhoto, there are a lot of different ways to set up  a portfolio area.

 The videos below cover most of the concepts that are possible for portfolio areas with ProPhoto.  The videos were taken from a ProPhoto 4 installation before the WordPress uploader was overhauled.  So the process for uploading and inserting galleries is a little different now.  However, the concepts that the videos present are still very applicable to ProPhoto.

If you’d like a video walkthrough of the what the new uploader looks like when creating new galleries see our images and galleries tutorial.


Tool #4 – Creating a Client Area/Client Pages

Additionally, you could use WordPress pages and WordPress’ password protection feature to create a client area/client gallery pages on your site.  For example, if you want a WordPress page that contains a client gallery, viewable only to the client, you can password protect the page and send your client the page’s url and password.

Full Details on creating a Client Area and Client Gallery Pages are here.

Tool #5 – ProPhoto’s Menu Options

The ProPhoto Menu Customization area is an extremely powerful and flexible tool that allows you to create links to any content you want, in just about any way you want to do it.

This particular option can be found by logging into your site's admin area and going to:
"ProPhoto" > "Customize" > "Menus" > "Primary/Secondary Navigation menu"

ProPhoto offers a flexible and easy-to-use system for creating customized menus in several areas of your site.  After you create new content in WordPress “posts” or “pages,” you can then link to that content from any of your menu areas.

Navigation Menus

The primary, secondary, and vertical menus of your ProPhoto site appear as horizontal navigation menus in the header area of your site, or as a vertical list of menu links in any widget area. To customize these menus, go to “ProPhoto” > “Customize” > “Menus”. The area near the top of the screen is where you add, delete, edit, and arrange the items in your menu.

Add, Delete, and Organize

To add a new menu item, click the “Add new menu item…” button.  Your new menu item will appear on the left side of the menu. Next, click the edit ‘gear’ icon while hovering over the new menu item to begin customizing it. To delete a menu item, click on the delete icon visible when hovering your cursor.

 Remember, you have to actually create your post, page, or gallery content before you can link to those items from the menu. 

Individual items can be organized by dragging and droppingCustom drop-downs can be created by dragging items into other items.

Style and Appearance

Horizontal Navigation menus can have a background color or graphic applied for a customized appearance. Vertical and Horizontal menu link items can be created using styled text or with uploaded graphics or both. Alignment can be changed or even ‘split’ left/right. Menu items can even be set to hide on certain page types of your site or blog, and with all these customization options, you’re likely to create just the menu you need to direct visitors right to the content they’re looking for on your site.

Tool #6 – Hiding Things on Certain Pages

Often times, when creating a website and blog, all within one site, there are certain elements that you only want to appear in certain areas.  For example, you may have set up a Masthead Slideshow to appear on your “static homepage”, but you really don’t want that appearing on any other page of your site.

Good news, there are options right within the ProPhoto settings area to have the Masthead Slideshow display only on your static home page.  This goes for numerous other elements of your site as well.  All throughout the ProPhoto cusotmization area, there are options for hiding certain elements in certain places.

And if our options still aren’t getting you exactly what you want, then you can usually use Custom CSS code right within the “ProPhoto” > “Customize” > “Advanced” > “Custom Code” area to do just that.  See here for more information on hiding elements with Custom CSS.

Tool #7 – Pimp My Ride Options

Ok, so we’ve talked about some of the foundational items like creating a front page for your site, using WordPress “Pages” to create website content, using the ProPhoto menu options to link to your content and how to hide certain things on certain pages.  Awesome, but what if you want to get a little fancy pants with your new website and blog?  Or “Pimp My Ride” as it were?

Well here are some more tools built into ProPhoto that you can use when creating your new website and blog, all in one.  Again, we can’t tell you ‘how’ to use them necessarily, but we can tell what they are and how they work.  Then you can use them however you’d like!





Did you find this tutorial helpful? Thanks for helping us support our customers better! Yes No saving...

If you’ve searched the tutorials and can’t find what you need, please contact us. We’re here to help. Contact Us