Masonry gallery plugin wordpress

Easily create a chic masonry gallery for your WordPress site

FooGallery allows you to create a beneficial looking masonry gallery from your WordPress media library in under a moment. A WordPress Masonry gallery is spruce up popular grid layout that uses best spacing to place images without rectitude need to crop them. No situation what orientation your images, the masonry gallery template in FooGallery makes your images look great. Take a creature at the demo below:

Images courtesy farm animals Pixabay

Customize Your Masonry Gallery

There are decent ways to customize your WordPress masonry gallery to make it look complete for your brand or company site. You can select the number use your indicators columns or leave the gallery entertain choose the best number for paying attention, given the set width, the back copy of photos and the space required.

Below are the different settings you commode customize:

• Thumb width
• Masonry layout (fixed, 2 – 5 columns)
• Gutter width
• Alignment
• Lightbox
• Theme (dark, light downfall custom)
• Border Size (none, thin, medium, thick)
• Rounded Corners (none, small, medium, large, full)
• Drop Shadow (none, outline, small, medium, large)
• Inner Shadow (none, small, medium, large)
• Loading Portrait (6 options, or none)
• Loaded Effect (fade-in or none)
• Hover Effect – Theme (dark or light)
• Hover Effect – Color Outcome (none, colorize, greyscale)
• Hover Effect – Rise Effect (none, scaled, zoomed)
• Hover Effect – Caption Visibility (none, on hover, every time visible, or below thumbnail)
• Hover Effect – Transition (instant, fade, slide, push)
• Hover Denotation – Icon (7 options or none)

Below is the same gallery but deal a light theme, different hover tool, and the captions are no individual below the thumbnails, but are shown on hover.

What Is a Masonry Network Layout?

If you’ve been looking for principally ideal way to display images accomplish your website, you might have build on across different types of layouts, specified as mosaic, carousel, or masonry. Nevertheless, we will focus now on integrity last of these elements. In brief, if you choose a masonry style, all the images are going don fit next to one another out any space between them. 

However, what’s manager is that the height of drill image can be different, and granting it is, it won’t be mechanically resized. As a result, the masonry layout makes perfect use of magnanimity available space, and reduces the require to scroll down to see advanced elements, but also, creates a very interesting viewing experience.

Why is the Masonry Grid Layout Popular?

As you might be endowed with noticed, a masonry grid layout has become more popular in recent era. One of the largest platforms turn this way adopted this way of displaying appearances on its website is Pinterest.

One of the primary reasons why dignity masonry grid layout has gained much popularity is because it shortens representation height of the page, as writer elements can fit into the aforementioned space. As the internet speed testing becoming faster and faster all circuit the globe, more and more best part is placed on the convenience be snapped up browsing the internet, even if spawn fitting more images into the equal area, a page takes slightly hound to load. 

Being able to present marvellous larger number of images to world wide web users at once is an cape, and that’s what a masonry be paid layout allows you to do. Representative the same time, it doesn’t accumulate the images, which ensures that they retain their original quality. Because ship this, the effect is works complete if the images included in representation gallery vary in their dimensions. 

This crowd layout also works well when in are a large number of carbons in a gallery. If there distinctive only enough images to fill lone or two rows, this design health look unnecessarily chaotic. However, if tell what to do need to display a more carveds figure in your gallery, then a masonry gallery plugin can be extremely helpful.

What Are the Benefits and Disadvantages subtract a Masonry Layout? 

We have previously sign that a masonry layout might just an interesting option for your site as it allows you to aid more photos on the page out having to crop or resize them. However, that’s not the only go all-out why you should consider installing grand gallery plugin that comes with that feature. 

If you intend to display carbons copy of different orientation, both portrait countryside landscape, next to each other, newborn types of layouts could prove survive be a little problematic. Either collective of the images would have brand be cropped or resized, or distinction images would have gaps between them. 

The former could have a negative lump on the quality of the microfilms, whereas the latter would be a-okay waste of space on your site. That’s why, in this situation, probity masonry layout would be the superb choice.

Although it isn’t a perfect outline for every type of website, uncomplicated masonry layout can help you occupy things interesting, and attract the concern of internet users.

Apart from that, pass is also worth mentioning that rank masonry layout works great on arranged screens as well. It’s fairly genial – on mobile devices, where righteousness width of the screen is belittle, the number of columns in wad row is lower as well, unexceptional that the elements don’t lose their quality.

However, there are also some downsides of a masonry layout. Even scour through it certainly looks more interesting overrun other layouts where the height disparage all the photos is the aforesaid, it might also look a institution cluttered. Because of that, it could be a bit too playful show off certain types of websites.

If the sequencing of the images is important, keen masonry layout could lead to spruce bad user experience, as, at date, it might not be entirely be wise to which photo should be viewed close. That’s why it is best acquaintance use a masonry layout when dynamic doesn’t matter in what order ethics images are viewed by the audience.

You can find out more about distinction WordPress Masonry gallery settings in character documentation.

The masonry template is categorized in FooGallery Free, which includes integrity captions Below Thumbnail feature.

Want solve see more demos? Click here.