How to go about Adding Image Galleries

Image galleries can be added to any content area and can be customized in various ways. To add an image gallery navigate to any page or post and in the content area place the cursor where you would like the gallery to appear. Click Add Media to begin.

Click Create Gallery and upload new images under the Upload Files tab or select images that exsist in your media library from the Media Library tab. Select Images for your Gallary by clicking on them. Once you have all the images checked, click Create New Gallary

Now you can edit the gallary by entering captions and dropping and dragging images to change their order. The Gallery Settings are also selected at this point (See the following passages for information on the gallery settings). Once the gallery settings have been selected click Insert Gallery and the gallery will be inserted into your content area.

Below are explanations for gallery settings.

Option Description
Gallery Type See preceding passage for information about each type.
Random Order Decide whether you want the images displayed randomly or the order you specified via drag and drop.
Cropping
Slideshow gallary type only
Select “Crop Images” so they all appear the same height in the slideshow. Or select “Do not Crop Images” and the slideshow will resize according to the image height.
Link
Slideshow gallary type only
Select None if the image should not have a link or Full Image if you’d like it to link to the full image when clicked on. When linking to the full image it opens in a responsive lightbox.

Below are explanations and design tips for the different types of image galleries.

Option Description
Gallery This gallery type is your traditional gallery, displaying a block of thumbnails that when linked to the full image open in a responsive lightbox. The captions appear upon hovering. The gallery type is only available in a fixed width.
Design Tip: A gallery looks great when displaying images in multiples of three.
Slideshow This gallery type displays a slideshow where the entire image is shown and the user can click scroll left or right through the gallery. Captions are optional and will display on the image. The slideshow gallery type also has the option of cropping so the slideshow will remain the same height. If the images are not cropped the height will adjust for each image.
Design tip: Create a Slideshow gallery with only one image, and make sure it’s full width. This creates a dramatic, break out of the box image on your post, page or portfolio item.