How to Create an Image Gallery in WordPress

So you have bought a shiny new digital camera and want to share your photos with the world? But how do you add those images as a gallery in grid and columns instead of one picture at a time? In this article, we will show… Read More »

The post How to Create an Image Gallery in WordPress appeared first on WPBeginner.

So you have bought a shiny new digital camera and want to share your photos with the world? But how do you add those images as a gallery in grid and columns instead of one picture at a time? In this article, we will show you how to easily create an image gallery in WordPress that makes your photos look even better.

How to create an image gallery in WordPress

WordPress makes it super easy to add images to your blog posts and pages. You just click on the Add Media button and upload your images.

However, if you are adding multiple images, then all those images will appear one after another. It doesn’t look great, and your users will have to scroll a lot to view them all.

Adding multiple images in WordPress without creating a gallery

By creating a gallery, you can display images in a grid layout with columns and rows. You can show thumbnails for your images, and users can click on them to see the full image.

This way you will be able to show more photos in less space, and it will look a lot more professional.

Preview of a gallery

WordPress actually comes with a built-in gallery feature that many users are not aware of. You can also use WordPress plugins to create even more robust image galleries that look great on all devices and screen sizes.

Having said that, let’s take a look at how to easily create an image gallery in WordPress.

Method 1. Create an Image Gallery without a Plugin

WordPress comes with a built-in feature that lets you create a gallery. This feature is very basic and does not have many options, but it gets the job done.

Here is how you would create an image gallery in WordPress without using a plugin.

First, you would need to edit the post or page where you want to add the image gallery. On the post edit screen, click on the ‘Add Media’ button to upload your images.

Click on add media button to upload your images

This will bring up the WordPress media uploader where you can click on ‘Select files’ button to upload your photos. You can also select photos you have previously uploaded from media library.

After uploading and selecting your images click on the create gallery link from the left column..

Creating gallery in WordPress

Next, you need to click on the ‘Create a new gallery’ button.

Create new gallery button

Media uploader will now show your selected images with gallery settings. You can add captions to each image in your gallery.

You can also select how you want the images to be linked, number of columns, and image size to use in gallery.

WordPress gallery settings

Once you are done, you can click on the ‘Insert gallery’ button.

This will close the media uploader popup, and you will be able to see your image gallery in post editor.

Image gallery in post editor

You can now save or publish the post/page, and visit your website to see your image gallery in action.

Default WordPress gallery preview

Wasn’t that quick and easy? It looks pretty too. However, if you create image galleries regularly, then you will soon notice that it lacks certain important features.

For example, your images will open in a new page and users will have to click on the back button to view the gallery again. It is not fully mobile-responsive, and your gallery’s appearance depends on your theme. In most cases you get just one very generic style.

Last but not least, you can’t organize your galleries into albums, tag your images, etc.

If you want to add more professional looking image galleries on your site, then you should use this next method.

Method 2. Create an Image Gallery Using Envira

For this method, we will be using the Envira Gallery plugin. It is the best WordPress gallery plugin in the market.

Envira allows you to easily create fully-responsive, beautiful, and modern image galleries in WordPress. It is super fast and comes with many features like lightbox popup, easy image navigation, drag and drop builder, and professional gallery templates.

Let’s get started.

First thing you need to do is install and activate the Envira Gallery plugin. For more details, see our step by step guide on how to install a WordPress plugin.

Upon activation, you need to visit the Envira Gallery » Settings page to enter your license key. You can get this key from your account on Envira Gallery website.

Envira Gallery license

After verifying your license key, you can head over to Envira Gallery » Add New page to create your first gallery.

Creating a new gallery in Envira

First you need to provide a title for your gallery and then click on ‘Select files from computer’ button to upload your images.

You can also select files from your WordPress media library by clicking on ‘Select files from other sources’ button.

Once you upload your images, they will appear in the images section.

Images in your Envira Gallery

