In this article, we're going to show you how to use the WordPress Gallery feature to add image galleries to your posts. We'll also teach you how to turn those image galleries into X & Pro's slider.
What is a Gallery
You can add images individual images to your WordPress posts in both the classic WordPress editor and the Gutenberg Image Block. When you add images this way, what you'll have are images stacked up on top of each other like below.
What if you want them to beautifully display in columns and rows like below?
The solution is to use Galleries instead of individual images.
How to Setup a Gallery in WordPress
There are different ways to add a gallery depending on whether you're using Gutenberg or the Classic WordPress Editor.
- Click on the + icon then click Gallery as shown below.
- Click the Upload button if you want to upload images from your computer and Media Library if the images you want to include in the gallery are already in your media library.
- Select the images you want to include in the gallery (they are the ones that have check marks) then click the Create new gallery button.
- Next is to click the Insert gallery which inserts the gallery to the post.
- If you click on the gallery block, you'll see options available on the right side. You can choose how many columns to use in the gallery. In the example below, we've set it to 3.
Using the Classic WordPress Editor
- Click the Add Media button on the standard WordPress editor.
- Click the Create Gallery link at the left corner of the media dialog.
- Upload, or select the images that you want to include in the gallery.
- Click the Create New Gallery button.
- Click Insert Gallery.
Insert a Gallery in Cornerstone / Pro Builder
If you want to add a gallery in the Cornerstone or the Pro Builder, follow these steps:
- Add a Text Element.
- Use the Rich Text Mode and follow the same steps as on the previous section Using the Classic WordPress Editor.
Another option is to use the Gallery WordPress shortcode. Click here to learn more.
How to Setup Post and Portfolio Slider Galleries in X or Pro
Now let's say you want to display the gallery you created as a slider just like below:
You can do this in both Posts and Portfolio Items.
All you have to do is to click on the Settings Icon then on the Post Format dropdown, choose Gallery.
On Portfolio Items
- On the Portfolio Item Settings Meta Box, below the content editor, locate the Media Type option.
- Select Gallery.
- Then for Featured Content, select Media.
Now you know more about the WordPress gallery feature and how to add it in posts and portfolio items. You also know how to turn them into X & Pro's slider.
See something inaccurate? Let us know