MENU

Step 1: Install a P7 Design

The first step is to login to your WordPress install, and navigate to ProPhoto > Manage Designs.

 

 

There, you can see which theme is active, and which design you’re customizing.

In this example, we’re in ProPhoto 7’s test drive mode. ProPhoto 6 is our LIVE theme (or whatever other WordPress theme is your live theme), and ProPhoto 7 will be the theme we’re going to use. You’ll want to scroll down further on the page to see all your design options.

 

 

When you scroll down the page on that screen you’ll have several options to play with.

  1. You can start a design from scratch.
  2. You can import a ProPhoto 7 design.
  3. If you already had ProPhoto 6, then any design you had previously customized will also be available to import and use.
  4. You can start with one of the free included designs that came with ProPhoto 7.

It’s more than likely you’re here because you purchased one of our designs and you want to install your new design so we’ll start there first.

 

Installing a ProPhoto 7 Design

To get started, you’ll need to unzip the file you purchased when you bought your design. To do that, simply double click the file you received when purchasing to open.

Once open, you’ll see three (3) files.

The first file,  “design_designnamehere.zip” is the one you’ll need to upload back to ProPhoto.

 

 

Go back to the manage designs screen you were on and drag and drop the P7 design file into ProPhoto.

 

 

Once installed, your design will show up in the designs section below. To get started, simply click the “create new design” button below the one you uploaded.

 

 

An option will come up that asks if you would like to create the demo WordPress pages, and content used for the design. Be sure to press CONTINUE. This will setup your new design to be exactly like the demo!

 

 

After pressing continue, the popup will change to the copy design window. Rename your copy, and press save.

 

 

Now it’s time to activate your design. If you have test drive going, then a test drive button will show up for you to click. If you chose to activate p7 on install, then it may say something different, like “customize”. Either way, you’ll need to click the button to get to the next step.

 

 

Your screen will pop-up with a initializing window. This may take anywhere from 1-3 minutes depending on your host and will display a progress bar until it’s complete.

 

 

Troubleshooting: If for some reason the window is still “stuck” doing this after a couple of minutes, then refresh the page, go into wordpress > plugins, deactivate all plugins and then try again. If that doesn’t seem to fix the issue, then get in touch with ProPhoto.

Once that’s completed, scroll up and see that your design is now in the customize section. Just simply click “customize” in the ProPhoto dropdown in WordPress to get started!

 

That’s it for installing a design to P7. If you’re not installing a ProPhoto 7 design, see our related articles for the guide to importing a design from P6.

 

Step 2: Assigning Layouts

For your second step, we need to assign the layouts to your WordPress pages.

In step 1 if you imported a design, and clicked the continue button for the step to setup the content, then the design’s layouts are already assigned and you can move on to step 3.

If you DIDN’T choose the step in the design import process to setup the demo, then you’ll need to manually assign the layouts to their WordPress pages, to do that, follow the directions below. Each page you want displayed on your website, requires that you assign a layout to it.

Each layout needs to be assigned to a wordpress page.

In ProPhoto, click the layouts tab in the sidebar.

 

 

In this step, we’ll be assigning the front (home) and blog posts (blog) page layouts. To do that, select which two WordPress pages you want to set for those by clicking the drop downs in the left sidebar of the layouts screen.

Typically these two WordPress pages are ones you’ve either previously created as your home and blog page. If you haven’t created those two pages, simply go into WordPress > Pages and create a new “Home” and “Blog” page.

 

 

When you’re done selecting those, be sure to click the save button at the top of the browser. You’ll be doing that as often as possible so you don’t lose changes.

Now we’ll need to assign all the layouts that are included in the design to WordPress pages.

Click the settings icon to a layout to bring up the settings window.

 

 

By default you’ll already be on the WordPress pages assignments tab. Simply click the WordPress page you want to assign to the layout.

 

Repeat this step until all the layouts have been assigned.

