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.
Gallery Settings
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. |
Gallery Types
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. |