Let’s explore the various options for how one can best integrate photos in WordPress. There are options native to WordPress itself as well as various third-party integration choices.
Let’s explore the various options for how one can best integrate photos into a WordPress website. There are options native to WordPress itself as well as various third-party integration choices.
In order to display images on your WordPress site, you’ll upload them to WordPress as you create your blog posts or pages. But once they’re uploaded, you have two main ways to display them as part of your site.
Displaying Single Photos
One common scenario is to insert a photo into a WordPress post or page.
Here’s how to do that, assuming you’re in the WordPress post or page editing screen.
- Click the “Add Media” button
- Click the “Upload Files” tab and then either drag and drop your photo into the box, or select an image with the “Select Files” button.
- You now have several options for adding information to your image:
- The Title will be what is displayed by most browsers when a user hovers their mouse over your image
- The Caption is used by some themes to display… you guessed it… a caption along with the image.
- Alt Text is alternative text that will be shown or read by web browsers that are not loading images (for example, a screen reader used by a blind person). The Alt Text is also of some value for search engine optimization; try to put a short image description into this box.
- The Description can be a longer explanation that goes along with the photo – think of it as a long caption. How this is used depends on your WordPress theme.
- The Alignment choice is for positioning. If you choose Right, the photo will be on the right side, with text wrapped around it. If you choose Left, the photo will be on the left, with text wrapped around. Choosing Center places the image on its own, centered. If you choose None, the photo will land right where you inserted it. Here are examples of Right, Left, and Center aligned:
- Do you want your website’s visitors to be able to click on the image? By default, Link To will say Media File, which means that clicking the image will link to the file as it was uploaded. Choosing Attachment Page will link to the WordPress attachment page which is probably something you’ll never care to do here. Custom URL allows you to enter a web URL such that the photo will become a link to that site. And finally None will mean that that the image is not clickable.
- The Size option is pretty straightforward and lets you choose which size image to insert into your blog post.
- Once you’ve made your choices, click Insert Into Post and you’ll now have that image in your post or page.
Displaying a Photo Gallery
The other built-in photo display option with WordPress is to display multiple images in a basic photo gallery.
- As with single images, start by going to your WordPress post and clicking the “Add Media” button.
- In the upper left, choose “Create Gallery.”
- To upload images for your gallery, choose “Upload Files” and choose however many images you’d like as your gallery within the blog post.
- You’ll then be at the same screen as when uploading a single image, and you’ll be able to assign titles and captions and such for each photo (see item number 3 in the single photo instructions above).
- After you’ve added any supporting information, click the “Create a New Gallery” button in the lower right.
- This will take you to the Edit Gallery screen, where you can make choices about how your photos are displayed. From this screen you can do these things:
- Drag and drop the images to reorder them within the gallery, or choose the “Random Order” checkbox on the right.
- Set captions for each image, if you haven’t already done so.
- Choose what happens when a user clicks on an image. As with single images, you might want them to link directly to the bigger photo, or possibly not make them clickable at all.
- Choose how many columns you’d like for the gallery display.
- After making your gallery choices, click the “Insert Gallery” button to insert the gallery into your post.
Photo Editing in WordPress
Right now WordPress doesn’t have a good set of photo editing tools, but as of summer 2014 there’s an effort called Image Flow underway that will hopefully bring image editing to WordPress.