In certain instances, you may find that an interactive collection of images will help you tell your story online, thereby leading you to utilize an image gallery instead of just one or two standalone Images. Image galleries come in multiple layouts, giving you the ability to choose the option that works best for your page layout.
Watch this 4-minute tutorial for an initial overview of image galleries, or scroll below to see complete written instructions.
*Note: Click Full screen icon for best view.
How to Create an Image Gallery
1. Build a New Image Gallery Asset
To start an image gallery, click the menu at the top of the screen and choose the option. On the Assets page, click the button and choose the option.
2. Configure the New Image Gallery Asset
On the New Image Gallery Asset page, complete the field sections for Asset Info and Access Settings. Who may edit an image gallery is set by the Access Group field, while who may use an image gallery is set by the Available To field, as seen in the example below. (Note that these fields are set by default to "Everyone" at the time of creation, but they can be edited later by visiting the tab for the image gallery.)
Still on the New Image Gallery Asset page, scroll down to complete the field section for Gallery Options. When you are finished completing the fields on the New Image Gallery Asset page, click the button, as seen in the example below.
3. Upload Images
In the new field section for Images that has been created, click the button to add image files to the image gallery (note that vertical images will be cropped), as seen in the example below.
4. Enter Metadata
As you upload image files, they will display on the screen in a small window. To add information about each image, enter the Title, Description, Caption, and Link (optional), as seen in the example below.
5. Save and Publish
When you are finished entering information about each image, click the button and button to update the image gallery with your images.
How to Insert an Image Gallery Into a Page
1. Insert Asset
Once you have created an image gallery, you are ready to insert it into your page. While you are Editing a Page, place your cursor where you want the image gallery to be located and click the Insert Asset tool.
In the Select Asset window, enter the name of your image gallery in the Filter by name search box and click the entry for your asset in the search results. Then, click the button to insert the image gallery into your page, as seen in the example below.
2. Save and Publish
To update the CalLutheran.edu website with your edits, click the button and button (or if you prefer to change the Gallery Type first, see the below information before publishing).
How to Change the Gallery Type
1. Go to Page Properties
After an image gallery is inserted into your page and the button has been clicked, click the tab at the top of the screen.
2. Choose a Gallery Type
Scroll to the Image Gallery field and click the Gallery Type drop-down menu to choose the Thumbnail Lightbox or Slideshow option, as seen in the example below.
Here is an example layout of the Thumbnail Lightbox gallery type (clicking an image opens it in a lightbox):
Here is an example layout of the Slideshow gallery type (clicking an arrow moves it forward or backward):
PRO TIP: Choose Thumbnail Lightbox if you need to display all of the images together in the default page view. Choose Slideshow to create the most immersive user experience for your audience.
3. Save and Publish
To update the CalLutheran.edu website with your edits, click the button and button.
How to Edit an Image Gallery
1. Search for the Image Gallery
If you would like to add, delete, or update the images in an existing image gallery, first locate the Image Gallery by clicking the menu at the top of the screen. Choose and search for the name of the image gallery you are looking to edit. Then, click on the image gallery to open it.
2. Click the Lightbulb Icon
To make changes to an image gallery, click the Lightbulb icon. After clicking, the Lightbulb icon will turn yellow to indicate that the image gallery is now "checked out" to you for editing.
3. Make Changes to Images
Click the tab to access the main content within the image gallery. Within the Gallery Options section or Images section, make changes to images as needed. If needed, refer to the steps for managing images in the How to Create an Image Gallery instructions above in this article.
4. Save and Publish
To update the CalLutheran.edu website with your edits, click the button and button. All pages that the Image Gallery are on will be automatically updated.
|< Previous Article|