If you’re importing one of our designs some things may already be assigned automatically on import, like your blog page layout, home layout, and galleries layout. If we created a 404 layout for the design or any special pages those may also already be assigned.

You can see what is assigned to each layout by looking at the yellow text in each tab, which tells you what item is assigned to that layout.

Below, you’ll find a list of some of the things we set as default in our designs:

Blog Layout: All Archive Pages, Your Blog, All Single Posts. (*Note in some designs, Single posts, has their own layout.)

Home Layout: Your Front Page

404 Layout: 404 Error Pages

Default Layout: Default

Galleries: All Gallery Pages

Finally, now that all the layouts have been assigned, you’re ready to move onto the next step!

 

Step 3: Working With Menus

If you’re looking for how to use menus in our Royal design, that’s a totally different method. Please refer to our menu article specifically for our Royal design under the royal section. – (Royal Menu Instructions)

In step 3 we’ll be overviewing menus. In the installation step from step 1, your links in the design are automatically set to the pages that were created, but you may want to edit those url names or add new links.

In the WordPress sidebar, click ProPhoto > Customize, or simply view your website in your browser if you’re logged in, and click customize at the top in the WordPress menu bar.

Where the menu is located, hover over the block and click the lock icon.

A popup will show up allowing you to select two options.

A. Continue – Clicking continue, you’re editing the block for all the existing layouts the block has been added into.

B. Make Unique – Clicking unique will separate this block from the remaining layouts it’s connected to, and whatever changes you make to it, will only show up on the layout you’re currently viewing.

Click Continue. Since you’re wanting the header block to be the same across your entire site, you’ll want the changes you make in the block to carry over to all the layouts the block has been added to.

Once you’ve clicked continue, hover over the menu module to bring up the purple box. Then click the settings icon.

You’ll now see a new popup, and the sidebar change. The popup displays all the options for what you want your menu to look like in appearance. You can close that popup if you don’t want to make any changes.

You can click near the top of any popup in ProPhoto 7 for a drag icon to show up and you can move the popup out of the way while you work on something else.

In the sidebar, it displays all the menu items currently in the module. Click the settings icon for each menu to assign it to a page or link. Or you can hover over any menu item and press the trash can icon to delete it.

Clicking the settings icon brings up a new popup options where you can set the link for the page you want.

If you want to add a menu item as a “dropdown” it’s pretty simple. Create a new menu item from the steps above, then in the sidebar, simply drag and drop that menu item underneath the one you want to be the main. ProPhoto will automatically do it’s thing and make that menu item a dropdown on the front.

Step 4: Working with Galleries

Upload Images & Creating Galleries

Working with galleries in ProPhoto is super simple and easy to do in ProPhoto 7. Let’s start by simply adding some galleries to your ProPhoto 7 design.

To do that, in the sidebar in ProPhoto click the “Elements” tab.

From there, click the galleries tab.

Click the large “new gallery” button in the sidebar to add a n ew gallery to WordPress / ProPhoto.

You may see some existing galleries like “marketing images” you can safely delete that gallery, and it’s media files. Leave your “home page gallery” so that you can simply edit it and add your photos to skip some steps later.

To delete a gallery, go into WordPress > Galleries. There you can edit, delete, re-arrange, re-name, and more.

On the media screen, click the upload files tab to upload images to your WordPress media library. Images that are already showing are existing media files in your library. You can choose from those existing files if you’d like, or you can upload new ones.

See our separate guide below to optimizing images for your site.

When the uploader window opens, simply drag and drop your photos to upload them to WordPress.

After they’ve been uploaded, they’ll be pre-selected for you, here you can either manually select which ones you want to be added to the gallery, or simply click “select” to choose the images to be in the ProPhoto gallery.

Once your gallery is created in ProPhoto, the first step is to simply rename it to what you’re adding. In this example we chose “weddings”.

You can close the gallery window and click save to finish.

Rinse, and repeat those steps to add as many galleries as you’d like!

Below, you’ll find the different methods of inserting your new galleries into the design.

Table of Contents

Still can't find what you're looking for?