how to create a wordpress photo gallery

You are tired of putting single-single image in your wordpress posts and pages and now want to put entire set of images in your post of page. So you want to know how to create an image gallery in wordpress.wordpress photo gallery

Photo gallery in wordpress allows you to upload pictures easily using the add media option. Now when you are creating a wordpress photo gallery you have to consider some factors, like the wordpress photo gallery should not be very heavy to load, By that i mean that the wordpress photo gallery should not take long to open each image. When somebody click on any picture of the wordpress photo gallery, the image should open fast. Also when somebody click on any of the thumbnails on wordpress image gallery the image should open in a box the size of the image that pops over the gallery. The website user should be able to go through the photo’s in the wordpress image gallery by click next and back in the same pop up box of the wordpress photo gallery. For implementing these functions inside in wordpress photo gallery. We need to install two plugins

  1. Imsanity: this is a plugin that automatically resized the resolution of the images uploaded to wordpress photo gallery to within range as specified in its settings. Which would mean smaller file size of each image of the photo gallery. Smaller size of the wordpress photo gallery each image would mean faster loading time. As an image which is 1000 kilobyte will take longer compared to an image that is 300Kilobyte. wordpress image optimizer
  2. Simplest Gallery Plugin: This is a plugin which produces a popup when somebody clicks on the thumbnail in our wordpress photo gallery. This kind of popup is officially called as lightbox. It turns the background behind the lightbox shady and whole focus of the visitor goes to the lightbox. You just need to install and activate the plugin, no setting is requiredwordpress lightboxNow first thing after installing the above plugins we will first do the settings for the imsanity plugin so that it auto resizes our images for us. to do that on the left hand vertical menu on dashboard go to settings and click on imsanityresize-uploaded-pictures-wordpress. On the Settings screen that opens scroll down so that you can see the following settings part of the screen. In this screen set the maximum resolution for Image uploaded in Post/page to 1000×1000.wordpress-image-resizeNow Save changes and then after that. Just open the add new posts option or add new page option or just edit an exiting page/post and click on add media on the top of the wordpress editor and add the files that you want to upload to the wordpress image gallery. For how to upload image to a post/page look at the following post. You can select multiple files to upload and they will all the uploaded at once and and you will see even if you add images that are bigger than 1000 x 1000 pixel they will automatically be resized without loosing their width to height proportion. once you have all the images uploaded  you will see the following screen
    create-wordpress-galleryNow in the above screen click on the create gallery link at the top left hand side and you will see the following screen.create-photo-gallery-wordpressNow the difference in the above screen and previous screen is that, in this screen the button at the right bottom of the screen says create a new gallery instead of insert into post in the earlier screen. Now next you need to click on Create a New Gallery Button, to see the following screen.image-gallery-pluginNow in this screen you can adjust the settings on the top right hand side, like how many images you want in a row, so if you select 4 columns here you will see 4 images in one row. You can also drag and drop the images to change the order in which the images will appear in the gallery. You can as well add captions to each gallery image below it if you want. After doing the settings etc you can click on the insert gallery button at the bottom right and your gallery would be inserted in the post/page and will look like this.how-to-photo-gallery-wordpressNow you should clock on the update button to update this post so that it appears on the post/page in our case Post: demo post, which will look like the following in the default 2016 theme.how-to-create-wordpress-image-galleryand when you click on an image you will see the lightbox like on the following screen and it also gives the option to browse through images one by one by clicking in the right or left pointer which appears on the image when you take your mouse pointer towards left or right.wordpress-image-lightbox-pluginThanx for taking out the time to read by Post hope you liked it.

How useful was this post?

Click on a star to rate it!

Average rating / 5. Vote count:

(Visited 45 times, 1 visits today)

More from my site

  • How to Resize Image So many Times we come across this issue where we need to Resize Image that we have due some or the other reasons, either we need to resize the picture due to the reason that it is too […]
  • How to add wordpress profile picture In this post we will show how you can apply a picture to the author name, so that it appears next to the author name next to the post, one way to put an image next to the author name is […]
  • how to create responsive wordpress slider WordPress Slider is the most important thing on any wordpress website as it is the one that displays the featured products and services to the coming visitor, these days while creating […]
  • How to Setup Social Share Buttons for wordpress Making a Website is All about getting traffic and one of the most important source to get traffic to your website is social sharing of your content at social share websites. And if you […]
  • How to customize your page using layout builder Lot of times when we are creating or editing a content inside editor like a page or a post, we are faced with the challenge of effectively displaying wordpress content, there are places […]
  • How to change the Number of Post per page wordpress Number of posts that you display per page in wordpress can easily be changed by going to the Settings  and then click on the reading option in the left vertical menu and you will see the […]
wavatar

Posted by deepak.kapoor

An Active Youtuber, Blogger, Traveller, Programmer, Wordpress developer. Likes to spend his free time Motorcycling through the hills.

Leave a Reply

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