1. Introduction

Goal of the Tutorial

This tutorial aims to guide you on how to use images and videos in your WordPress posts and pages. By the end of the tutorial, you will be able to add, embed, and format images and videos to enhance the visual appeal and engagement of your content.

Learning Outcomes

After completing this tutorial, you will be able to:
- Understand how to add images and videos to your WordPress posts and pages.
- Learn how to embed videos from platforms like YouTube and Vimeo.
- Understand how to format and align your media elements.

Prerequisites

You should have:
- Basic knowledge of using WordPress.
- An active WordPress site.

2. Step-by-Step Guide

Adding Images and Videos

1. Navigate to the post or page where you want to add an image or video.
2. Click the + button (block inserter) at the top left corner to add a new block.
3. For images, select the Image block. For videos, select the Video block.
4. Upload your media file or select it from your media library.

Embedding Videos

1. Add a new Embed block.
2. Paste the URL of the video you want to embed (e.g., a YouTube or Vimeo video URL).
3. Click the Embed button.

Formatting Media

1. Click on the media element you want to format.
2. Use the formatting options on the right sidebar to adjust the alignment, size, etc.

3. Code Examples

This section demonstrates how you can embed a YouTube video into your WordPress post or page using an Embed block.

<!-- Adding an Embed block -->
1. Click on the `+` button to add a new block.
2. Select `Embeds` from the dropdown menu.
3. Select `YouTube`.

<!-- Embedding the video -->
1. Paste the YouTube video URL into the input field.
2. Click on the `Embed` button.

After following these steps, the YouTube video will be embedded into your post or page, and it will appear as an embedded video when you preview or publish the post.

4. Summary

In this tutorial, we have learned how to add, embed, and format images and videos in our WordPress posts and pages. We've covered the process of uploading media files, embedding videos from platforms like YouTube and Vimeo, and formatting our media elements using the built-in WordPress tools.

To continue learning, you can explore more about WordPress media library, managing media files, and optimizing images for better site performance.

5. Practice Exercises

1. Exercise 1: Add an image to a blog post and align it to the right.
2. Exercise 2: Embed a YouTube video into a page and align it to the center.
3. Exercise 3: Add a video to a post, then format it to cover the full width of the post.

Remember, practice is the key to mastering any skill. So, keep practicing and exploring different ways to make your content more engaging with images and videos. Happy WordPressing!