You can click the pencil icon on a image to add caption, title, and alt text to each image.

Image meta data

Next, you need to click on the ‘Config’ tab.

Here you can change your gallery settings like number of columns, title and caption positioning, margins, heights, thumbnail sizes, image dimensions, etc.

Configure gallery settings

After that, you need to click on the lightbox tab.

The lightbox popup allows users to enlarge images and browse them without ever leaving the page.

The default settings will work very well for most websites, but you can review the options and change them if you like.

lightbox settings

You can now publish your gallery which will make it available to be added anywhere on your WordPress site.

Next, you need to edit a post or page where you want to display your gallery.

On the post edit screen, you will notice the new ‘Add Gallery’ button above the post editor.

Add gallery button

Clicking on it will bring up a popup where you can select the gallery you just created. Simply click to select the gallery and then click on the insert button.

Select and insert gallery

You will see a shortcode for the gallery appear in your post editor.

You can now save and publish your post. After that visit your website to see it in action.

Preview of a gallery created with Envira Gallery

When you click on an image, it will open the image in the lightbox popup. You can browse images in the lightbox by pressing the left and right arrow keys on your keyboard.

Gallery lightbox popup

Your gallery will look equally great on mobile as well. Users will be able to tap on a image to enlarge it and swipe to view the next or previous image.

Gallery preview on mobile

We hope this article helped you learn how to create an image gallery in WordPress. You may also want to see our guide on how to fix common image issues in WordPress.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

The post How to Create an Image Gallery in WordPress appeared first on WPBeginner.

16 Sources for Free Public Domain and CC0-Licensed Images

Are you looking for free royalty free public domain and CC0-Licensed images for your blog? High quality images can boost the engagement level of your website. In this article, we will show you 16 great websites where you can find free public domain and CC0-Licensed… Read More »

The post 16 Sources for Free Public Domain and CC0-Licensed Images appeared first on WPBeginner.

Are you looking for free royalty free public domain and CC0-Licensed images for your blog? High quality images can boost the engagement level of your website. In this article, we will show you 16 great websites where you can find free public domain and CC0-Licensed images that you can use anywhere.

Best sources to find public domain and cc0 licensed images

Why Use Free Public Domain or CC0-Licensed Images?

All images on the web are protected by copyright. Even if the copyright is not mentioned, you should assume that they are. Using them without permission is illegal.

While you can buy high quality royalty-free images from stock photo websites like ShutterStock, not everyone has the budget to buy licensed photographs and images.

That’s when images with public domain and CC0 license comes in handy.

Public domain is the term used to describe works whose licenses have expired, or works that are explicitly released with no restriction on their usage.

CC0 is a license that allows copyright owners to release their works with no restrictions at all.

Images under public domain or CC0-License can be used by anyone for any purpose. As a website owner you can use these images in your blog posts, featured images, slider, image galleries, backgrounds, and basically anywhere else you want.

Having said that, let’s take a look at some of the best curated sources for free public domain or CC0-Licensed images.

1. Public Domain Archive

Public Domain Archive

A very well organized and large collection of public domain photographs. You can easily browse images filed under categories or use the search feature.

2. Unsplash

Unsplash

A very popular destination for high quality CC0 licensed photographs. The site releases 10 photos every 10 days. It has a nice search feature which you can use to find images matching certain themes like nature, office, work, etc.

3. Little Visuals

Little Visuals

Little Visuals is a beautiful curation of hundreds of hi-res stock photos that you can use on your website. It has a search feature that you can use to locate images, or you can also click on the tags below each image to find similar photographs.

4. Public Domain Pictures

Public Domain Pictures

Public Domain Pictures offers free high quality images, graphics, and vectors for downloads. Images are sorted into categories for easy browsing.

5. New Old Stock

New Old Stock

As the name suggests, this website features a beautiful collection of vintage photographs that are now in public domain.

6. Pixabay

Pixabay

Pixabay offers a large collection of free images. The site updated on a regular basis so you will find new and less used images there.

