Would you like to display WordPress images in columns and rows?

By default WordPress adds images in a vertical column on top of the other. However, if you add multiple images for a blog post, it doesn't look very good and requires a lot of scrolling for your users.

In this tutorial, we will show you how to easily display images in grids.

But before, if you have never installed WordPress discover How to Install a WordPress Blog in 7 Steps et How to search, install and activate a WordPress theme on your blog 

Then back to why we are here.

Why will you need to post items in a grid?

By default, when you add multiple images to a WordPress article, they are very close to each other or some are above the others.

It does not look very good, and your users will have to scroll down to see all the pictures (especially if the list is long).

You can easily solve this problem by displaying images in rows and columns using a grid-based layout. This way the images will appear in a compact configuration to enhance the user experience of your website.

With that said, let's take a look at how to display images in grids.

We will show you how to grid images without plugin. If you do not add several images very often, then it works very well for you.

First, you need to create a new post or edit an existing one where you want to display your images. On the article editing screen, click on the "Add mediaTo open the library.

See also How to restrict access to the media library on WordPress

Then you have to select all the images you want to display. After that (or before, it depends on you), you must click on the tab « Create a gallery ».

Discover 5 WordPress plugins to add galleries to your Blog

When your images are already selected, all you have to do is click on " Create a new gallery ". You can then change the order and choose " Insert gallery ».

If you want to change the number of columns or other parameters, just click on the images in the post editor.

WordPress will select your gallery and you can then click on the " crayon To change the settings of your gallery.

That's it, you can continue writing your article or save your changes.

You can also preview the article to see how your images appear in a grid.

This method works for most beginners. However, if you have a photography blog or often share images on your website, this method will not be satisfactory because it remains basic.

Check out our 10 premium WordPress plugins to create an image gallery.

For example, the display of images depends on your WordPress theme and you are limited to one layout type.

Your images will not appear in a pop-up lightbox and users will need to upload them as a new page, then click the back button to return to the original page.

So it's a good method but it has limitations. We therefore advise you to use a plugin.

Here are some tutorials and plugins that you can use:

Discover also some premium WordPress plugins  

You can use other WordPress plugins to give a modern appearance and to optimize the handling of your blog or website.

We offer you here some premium WordPress plugins that will help you do that.

1. WP Media File Manager

WP Media File Manager allows you to organize in a hierarchical way and using its drag and drop interface, the media library of WordPress. You won't need to create folders manually. This improved media library management plugin allows you to upload directories containing thousands of files directly from your PC's file manager to your website's FTP. It will automatically create the same folder hierarchy. wp media file manager

So if you want to have the same file in multiple folders no problem, now you have a real media library plugin which provides this cool functionality.

Its features include: deep search in folders, ability to download specific files, compatibility with other WordPress plugins, multi-site support, thumbnail creation, premium customer support available 24/7, and more.

Download | Demo | Web hosting

2. Dropr

Dropr is a WordPress Plugin which will integrate seamlessly with your WordPress website which will use it as your website's media folder. With this plugin, you can add any file from the Dropbox account directly to your pages or posts.dropr

It will also allow you to use the Dropbox account directly in the WordPress editor, which will simplify the whole process.

It’s a WordPress Plugin Beginner friendly with a very simple and clean interface. It supports all major file types, audio, video, PDF, Excel, images and more.

Download | Demo | Web hosting

3. Facebook How to Slider for WordPress

Facebook How Slider is a WordPress Plugin which offers visitors the opportunity to leave comments on your website. Along with this modern and non-intrusive comment box, this WordPress plugin provides Like Box and Fan Page Wall functionality that will extend your website's integration with the Facebook social network.Facebook how to slider

You won't need to insert the Like button and share your posts or pages, as it is already contained and can be displayed on all pages and posts of your website. Visitors will find the Like button, Share button, and comment box on their Facebook slider.

This WordPress plugin contains three different sliders to help you integrate all the Facebook marketing opportunities into your website. You will be able to display the Like dialog box only on the home page or the three sliders on each page. Of shortcodes simple will give you total control to achieve your goals.

Download | Demo | Web hosting

Recommended Resources

Check out other recommended resources that will help you resolve other common WordPress errors. 

Conclusion

Here is ! That's it for this tutorial, I hope it gave you an understanding of how to display images in a WordPress grid. Do not hesitate to share it with your friends on your Social Media preferred. 

However, you will also be able to consult our resources, if you need more elements to carry out your projects of creation of Internet sites, by consulting our guide on the WordPress blog creation.

But in the meantime, tell us about your Comments and suggestions in the dedicated section.

...