How to use Gallery shortcode


Pluto comes with options to display Portfolio items, but also allows you to display Gallery of images, analogical to the default WordPress gallery. You can do it with ct-gallery shortcode, which can be found under Gallery shortcode section.

ct-Gallery shortcode

ct-Gallery shortcode

CT-Gallery is a shortcode, which displays (anywhere you add it) images uploaded to defined before page. To use it follow the steps described below:

  1. Create a source page for images (it won’t be displayed – you only will use it to upload images).
  2. Go to “Set featured image” in page edition
    Set featured image

    Set featured image

  3. Click on Upload images
    Upload new images

    Upload new images

  4. Upload images that you want to display with shortcode
  5. You can check your uploaded images via select field Uploaded to this page (you can also change images order here via drag and drop)
    Check and reorder uploaded images

    Check and reorder uploaded images

  6. Click “x” to go back to page edition
  7. Click update to save changes
    Save your changes

    Save your changes

  8. Copy page slug
    Copy page slug

    Copy page slug

  9. Go to page, where you want to use ct-gallery shortcode and paste the copied slug to ct-galllery shortcode
Feel free to change number of columns and header for gallery section.

Check the final effect here!


Common Issue:

How can I change which part of the original image will be displayed in gallery miniatures?

Gallery thumbnails are automatically cutted by WordPress in such a way that the main part of miniatures is the center of the original picture. So for example if you are using vertically oriented images, they can be cutted in the way, which does not present correctly what is on the image.

Example:

Incorrect thumbnail cutting

Incorrect thumbnail cutting

Fortunately there is easy fix for this. You can crop all thumbnails manually with the Manual Image Crop plugin for WordPress. Plugin can be downloaded here. After installing and activating the plugin you can fix all thumbnails which are not cropped properly with several simple steps:

1. Go to Media Library section.

2. Switch the media grid to list media-1

3. Find image, which needs to be edited and click on Crop link

Manual crop option

Manual crop option

4. Adjust thumbnails positionmedia-35. After finishing the edition click on Crop it! to save changes.media-4

And it’s done 🙂