HAVE A RESPONSIVE PORTFOLIO? If so, please instead consult the
Responsive templates section for support.
Below we discuss how to set up your website using our themes, which is the ideal option for users who do not have a preexisting website or are not familiar with HTML/CSS. If you do have a preexisting website into which you would like to seamlessly integrate your PhotoShelter pages, check out our detailed Manual Customization Mode tutorial.
Choosing a Template
1. Select Website from the Navigation Bar to view our library of themes (i.e., pre-designed templates). You can preview the various theme options by clicking through the list. Make sure to note the customizable tools in the right-hand column, where you can browse through:
- Theme Style
- This particular template's style (color, font, etc.) options.
- Thumbnail Size
- Determines the size of the thumbnail images on your website.
- Screen Image Size
- Determines the size of the larger preview images on your website.
- Constrain Height
- Constraining the height will make your vertical images' height the same as your horizontal images' height so no cropping is applied.
- Display Contact Link in Footer
- Determines whether a link to your Contact page will display in the footer of your website.
2. When you've found a theme you like, click the Save Changes button. You can select My Site from the Navigation Bar to view your live website and see how it looks. Every time you want to commit a new change, be sure to click the Save Changes button before viewing your website.
4. If you find that you want to customize a few more things than are offered within your theme, we've got you covered. Start by choosing your desired theme and adjusting the look and feel to match your preferences as closely as possible given what's available. If you're handy (or brave!) enough to tinker around with the HTML and CSS, you may then switch to Manual Customization Mode. The code base from your most recent theme will populate into the templates, so if you have never attempted Manual Customization before, you may use this as a starting point for further refinement. See our Manual Customization Mode tutorials for more information.
Note: you can switch between Themes and Manual Customization Mode at your leisure. Just beware that if you have already tried Manual Customization Mode, switched back to Themes, and then attempt to switch back to Manual Customization Mode again, you'll see a warning that this will override your original Manual Customization code. (You are only able to keep one version of Manual Customization code in your account at one time.)