7. Pickup Image

Pickup Image

Pickup Image offers a huge collection of public domain images. The site can be easily browsed through tags or you can try the search. It also offers free clipart and graphics.

8. SplitShire

SplitShire

SplitShire is a beautiful collection of photographs by Daniel Nanescu released under CC0 license. You can browse the site by using tags filter, or view images in mosaic view.

9. The British Library

The flickr account of The British Library showcases over a million illustrations, drawings, and works taken from 17th, 18th, and 19th century books. All these works are released under CC0 license and can be used anywhere without restriction.

10. Magdeleine

Magdeleine

Magdeleine is a very easy to browse resource for free photographs. It offers both public domain and images that require attribution, so make sure that the image you are downloading is marked under public domain.

11. LibreShot

LibreShot

LibreShot features works of photographer Martin Vorel released under public domain.

12. PDPics

PDPics

An easy to browse collection of free public domain stock photos. PDPics has a large collection of thousands of public domain images that you can download and use in your blog posts.

13. Reusable Art

Reusable Art

Reusable art is a collection of more than 3000 vintage drawings, illustrations and artworks. All works displayed on the website are under public domain.

14. Skitterphoto

Skitterphoto

A beautifully curated collection of CC0 Licensed images. The site features works of theirs own photographers so you will find less used and unique photographs.

15. StockSnap.io

StockSnap.io

StockSnap is a curation of beautiful free stock photos where hundreds of images are added weekly.

16. Barn Images

Barn Images

Barn Images is a beautifully curated collection of CC0 Licensed images. You can browse images in categories or tags, or you can search for keywords. All images are available in high resolution for free downloads.

That’s all, we hope this article helped you find best sources for free public domain and CC0-Licensed images for your website. You may also want to see our guide on how to speed up WordPress by saving images optimized for web.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

The post 16 Sources for Free Public Domain and CC0-Licensed Images appeared first on WPBeginner.

How to Rename Images and Media Files in WordPress

Ever wanted to change an image file name after uploading it to WordPress? WordPress allows you to change image alt tag and title, but there is no option to change image file name from the admin area. In this article, we will show you how… Read More »

To leave a comment please visit How to Rename Images and Media Files in WordPress on WPBeginner.

Ever wanted to change an image file name after uploading it to WordPress? WordPress allows you to change image alt tag and title, but there is no option to change image file name from the admin area. In this article, we will show you how to rename images and media files in WordPress.

First thing you need to do is install and activate the Media File Renamer plugin. Upon activation, simply go to Media » Library.

If your media library is displayed in the grid view, then you will need to switch to the list view.

Switching from grid to list view in WordPress media library

In the list view, you will notice a new column labeled ‘Rename’. This column will show the status of your image, other media file names, and the title.

Rename media files in WordPress

The plugin will look for file names that do not match the media or image title in the library.

For example if your filename is DSC00132.jpg and the image title is “New year party”, then the plugin will show a rename button next to the file. Clicking on rename button will change the image file name to new-year-party.jpg.

If you don’t want to automatically change image title to new-year-party.jpg, then you can simply edit the image title. As soon as you update the image title, the plugin will rename the file to match the new title.

The plugin will also automatically replace old file name used in your posts/pages with the new file name.

Automatically Update Image File Names When Saving Posts

If you run a multi-author site, then it could be hard to keep an eye on the image filenames.

Media File Renamer also allows you to automatically update image file names to match image title when saving posts. This feature is not enabled by default, but you can easily enable it by visiting Settings » File Renamer page.

Rename image file names when a post is saved

Simply check the last item on the page: ‘Rename on Save’, and press the save changes button to store your settings.

That’s all, we hope this article helped you learn how to rename image and media files in WordPress.

You may also want to check out our guide on how to resize and make images larger without losing quality.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Google+.

To leave a comment please visit How to Rename Images and Media Files in WordPress on WPBeginner.