Classic Websites Platform: Setting Up Your PhotoShelter Navigation in WordPress

HAVE A RESPONSIVE TEMPLATE? If so, please instead consult the 
Responsive Templates section for support. 


Please refer to Overview: Graph Paper Press for WordPress before moving forward to this section.

After you've got your blog looking how you'd like, your first step of the integration will be to set up your blog's navigation links within WordPress, as this is what will be used across both sites – your PhotoShelter site, and your WordPress site. 


Setting Up your Blog's Navigation 

1. Make sure you've already installed or activated your blog theme of choice. 

2. Now, you'll choose whether you want to use the default set of PhotoShelter links (recommended as this is a bit easier and quicker to set up and is also customizable) or configure your links selectively (can include whichever links you want and name them how you'd like). If you'd like to go with the default option, then you will need to use the Official PhotoShelter Plugin. Please refer to this section on working with the plugin

3. To configure custom links instead, in your WordPress account, click on Menus in the Appearance tab in the left-hand menu. 

4. A menu is a set of links that will appear on your site, typically at the top of the page (but possibly on the left-hand side or elsewhere, depending on your WordPress theme's design). To create your menu, type the name of your menu in the text field and click the Create Menu button. This name is for internal use only and will not appear on your site. 

5. Activate your new menu by selecting it from the Theme Locations box on this page. 

6. Now, you'll need to populate your menu with the links of your choice using the Custom Links box on this page (below "Theme Locations"). 

Create one custom link for each PhotoShelter page you wish to include in your menu. For example, to add a link to your PhotoShelter homepage, enter your PS site's link into the "URL" field, and then enter the link title (i.e. "Archive" or "Home") into the Label field. When you click "Add to Menu," you'll now have a top-level navigation item in your menu.

Now that your links are created, you may want to consider nesting them, such that your PhotoShelter links are clustered within one or more drop-down menus. If you'd like to do this, simply drag and drop the link below the one you'd like to appear at the top. You can play around with the configuration until it meets your needs. 

Here is an example of custom links in WordPress 3.0 or higher. 


Note: You will need to remove YOUR-LABEL-HERE from all of the above links and replace it with your label (which is essentially the customizable portion of your PhotoShelter URL — the part just before the in your website address). You may find your label by looking at your site's links or in the My Website Address section of your account, found at Customize > Website Settings > Website Address.

For those of you with CNAMEs, remember that you may also replace the "" portion of any of the above links with your CNAME. For example, is the link to PhotoShelter's own Chris Owyoung's gallery list.


Creating a Portfolio Menu Item

If you wish to display a Portfolio drop-down in the navigation on your integrated site, the process is just a bit different. Follow the steps below. 

1. Follow steps 1-5 above. The URL for your Portfolio menu will be:

2. Create a custom link for each gallery you have listed as a portfolio. The structure of a portfolio gallery URL is:

The Gallery ID is also at the end of the regular Gallery URLs. You can find those by clicking on each gallery from within your Image browser, and looking at the Gallery URL in the top left corner. The very last part of the URL - always starting with G - is the ID you need.

3. Once all the custom links are created, you will see them on the right. Drag and drop all the individual portfolio gallery links underneath the original Portfolio link you created


Next: Please read up on Matching Your PhotoShelter Site to Your WordPress Site here.

Still have questions? Contact us.


Powered by Zendesk