In this tutorial I’m going to show you how to add and mange images and other forms of media in WordPress. Luckily WordPress does a great job of making this easy so pretty much anyone can do it.
Let’s get started
Inserting images and other media in posts and pages.
The most common way media is used in WordPress is through adding images and other media like audio and video in to posts and pages to compliment written or other content. Almost everyone does this and it’s very easy to do.
Simply click the ‘add media’ icon in your WordPress Editor.
This will take you to the media uploader where you can choose to either upload a media file, (Which could be an image, video, audio, or PDF file) or choose a file from the media library. Clicking the upload button will take you to your computer files and you can click to select whichever file you wish to upload.
The media library on the other hand is where all your uploaded files are stored and you can only select from media that has already been uploaded to your WordPress sites database at some time in the past. In either case, simply select the file and click ‘insert into post’
The file will now be inserted into your post like this:
Although in the case of PDFs the file will be inserted as a link.
So now we’ve added an image to our post or page. How do we delete it?
This too is straight forward, just click on the image or media file and an icon bar should appear. Then click the X to remove. Of course this only removes it from the post, not from the media library. To do that requires another step.
Too delete a media file from your WordPress media library, navigate to the media uploader page, click on media library, and select the image you want to delete, then click delete permanently.
Setting a featured image.
A featured image is usually an image too represent your post or page as a whole and will display as a thumbnail on your blog home page next to the title.
You can set the featured image directly from the media uploader.
To do this, click the ‘add media button’, then click on the ‘Set featured image’ link on the left hand side of the screen. Once you’ve uploaded or selected an image from your media library click the ‘set featured image’ button in the lower right hand corner.
The image wont show up in your post or page itself, but instead in the featured image section of the visual editor.
To change it, simply click the ‘remove featured image’ button and repeat the process.
Creating and inserting a gallery of images
A gallery is a group of images that are posted together in a post or page. To create a gallery navigate to the media uploader page and click ‘Create Gallery’
Now select or upload all the images you want to be part of this gallery set. You can add as many images as you like and create as many unique galleries as you wish. Your selected images will show up at the bottom of the media uploader.
Then click ‘Create new gallery’ in the bottom right hand corner of the screen. This will create your gallery but not insert it.
You will be taken to the edit gallery page where the gallery can be adjusted in a number of ways.
Here you can cancel the gallery, add to it, and edit the layout and appearance of the gallery.
Once you have it just the way you want it. Click the ‘insert gallery’ button in the bottom right hand corner. Your gallery of images should now be embedded in your post or page.
Now you know how to upload media, delete it, and create and insert a gallery in WordPress, let’s move on to some important details.
Media Meta Data
On the right hand side of the upload media page you will see a scrollable sidebar menu with various data about your image or media file and other empty fields that can be filled out. Lets take a quick look through them:
The first thing you will notice is a thumbnail of your image or file along with general properties like name, date of upload, size, and dimensions. These will be automatically filled as you upload an image.
Further down you will see fields like title, caption, alt text, and description.
What are these for?
Title: This is the name of your image or media file and will be the name visitors and search engines may see in the attachment URL of the file. It helps to give your images a descriptive name for those reasons. This field may be auto filled when you upload your file but can be easily changed.
Caption: If you fill out this field it will add a visible caption to your images and media that your visitors can read. This can be helpful to give images context or provide credit to an image provider. Most news sites for example use captions. However if you don’t want any captions with your images leave this field blank.
Alt text: This is short for alternative text and only gets displayed visibly when your image or media file has failed to load in the browser. It’s also useful for telling search engines what your media is, and what it’s about since search engines cannot read context from images. Not yet anyway.
Description: Use this to provide more context if needed for the image or media file. This is not essential though and will only show up on the attachment page.
Other settings to be aware of…
If you continue to scroll down further you will see more settings, most of these can be left alone but some may need adjusting.
For example the ‘gallery link target’ which will tell WordPress to open your attachment either in the same window or a new one.
Scroll down further and you’ll see ‘attachment display settings’ such as alignment and image size which can be adjusted to suit your needs. Whenever you upload image files for example, WordPress automatically create a variety of sizes. Usually thumbnail, medium, and full size.
So now you know how to add media files to WordPress, insert them into posts & pages, and create galleries to enrich your content.