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.
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
- 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.
- 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 requiredNow 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 imsanity. 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.Now 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
Now in the above screen click on the create gallery link at the top left hand side and you will see the following screen.Now 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.Now 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.Now 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.and 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.Thanx 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: