WordPress jQuery Masonry Image Gallery with Lightbox

I have a private photo blog for my family, and I tried to add a jQuery Masonry layout to it today. Unfortunately, the Masonry scripts broke my lightbox scripts – rats!

After trying a bunch of plugin combinations, I found that the only way I could get things working properly was by using the Jetpack plugin and activating the “Carousel” and “Tiled Galleries” modules.

Here’s the result:

masonry

It’s not an ideal solution, because the “Carousel” functionality isn’t as clean as a nice lightbox…but whatchagonnado?

Know of a better way to pull this off?

Posted in

The Mighty Mo! Design Co.

More posts from themightymo.com

How to merge two folders, including all sub-folders and files, on Mac

By The Mighty Mo! Design Co. | November 3, 2022

Today I had an issue where I needed to merge two folders, each of which contained many sub- and sub-sub folders that had lots of images. After a lot of trial-and-error and some Googling, I found the best solution is to use the “ditto” command in Terminal like this: That’s it! Hat tip to AppleInsider.

mailchimp usage stats

Some Surprising Trends in Website Development

By Toby Cryns | October 17, 2022

I wasted some time today to bring you (dum dum duuuuum!): Some Surprising Trends in Website Development!

How to Configure WordPress with Cloudflare, HSTS, TLS, and Secure Headers

By The Mighty Mo! Design Co. | October 11, 2022

I was recently asked to look into creating some secure http headers as well as forcing a website to load over TLS1.2+. Below are my “how to” instructions for updating these settings within WordPress and Cloudflare. Install & Configure the Cloudflare WordPress plugin. Make sure an SSL Certificate is installed on your host for your…