Adding a Single Gallery
The following tutorial explains how to create and set up a single gallery post that can be displayed on the “latest posts” type page, including choosing image size options.
Adding a Single Gallery
Adding a gallery to your portfolio is a simple process. See the following video on adding a gallery:
If you like reading, follow these simple steps below:
Step 1 – Add New
Go to your WordPress backend and in the left hand sidebar, go to galleries, and then add new:
Add your title, and then any gallery descriptions (if required).
Step 2 – Select Layout
Next select the layout for your gallery.
There are 4 options from left to right:
- Grid View Masonry – see here.
- Gallery Crop – this view will be in a letterbox view and will crop your image if not in the correct ratio – see here.
- Visible Nearby – this is images each side of the current slider image – see here.
- Gallery No Crop – this slider will not crop images and it will fit the container – see here.
Step 3 – Attach Images
Add your images. Go to the attached images section, and click “Add Gallery images”. Use images from the media library or drag and drop images into your gallery from your desktop. NOTE! Please make sure your images are optimized for the web. Once the images are added you can sort and delete images from your gallery, as well as reverse the image order.
Step 4 – Add Categories and Tags
You can use categories and tags to define sections of your site and group related galleries.
Step 5 – Add a Featured Image
A featured image is usually used on listing and archive pages to represent a gallery post. Add this in the right hand sidebar.
Step 6 – Publish
Go to the top right and publish the the gallery and it will appear in the latest galleries page.
For each gallery type there are some image size options, these can be found in Flothemes > Content Settings > Galleries:
Default Gallery Layout
The following option is for setting a “default” gallery option for a single gallery post. This is overwritten by individual gallery settings.
Select one of the 4 options to see the various layout details.
Each option will have its own specific settings from left to right.
Grid View Masonry
With grid view masonry, you can select the number of columns, the spacing between the images and the hover color and opacity.
This view will be in a letterbox view and will crop your image if not in the correct ratio – see here.
There are no additional options, you can just set the max height.
This is a can be center aligned or a left aligned image – see here.
Select the Active slide alignment.
If its center aligned, then there will be an image shown each side.
With left alignment, an image will immediately precede the current image to the right.
Gallery No Crop (Original Size)
This slider will not crop images and it will fit the container –see here.
There are no additional options, just select the slider height.
Gallery Max Height
This will allow you to set a max height on the single gallery posts for slider views 2-4. I would suggest using a slider no larger than 700px in height to allow a better fit for all devices.
Gallery Auto Play
The autoplay options allow you to enable autoplay and the speed in which the single gallery transitions between images.
Enabling pagination will allow you to navigate between single gallery posts with previous and next options:
Shown at the below comments in galleries:
Back to Galleries
Enabling this option will add a back to galleries link in single gallery posts. You can enter the label name and the page which it should link to:
The following options allow you to turn off the categories and tags options in the latest galleries type page:
The archives listing page for categories options are set with the following options.
If a user searches for a category they will be displayed with the view selected above.
Comments – enable or disable single gallery comments.
Change Default WP Gallery Shortcodes – this will allow your WordPress galleries to replicate the lazy loading grid views that we display in our theme. See the following video on using the default WP gallery shortcode.