5.2 Upload Images to the WordPress Media Library

Now, let’s dive into the WordPress media library. This is where you can upload various media files, including images, to use on your website. Here’s how to access it:

1. In the left menu, click on “Media.”
2. Before we proceed, the favicon has already been added to our media library. To add new media files, click on “Add New.”
3. You have the option to download all the images used in this tutorial. The download link can be found in the video description below. You can use these images to follow along.
4. Open your file manager (Finder or File Explorer), select the images you’d like to upload, and then drag and drop them into the media library. We won’t need to upload the favicon again, so you can remove it from the list.
5. The selected images will start uploading. This might take a moment, as there are several media files and images to process.
6. In your media library, you’ll find a variety of media, including custom icons, your site logo, dummy logos for clients, and some high-quality photos. These photos were sourced from a website called Pexels, which offers free, professional-quality images for use on your website without any attribution or credentials required. They can be used freely, even on commercial websites.
7. You can view your media files in different ways, such as in a list format. Simply click the list icon, and you’ll see the files displayed in this manner. This view provides additional information, including the uploader, post or page attachments, and the upload date.
8. If you want more details about a specific image, click on it. You’ll see information like file size, dimensions, and the option to edit the image, allowing you to crop or scale it if necessary. For now, we won’t need to make any changes, so return to the media library.
9. Keep in mind that in addition to images, you can upload video files, PDFs, and a wide range of media formats. However, there are some security restrictions on the types of files you can upload, but for most common media formats, you should be covered.
10. You can also make use of the free images and icons available in the media library. They are provided at no cost for your website projects.

With your media library populated with the necessary images, you’re ready to start incorporating them into your website’s content.

All links, files and code snippets mentioned in the chapter is available below. 👉