Introduction
Images can make your website more visually appealing and help communicate information more effectively.
You can add images to:
- Pages
- Blog Posts
- Landing Pages
- Articles
- Product Pages
This guide explains how to add images to a page or post in WordPress.
Step 1 – Log Into WordPress
Open your browser and visit: https://yourdomain.co.za/wp-admin
(Replace yourdomain.co.za with your own domain name.)
Enter your WordPress username and password.
Click: Log In
Step 2 – Open the Page or Post
To edit a page:
From the WordPress Dashboard
Click: Pages
Locate the page you wish to edit.
Click: Edit
To edit a blog post:
From the WordPress Dashboard
Click: Posts
Locate the post you wish to edit.
Click: Edit
Step 3 – Add an Image Block
Within the content editor
Click: +
Search for: Image
Click: Image
A new image block will be inserted into your content.
Step 4 – Select an Image
You will normally see three options:
- Upload
- Media Library
- Insert from URL
For most situations, click: Media Library
Select the image you wish to use.
Click: Select
The image will be inserted into your content.
Step 5 – Upload a New Image
If the image has not already been uploaded:
Click: Upload
Select the image from your computer.
WordPress will upload and insert the image automatically.
Step 6 – Resize the Image
Click on the image.
Drag the resize handles to adjust the image size.
Alternatively, use the image settings panel to choose a predefined size.
Examples:
- Thumbnail
- Medium
- Large
- Full Size
Step 7 – Add Alternative Text
Click on the image.
Locate: Alternative Text
Enter a description of the image.
Example: Business website homepage displayed on a laptop screen
Alternative Text helps improve accessibility and SEO.
Step 8 – Align the Image
Click on the image.
Use the toolbar options to select:
- Left Align
- Center Align
- Right Align
Choose the option that best suits your page layout.
Step 9 – Save Your Changes
Once you are satisfied with the image placement:
Click: Update
or
Click: Publish
depending on whether the content has already been published.
Replacing an Existing Image
Click on the image you wish to replace.
Click: Replace
Select a new image from the Media Library or upload a new file.
The image will be updated without affecting the surrounding content.
Removing an Image
Click on the image.
Click: Options
Then click: Delete
The image will be removed from the page or post.
The image file will remain in the Media Library unless manually deleted.
Tips for Using Images
When adding images:
- Use clear, high-quality images.
- Optimize large images before uploading.
- Add meaningful Alternative Text.
- Use consistent image sizes where possible.
- Avoid excessively large files.
Properly optimized images can improve website performance and user experience.
Conclusion
Images are an important part of creating engaging website content.
Using the WordPress editor and Media Library, you can easily add, replace and manage images within your pages and blog posts.
