Image Galleries
The Photo Gallery module enables you to create online image galleries. All you need to do is upload images and add text and descriptions to them. Once you have done this, the Photo Gallery automatically resizes them for a variety of display options.
Typically, the images that you upload are automatically scaled down to a ‘thumbnail' (a smaller version of the image that works as a preview). When a visitor clicks on a thumbnail, the full-sized image is displayed. Each gallery can appear as a separate web page in your website navigation (this does not contribute to your page count) or a gallery feed can be inserted onto an existing page using the content editor.
On this page |
FAQ
|
Screen illustrationsClicking this icon will display an illustration relevant to the step being described: |
Creating a new Photo Gallery
Tip: Standardise your imagesThe most professional looking galleries use standard image sizes for portrait and landscape images. Decide on a set of dimensions and edit your images to these dimensions to give your gallery consistency. Ultimately this leads to a more professional looking website. |
The photo gallery module enables you to create image galleries before placing a gallery (or galleries) on any web page. All you need to do is upload images (and add an optional description to them). Once you have done this, the Photo Gallery module automatically resizes images for a variety of display options.
- Choose Modules > Photo Gallery
- Click the Add a Gallery navigation tab. Enter a name for your new gallery. It must not contain spaces; use underscores instead (e.g. flower_arrangements).
- Click Save.
Adding images to a Photo Gallery
Once you have created a gallery you must now add images to each new gallery.
- Choose Modules > Photo Gallery.
- Click the Manage Images button next to the gallery you wish to add images to.
- Select up to 10 image files to upload by clicking the Choose File button, then searching your computer for a relevant image. Repeat this process for every new image you wish to add to this gallery.
- Once your chosen images are successfully uploaded they will appear listed at the bottom of the page. A small thumbnail and file name for each image will appear.
Adding/editing Photo Gallery Image Descriptions
Tip: Naming GalleriesWork efficiently by creating a name for your gallery that reflects the images that it contains. The name ‘flower_arrangements' is a much better name than ‘gallery_1'. This will help you to manage your galleries as you slowly build them up over time. |
Once you have uploaded images into your photo gallery you can add descriptions to each image. This is recommended because search engines use this information to index images on your website.
- Choose Modules > Photo Gallery
- Click the Manage Images button next to the gallery you wish to add descriptions to.
- Click the Manage Image Descriptions tab (or button towards the bottom of the page).
- Add descriptions to each image
- Click Save Descriptions when finished.
- Publish your website.
Adding a Photo Gallery Feed to a Content Page
The Photo Gallery module enables you to create stunning image galleries on any web page. Once you have created and uploaded images into a photo gallery you can add a gallery feed to any web page.
There are currently 5 styles of image gallery displays you can choose from: Carousel, Colour Box, Slideshow, Thick Box and Random Image.
- Choose Pages > Add / Edit Pages then choose a page from your Main Menu or Unattached Pages .
- From within the page’s Content Editor, place your mouse cursor at the position you wish to insert the image gallery.
- Click on the Insert Module Content tool on the WYSIWYG Toolbar. The Module Manager pop-up window will appear
- Select Gallery from the Current drop-down menu list.
- Select a Gallery style from the drop-down menu list.
- Click Preview to preview display the gallery content before it is inserted. Click OK. A bounding box will appear on your page.
- Click Save & Exit or Preview to view the page.
- Publish the website to affect changes.
Can I preview the photo gallery page?
Tip:Once you have added images to a gallery you should publish the site so that you can preview the gallery page in your website template. |
Yes, you can preview how a gallery page will display at the front of your website before you add it into your main menu.
- Upload images and add descriptions. Publish the website. This moves the images to a place on the server that will enable you to preview the gallery page.
- Choose Modules > Photo Gallery.
- Find the gallery name that you would like to preview. Click the View button next to the gallery name.
- You will see the gallery preview within your site template. The preview will open in a new window. You can close the preview window to return to the Site Builder. You can preview a gallery feed display option at any content page before you insert the gallery feed into the page. See related article Adding a photo gallery feed to a content page.