How to Show Before and After Photo in WordPress
Articles Blog

How to Show Before and After Photo in WordPress

August 25, 2019

Hey there and thanks for watching WPBeginner.
Today I’ll show you how to add before and after photos in WordPress. Just install and activate the TwentyTwenty
plugin. There is nothing to configure. We can go to a new post and add the photos that you want as a before and after, upload the photos and then add them to the post like this. Make
sure both photos have the same dimensions. Now we need to switch to the text editor side
and find the image code. Once you find that code, we’re going to add the [twentytwenty] [/twentytwenty] shortcode before and after both images, this is what it will look like. Now we can publish and see what it looks like
on our site. The first image will automatically become the before and the second is the after image. You also have a slider that you can move between them to see the full image for before or the full image for after. I hope you liked this video and found it helpful. If you did, click on the like button below and leave us a comment. And if you want to receive more helpful videos don’t forget to subscribe to our channel and check out WPBeginner for more useful information on WordPress.

Only registered users can comment.

  1. Got all excited for this, installed it, got it working on PC, but then it just fails (doesn't load) on mobile at all (android, iphone, etc).

Leave a Reply

Your email address will not be published. Required fields are marked *