How to Add an Image
[wp101 video=”add-image”]
In this tutorial video, the instructor demonstrates how to enhance a WordPress post by adding images. Here’s a concise breakdown of the steps covered:
- Inserting an Image:
- Place the image by clicking the plus icon at the desired location in the post.
- Choose the Image block and insert an image by:
- Uploading a file
- Selecting from the Media Library
- Drag-and-dropping from the desktop
- Using an image URL
- Formatting Options:
- Alignment: Left, center, right, wide width, or full width
- Text Wrapping: Aligning the image to the right allows text to wrap around it.
- Resizing: Drag blue handles or enter exact dimensions (pixels or percentage)
- Add Caption: Click below the image to include descriptive text.
- Image Block Settings:
- Access more settings via the three-dot options menu
- Adjust image style, alt text, and size (thumbnail, medium, full)
- Adding a Link to the Image:
- Use the insert link button to:
- Link to the media file
- Open the image in its own page
- Link to an external URL (e.g., a Wikipedia page)
- Use the insert link button to:
- Adding a Second Image:
- Insert another Image block via the slash command (
/image) - This time, select an image from the Media Library
- Edit alt text, title, caption, and description before inserting
- Insert another Image block via the slash command (
- Advanced Formatting:
- Choose between full width and wide width
- Use the toolbar to:
- Crop, zoom, rotate, or apply standard sizes (square, landscape, portrait)
- Previewing the Post:
- Use the Preview button to see how the post looks on:
- Desktop
- Tablet
- Mobile
- Or open a preview in a new tab
- Use the Preview button to see how the post looks on:
By the end, the post includes two well-formatted images, making the content more visually engaging. The next video will cover adding links and buttons.