You can add a photo album to a page on your Wild Apricot, so that visitors to your site can view a gallery of photos. Public photo albums are different from member photo albums which appear on members' individual profiles.
You can allow members to upload photos to photo albums on your site, choosing whether to restrict uploading to selected membership levels, or allow just site administrators to upload photos.
You can add as many photo albums as you want, with each album appearing on a separate page. You can restrict access to each page as you would any other page.
Photo albums – like other site content – are inserted as gadgets, in this case, a photo album gadget. You cannot add a photo album gadget – or any other singular gadget – to a page template or system page, or to a page containing another singular gadget.
Each album appears as a separate folder under SiteAlbums within your site's Resources folder. Deleting a photo album gadget does not remove the corresponding album folder from the SiteAlbums folder.
You can also display the images from a photo album in a slideshow gadget.
Adding a photo album to a page
To add a photo album to a page on your site, follow these steps:
- Go to Sites pages (under the Website menu) and create or begin editing the site page where you want the album to appear.
- Click the Gadgets icon to display the list of available gadgets.
- Drag the Photo album gadget from the list, and drop it where you want it to appear on the page. You can insert it into a section within a layout, or above or below a layout.
When a layout cell or placeholder is empty, a Drop gadget or layout here prompt will be displayed. When you drag a gadget over an empty layout cell or placeholder, it turns green, indicating that you can drop the gadget there. When you drag a gadget above or below a layout, a prompt will appear indicating that you can drop the gadget before or after the layout.
- After you have dropped the gadget in the desired location, hover your pointer over it and click the Settings icon.
- From the gadget settings panel on the left, choose the desired settings for your photo album. For more information, see Adjusting photo album settings (below).
- Click Save to save the changes to the page.
For instructions on restricting access to the page, see Page access and visibility.
Adjusting photo album settings
After you've added a photo album gadget to a page on your site, you can adjust the photo album gadget settings. Within the gadget settings, you can set the number of photos per page and control who can add photos to the photo album.
Gadget settings appear in a panel on the left side (which can be hidden to maximize the page design area). To display the settings panel, you position your pointer over the gadget – while editing a site page – then click the gadget's Settings icon.
The following photo album gadget settings are available.
The name of the photo album. This is the name that would appear when you are selecting a photo album to use as the basis for a slideshow gadget.
Photos per page
The maximum number of photos that appear on each photo album page. If there are more than the specified number of photos in the album, links will appear at the top-right and bottom-right of the page that you can use to scroll through the album pages.
Photos can be uploaded by
Choose the kind of members who can upload photos to the photo album. You can allow all members, administrators only, or selected membership levels. If you choose the Selected membership levels option, you then check the membership level(s) that you want to be able to upload photos.
|Sort by||Controls the order in which photos are displayed in the album. You can choose to display them by name or date added – the date the photo was uploaded to the album – in ascending or descending order.|
This section displays identifying information for the album that administrators need to upload photos via the Files screen or via WebDAV. Before you can view the album information, you have to save the page on which the photo album gadget appears then refresh your browser (on most browsers: press the F5 key). For more information, see Uploading photos through File management or via WebDAV.
If you specify a gadget title, the title will appear specially formatted within the gadget. Depending on the gadget style you choose, the title may appear in a heading box.
The gadget style determines the physical appearance of the gadget. The style you choose will determine the color and format of the gadget title, the gadget content, and the gadget border. You can choose from theme-specific styles and styles that are common to all themes.
The amount of space – in pixels – that appears outside the gadget. You can set top, bottom, left, and right margins separately.
The name of a CSS class defined on the CSS customization screen.
CSS code to control the behavior or appearance of the gadget. For example, you could enter width: 250px; to control the gadget width.
Adding a description
You can add a description for your photo album by inserting a content gadget ahead of the photo album gadget. Within the content gadget, you can add a title and description, and format them using text styles. If you plan to add a title and description using a content gadget, be sure not to enter a gadget title as part of the photo album gadget settings. For more information on adding and formatting text, see Using the content editor.
Viewing photo albums
Each photo album shows thumbnails of photos. The number of photos displayed per page depends on the Photos per page setting within the photo album gadget's settings.
If you are logged in as a member, you have the option to show all photos or only photos that you have uploaded. If you have permission to upload photos, an Upload button will appear.
If the number of photos in the album exceeds the Photos per page setting, then links will appear at the top-right and bottom-right of the gadget that you can use to scroll through the album pages.
To view a larger version of a photo, click the thumbnail within the photo album. On the individual photo page, the photo will be displayed as close to full size as can fit on the page. Above the image you will see the date the image was uploaded, as well as the name of the member who uploaded it (depending on the member's privacy settings).
To view the full version of the photo in a separate browser tab, click the photo within the photo page. To scroll through other images in the album, click the Previous or Next links.
Changing colors and fonts
You can change the colors, text styles, and backgrounds used in your website from the Colors and styles screen. For a list of photo album elements you can customize, click here. For more advanced fine-tuning, you can use CSS customization and theme overrides.
There are 3 ways that photos can be uploaded to a photo album:
Uploading photos from the photo album
Administrators and members who have been granted permission to upload photos will see a Upload button within the photo album.
Clicking this button will display a dialog where they can select up to 5 images to be uploaded at a time.
You can select photos saved using the following file formats: .jpg, .gif, .png and .tif. The maximum file size of each photo will depend on your billing plan.
After selecting the files to be uploaded, click the Upload button.
The selected photos will be uploaded and added to the photo album.
Uploading photos through the Files screen or via WebDAV
To upload images through the Files screen or WebDAV, take note of the Album ID displayed on the photo album gadget settings.
To upload photos to the album through the Files screen or via WebDAV, you expand the SiteAlbums folder under Resources then select the folder with the album ID number.
From the Files screen, you can upload any number of files to the album folder.
Via WebDAV, you can copy files to the album folder as you would any other folder on your computer.
Photos added to photo albums on your site can be downloaded from the Files screen or using WebDAV. In either case, you expand the SiteAlbums folder under Resources then select the folder with the album ID number. You can then copy the files to another location on your computer or network.
Adding captions to photos
After a member or administrator uploads a photo, they can add a caption to the image they uploaded. You can add captions only to those photos that you have uploaded.
To add a caption, click on the image within the album and then click the Add caption link that appears below the photo on the individual photo page.
After you enter a caption and click on Save, the caption will appear below the photo thumbnail and on the individual photo page.
After a member or administrator uploads a photo, they can delete the image they uploaded.
To delete a photo, hover over its thumbnail within the photo album then click the Delete link that appears.
You can also delete a photo from the individual photo page by clicking the Delete photo button that appears in the upper right corner.
On this page:
- Adding a photo album to a page
- Adjusting photo album settings
- Adding a description
- Viewing photo albums
- Changing colors and fonts
- Uploading photos
- Downloading photos
- Adding captions to photos
- Deleting photos