How to Create WordPress Photo Galleries with the New 3.5 Media Manager
The biggest change in the recently released 3.5 version of WordPress was undoubtedly the way media is handled. Not only did the Media Library change, but the way galleries are created also changed – all for the better.
Below we’ll go over how to insert a photo gallery in a WordPress post. We’ve got both a video tutorial as well as text and images.
First up, a video of the process.
Opening the Media Manager
To create a gallery, you need to click on the Media Manager button at top left of your editing screen.
When you first open the Media Manager, you will be shown the files in your Media Library. If you’d like to create a gallery from those files, then you’re already where you need to be. Just select the files you’d like to include in your gallery.
You can select multiple images at the same time by holding down the Shift key and selecting a range of photos. You can also select or deselect images by holding down the Ctrl key.
If you’d like to upload files, then you’ll need to click over to the “Upload Files” pane.
Once inside your computer, select the files you’d like and upload them. You can upload multiple images at the same time by holding down the Shift key and selecting a range or photos. You can also select or deselect images by holding down the Ctrl key.
Once the files are uploaded, you will automatically be switched over to the Media Library pane where you’ll have access to both those newly uploaded files and all the other files in your library. The files you’ve just uploaded will already be selected, however.
In addition, you have the choice of showing only the files uploaded to that particular post by using the pull-down menu in the top left corner.
Adding Files from the Media Library
If you would like to add more files from the Media Library, then hold down the Ctrl key and select the files individually.
If you’d like to select a range of more files at the same time, hold down the Ctrl key and select the first one in the range, and then hold down the Shift key and select the last file in the range.
Adding Meta Information
When an image is selected and active, you will see that it has a blue border around it. You will also see the image on the right hand side. You can add meta information and captions in this area.
Create a Gallery
In order to create a gallery from the selected images, you will need to click the link in the upper left portion of the screen that says, “Create Gallery.”
Once you do this, you will see a new button in the bottom right hand corner of the screen that says, “Create a new gallery.” Click that.
Style Gallery as You Like
Once you create your gallery, you will be taken to a screen where you can style it as you like.
You can drag and drop the images to reorder them.
You can reverse the order that all the images are currently in with a button in the upper right hand corner.
On the far right hand side, you can also set links on the images to go to an attachment page (like a regular page on yours site) or an image file (a blank page with only the image and nothing else – no header, no sidebar, etc.).
You can also set the number of columns for the gallery and choose to have the images ordered randomly.
Inserting the Gallery
Once you’re happy with everything, hit the “Insert gallery” button in the bottom right hand corner.
Once you insert your gallery, you will see a large icon for it appear in your editor. You will not see any of your actual images in the editor – only this icon.
From there, just publish your post.
Editing the Gallery
If you’d like to edit the gallery, click on the gallery icon to select it. When you do this, two icons will appear in the upper left portion of it. Clicking the one on the left will let you edit the gallery.
And those are the basics of creating a gallery. If you’ve worked with the old WordPress gallery, then you can probably already see what an improvement this new 3.5 version brings. Nice work, WP crew.
WIN a Share of $5K
Subscribe to our blog this #hostingmonth for a chance to win one of 5 prizes of $1,000 WPMU Dev credit! Learn More.