Adding Lightbox Style Image Zoom to a WordPress.com Site

Guess what? WordPress.com is different to WordPress.org. WordPress.org is self hosted and you can do things like install plugins. WordPress.com is hosted by, uh, WordPress and you can’t install plugins. But the com version is very easy to set up and use and everything kinda just works.

But have you ever tried to get a Lightbox style ‘click to zoom‘ effect in WordPress.com? Its not immediately obvious, so after figuring it out I wanted to share it.

Firstly, go to your admin dashboard and tick the “Display all your gallery pictures in a cool mosaic” option.

wp1.png

Then, go to a post that has a plain image and start Editing it:

wp2.png

Position your cursor above the old image, then click Add Media.
Important: select Multiple Images here and you will get a Continue button:

wp3.png

In the next screen, click Edit and then use the X to remove any superfluous images, so you can just have one image in the ‘gallery’ if you like:

wp4.png

Set your Layout to Tiled Mosaic and Link to Attachment Page:

wp5.png

After inserting this gallery, you will see that there is a new Gallery object above the old image:

wp6.png

Now, you can delete the old image:

wp7.png

And Update the post:

wp8.png

Now, when you go to the post and click on the image, it will ‘zoomto the image like this:

wp9.png

Here is a live WordPress.com page with the Carousel ‘lightbox‘ enabled:
Rooms to Polycurves – dynamoworks

And here is a link to some documentation:
Galleries and Slideshows — Support — WordPress.com

0 0 votes
Article Rating
Subscribe
Notify of
guest

1 Comment
Oldest
Newest Most Voted
Inline Feedbacks
View all comments
Margaret
6 years ago

Very useful information.