Working with images – WordPress Tutorials

Working With Images

Images have become an integral part of modern websites. Nowadays, it is almost impossible to find a website which does not use any image. Being a user-centric platform, WordPress comes with various ways to work with images.

In today’s tutorial, I will show you some common image related tasks including uploading an image, creating image galleries, editing, replacing or deleting an image and setting featured images.

How to upload an image

Adding images to your post helps you to focus more on the content and increase the attention of the visitors. There are two ways to add an image, here’s the first one –

1. Drag the image right into the post body. The image will be uploaded automatically.
2. Now you can adjust the image settings.

The second way –

1. Click the ‘Add Media’ button.
2. Click ‘Upload Files’.
3. Upload images by using the ‘Select Files’ button.
4. After uploading the pictures, you can adjust the settings.
5. Once the image is set up, click ‘Insert into post’.

How to use an image from the Media Library

If you have already uploaded an image and want to use it in your post, do the following –

1. Click the ‘Add Media’ button.
2. Go to ‘Media Library’.
3. Select the image you want to use.
4. Adjust the settings.
5. Once the image is set up, click ‘Insert into post’.
6. Click ‘Preview’ to view how the post will look like, or click ‘Publish’ to actually publish the post for your visitors.

How to add image from an external URL

If there is an image on another website that you want to use, you don’t need to download and re-upload that image to your website. There is an alternative. Let’s see how to do that –

1. Find out the image you want to use.
2. Right-click on the image and select ‘Copy image URL’, ‘Copy image location’, ‘Copy image address’.
3. Get back to your post editor.
4. Click the ‘Add Media’ button.
5. Click ‘Insert from URL’ from the left menu.
6. Paste the copied URL in the ‘Insert from URL’ field.
7. Adjust the settings.
8. Once the image is set up, click ‘Insert into post’.
9. Remember, if the image is changed or deleted on the other site, your image will be changed or deleted too.
10. Click ‘Preview’ to view how the post will look like, or click ‘Publish’ to actually publish the post for your visitors.

How to create an image gallery

Gallery is an excellent way of showing similar images to your visitors. To add a gallery, do the following –

1. Click the ‘Add Media’ button.
2. Click ‘Create Gallery’ from the left menu.
3. Select the images you want to include in the gallery.
4. Click ‘Create a new gallery’.
5. Provide caption to the images and re-arrange the order.
6. Adjust gallery settings from the right menu.
7. Click ‘Insert gallery’.
8. If you want to edit the gallery, click the edit icon.
9. Click ‘Preview’ to view how the post will look like, or click ‘Publish’ to actually publish the post for your visitors.

How to edit an image

If you want to do some basic editing of your image, you can do that right from your post editor. To edit an image, do the following –

1. Click on the corners of the image to scale it.
2. Use the align buttons to properly align the image.
3. Click the edit icon for more options.
4. The editing screen lets you define the title, alt text, choose alignment, size and link the image.
5. For more editing options, click ‘ADVANCEED OPTIONS’.
6. After making the changes, click ‘Update’.
7. For more editing options, you should image the editor in image library.

How to replace an image

If you want to replace an image in a post or page, follow these steps –

1. Select the image.
2. Click the remove icon to remove the image.
3. Click the ‘Add Media’ button.
4. You can either drag and drop an image here, upload from your computer or select from the already uploaded images.
5. Adjust the settings.
6. Once the image is set up, click ‘Insert into post’. The image will be included in place of the previous one.

How to delete an image

If you have mistakenly included an image in a post or page, you can remove it. To do that, follow these steps –

1. Select the image.
2. Click the remove icon to remove the image.
3. If you want to delete the image from your website, go to Media > Library from your dashboard.
4. Find out and select the image.
5. Click ‘Delete permanently’.
6. Click ‘OK’.

How to set a featured image

Setting a featured image for a post increases the overall look of the post. To set a featured image, do the following –

1. Find out the ‘Featured Image’ section from the bottom-right part of your post editor screen.
2. Click ‘Set Featured Image’.
3. You can either drag and drop an image here, upload from your computer or select from the already uploaded images.
4. Once you select the image, you will find options to edit the image or delete it permanently.
5. After making the necessary changes, click ‘Set Featured Image’.
6. Click ‘Preview’ to view how the post will look like, or click ‘Publish’ to actually publish the post for your visitors.