Images are very powerful tools that helps you captivating your audiences and conveying messages effectively. However, sometimes static images just are not enough to occupy your visitors in the website. Adding the ability to expand image on click, significantly improves visual appeal and interaction on your website.
In this post, I am going to show you the process of expanding image on click. Here, I will show you the process with/without plugin. Make sure you stick out to the last and then try yourself.
Let’s start.
Expand Image on Click Without Plugin
By default, WordPress comes with on expand-on-click effect. To add it, follow the below steps.
Step 1: Insert Any Image Type Block
There are a couple of image-type blocks like media and text, image, gallery, etc. Insert any of those blocks. Here, I am inserting a gallery block.
Step 2: Add Images
Click on the upload button and upload your images. You can also click on the Media Library button and choose your images.
Choose your images and hit on the ‘Create a new Gallery’ Button.
If you like, you can write captions for your images and click the ‘Insert Gallery’ button.
The gallery will be inserted.
Step 3: Add Expand on Click Effect
Click on any image, and from the toolbar, click on the ‘Link’ button.
Select ‘Expand on click’.
In this way, do the same with other images. When you are done, don’t forget to save changes.
Now, you will have something like this below.
Expand Image on Click With Plugin
If you like to have lots of customization options and don’t like to add the effect manually to all images, then its better to use a plugin. there are lots of plugins available in the WordPress plugins directory. Among those Easy FancyBox is very popular and easy to use. You can follow below steps to add the effect.
Step 1: Install the Easy FancyBox Plugin
From your dashboard, navigate to Plugins -> Add New Plugin, and search for ‘Easy Fancybox’.
Install the plugin by clicking on it.
Step 2: Customize
You will be able to add expand on click effect on image right after installation.
You don’t need to do anything to add the effect. But if you like to customize settings, there are a lot of settings available. To customize settings, then navigate to Lightbox -> Settings.
If you don’t customize anything, it’s ok.
Now, when you add any image or gallery, it will come with an expand-on-click effect.
Last Words
Incorporating expandable images into your website can help you significantly enhance your visitors experience, offering them a more engaging and interactive way to view the images. By using the methods discussed in this post, you can seamlessly add this feature.
If you have any questions, feel free to ask in the comment box and don’t forget to share this post with your friends.
Leave a Reply