In this section, we’ll map out the different components of an Adobe Portfolio site. We’ll use the Andreas theme as an example.
Image 1: Gallery Page
A Gallery is a group of Portfolio Pages that are thematically similar. In this example, we’re viewing a Gallery called ‘work’ that contains Pages including At Night 4.
A Cover Image is used to represent a Page on a Gallery Page. It’s recommended to use an image closely related to the Page's content, but you can decide what you want to show.
Page Title & Descriptions
Depending on the Theme, Page Titles and Descriptions will appear by default or may be activated when a mouse cursor hovers over the Cover Image (known as a "Rollover").
The Navigation usually appears on the top or the left side of your site depending on the Theme you’ve selected. The Navigation is used to help visitors get around your site. It’s also where you can showcase your Logo and where you can add Social Profile Icons to link out to other accounts across the web like Facebook, Twitter, and Behance.
The Masthead is the area near the top of a Page that can be used to provide a greeting, a call to action (CTA) or other additional information about you or your work. Mastheads can appear on Galleries or Pages.
Image 2: Page View (top)
A Page is a collection of images, videos, text, and other elements that are arranged to showcase your creative projects. Pages have integrations with Adobe Lightroom, Adobe Creative Cloud, and numerous 3rd party sites. A visitor can reach a Page via a Gallery or the Navigation.
Page Title & Description
A Page Title Description here is the same information that appears on the Page Title and Descriptions on the Cover Image.
One of the elements you can add to a Page is a Photo Grid. As the name suggests, a Photo Grid is an element that groups a collection of images into a neat, responsive grid. Images from your computer or Lightroom Web Collections can be imported into a Photo Grid.
Image 3: Page View (Bottom)
Located at the bottom of a Page, Other Pages navigates visitors to other Pages within the Gallery you’re currently viewing. Remember, in this example, we’ve started in the "work" Gallery, and we’re viewing the Page At Night 4. At Night 2, Iceland Road Trip, and Modern World 1are also Pages included in the "work" Gallery.