| Table of Contents | ||||||||
|---|---|---|---|---|---|---|---|---|
|
Overview
Photo Albums are highly customizable, allowing for various visual integrations. They have a simple interface for typical uses and a more advanced interface for custom HTML and snippets. Use Case(s) The most typical use is a thumbnail or carousel style gallery to highlight previous events or member spotlights. One very powerful use is linking to events via event flyers, allowing for visual cross-promotion. |
Video
This video provides an overview of how to use Advanced Photo Albums.
Note: Sections of the video have been referenced below with corresponding times in the video for ease of access
| Total Video (Length) | 8:48 |
|---|
| Accessing Settings | 1:10 |
| Linking Albums to Events | 5:24 | ||
| Settings Overview | 1:26 |
| Thumbnail Layout | 6:03 | ||
| Album Types | 3:05 |
| Adding Lightbox Feature | 6:28 | ||
| Editing Plugin HTML | 3:52 |
| Thumbnail Structure | 7:03 |
...
| Widget Connector | ||||||
|---|---|---|---|---|---|---|
|
Content
|
|---|
Accessing the Tool
Click the ‘hand holding a napkin’ icon to access the settings. This will usually be to the top right of the Photo Album on the page.
...
Enter the Size (Optional): Auto-sizes images to either match a specified height or width (but not both to avoid stretching).
Thumbnail Settings
Thumbnail HTML Template: Opens up Editor for customizing the thumbnail display (how individual thumbnails appear).
...
For banners/events on the home page, make sure all images are the same size or larger than needed. They can always be sized down, but sizing up causes blurriness and pixelation. Most banners are about 3:1 ratio (width:height).
Make sure all images for ‘event galleries’ are in the same orientation (usually landscape), otherwise the thumbnail grid will appear inconsistent.
Structure folders in Image Explorer in a way that makes sense so images are easy to locate. For example, Images/Events/2016/July-4-Cookout is a logical structure.
- When editing an image in PicMonkey, choose ‘save a copy’ instead of ‘save’ in case you don’t like the changes and want to revert back to the original.
- PicMonkey does not recognize PNG transparency. You can use a different (free) online image editor when working with images with an Alpha channel: https://pixlr.com/editor/
- PicMonkey and Windows 10 do not recognize orientation data and will rotate images ‘correctly’ until they’re uploaded. If you run into this, use: https://pixlr.com/editor/ to open your image and go to Image > Rotate (X) > Save.
...
Downloadable Guide