Working with Images and Image Galleries in WordPress

Images in WordPress

Adding images to your WordPress website can completely change the look and feel of your site. And best of all, working with images in WordPress is easy.

In my latest video, the seventh in a series demonstrating how to make a professional website using WordPress, I show you how to:

  • upload images,
  • align images,
  • resize images,
  • add alternate text to images,
  • add featured images to posts,
  • and create stunning image galleries using Jetpack.

Adding images really is easy. First click the “Add Media” button.

The Add Media button in the WordPress dashboard.

Then click the image you want to add to your page or post (or upload a new image), and then click “Insert into Post.” It really is as easy as that.

Insert Into Post button in WordPress gallery dashboard.

My video, Images and Image Galleries in WordPress – Make a WordPress Website #7, shows additional details (like how to align and resize the images), so if you appreciate a clear visual with all the necessary steps, watch the video and follow along.

Image Galleries in WordPress

Perhaps you’re interested in more than how to add an image into a page or post. Maybe you want to create amazing galleries and eye-catching slideshows on your WordPress website as well. No problem.

After clicking the “Add Media” button, simply click the “Create Gallery” button. Then, either upload new files from your computer or choose existing images from your media library.

The Create Gallery button for adding image galleries in WordPress.

Then click “Create a New Gallery.”

Create a New Gallery button in the WordPress dashboard.

Add captions if you wish (which will appear directly on each image), choose your gallery settings and click the “Insert Gallery” button on the lower right. Easy.

Insert Gallery button in WordPress dashboard.

Again, if you need more detailed instructions along with a clear visual, please watch my video!

Adding Alternate Text to Images in WordPress

I stress this point in my video, but I can’t say it enough. You should always add appropriate alternate text to your images. Doing this right takes a bit of work, but it’s important to, at the very least, add a descriptive blurb about your image in the “alt text” box.

The alt text field in the WordPress dashboard.

Adding alternative text (alt text) to every image is important because it allows folks with certain disabilities to be able to effectively access the web. For instance, if someone is blind, properly written alternative text will reveal to them what an image represents.

Not only that, descriptive alt text allows Google (and other search engines) to understand your image and serve it up in search results, thereby giving folks another entry route into your website.

The folks over at WebAIM describe it quite well:

Adding alternative text for images is the first principle of web accessibility. It is also one of the most difficult to properly implement. The web is replete with images that have missing, incorrect, or poor alternative text . . .

It is read by screen readers in place of images allowing the content and function of the image to be accessible to those with visual or certain cognitive disabilities.

It provides a semantic meaning and description to images which can be read by search engines or be used to later determine the content of the image from page context alone.

Featured Images in WordPress

Adding a featured image to a post is extremely easy and it dramatically alters the look of the blog page on your website.

A featured image will appear with an excerpt from your blog post on your blog page. Then instead of having a boring-looking blog page with a bunch of text excerpts, you’ll have a visually stunning blog page that will draw your readers in. Check out my boring blog page to see an example of featured posts in action (you will see videos as well as featured images along with all my post excerpts on my blog page).

Featured images on certain websites (like the one I’m building with these free WordPress tutorials) can also appear on your website’s homepage as featured content. Be sure to watch the video for examples of this in action.

To add a featured image to any post, just click “Set Featured Image” at the bottom right of the post creation page.

Set Featured Image button in the WordPress dashboard.

Choose the image you wish, publish your post and the image will appear, along with your post excerpt, on your blog page (and on the front page of certain themes as featured content).

Warnings About Images and Image Galleries in WordPress

Before you get going collecting images to add to your WordPress website, keep the following warning in mind.

The majority of images you find online are copyrighted images. That means if you use those images without permission, you could be sued.

I’ve told people this before and they scoff. But it happens and it happens all the time. If you don’t believe me, try an online search for “I got sued images” or something like that.

See?

So what to do? Use your own images or find images that are Creative Commons-licensed. There are a variety of websites that offer free images for use on your website or blog. I prefer to use my own images as I know I can’t be sued for using them!

Free Support for Your WordPress Website or Blog

It doesn’t change. I still offer free support for your own WordPress website or blog. All it takes is for you to purchase your web hosting from Inmotion Hosting, the best web host on the West Coast.

Really, they’re a great company and ALL my websites are hosted with them. Purchase hosting from them using my link and I’ll help you out, free of charge.

Click here to see what I offer for free.

 

2 Comments


  1. Loved this video! Very timely as I was just going through gallery plugins to find the right one. This not only showed me that wonders of Jetpack gallery option which I was ignoring but the basics of how to set up the gallery. I am still not sure how I edit a gallery if I want to add or delete images. Thank you for the helpful info. I will share!

    Reply
    1. gplus-profile-picture

      Thanks for your comment Angela. I’m glad you found it useful. Working on my next video as we speak. Just kicked the guests out! 😉

      Reply

Leave a Reply