WordPress Basics Blog Series- episode 3 uploading media

WordPress Basics – uploading media

We’ve put together a series of blogs to help you update your WordPress website with ease. We’ll talk you through the WordPress basics you need to know when editing your website.

In this blog we’ll cover how to upload different media files to your website’s media library, editing files and how to add media into your pages.

Where to find the WordPress media library

To view or add files to your media library in WordPress, you need to go to ‘Media’ in the navigation menu on the left hand side of the screen. This will take you to the library screen, where you can see a gallery view of all the media that’s been uploaded to your site. This can include images, videos, mp4’s, PDFs, etc.

From here you can add new files, edit an image, add captions or a description to a file, get the direct media file link to insert into your content or delete any old files.

How to upload a new file in WordPress

To upload a new image, video, pdf or mp4 file, click on the blue ‘Add New’ button at the top of the screen. This will open a section at the top of the screen where you can either select files from your computer or you can drag them into the window to upload them to the media library. This will be similar to when you add media into a page, but we’ll explain that further down.

Uploading a new file in WordPress - WP Basics Series, Six Two

Once the file has finished uploading to the library, click on the image to edit the title and insert a caption, description or alternative text. Make sure you enter a description of the file in the alternative text field as this is key for Search Engine Optimisation (SEO). Each media file will have a file URL, you can use this to insert a link to that file in your content.

Adding details to an image whilst uploading it - WP Basics series, Six Two

How to edit an image

To edit an image in your media library, click on the specific image you’d like to edit and click ‘Edit Image’. This will open an editing window where you can change the rotation, flip the image vertically or horizontally and crop the image to the size you need. This view can also be used to scale an image, set the aspect ratio and make a thumbnail version of the image.

Selecting a featuring image for your page

Each page on your WordPress website (including news or blog posts) will have the option to set a featured image. This is often used as the header image or depending on how your website has been built, it will be used to pull through on a summary page (for example the blog feed). It’s important to highlight that the featured image isn’t a required field so a page can be created and updated without one being selected.

To select a featured image, click ‘Set featured image’ in the featured image box in the sidebar on the right side of your screen. This will open up a window where you can upload a new file or select an image from your media library. Select the image you would like and click the blue ‘Set featured image’ button in the bottom right corner. If you would like to see how the featured image looks, you can preview the page before publishing it. We cover this in episode 2 of this blog series.

If you’d like to change the featured image, either click on the image to select a new one or click ‘Remove featured image’ and follow the same steps outlined above.

How to add media into your pages

To add a media file into your website page, place your cursor where you’d like to add the image or video within the content and click the ‘add media’ button at the top. This will open up a window where you can upload a new file or select one from the media library. Once selected, click the blue ‘Insert into post’ button in the bottom right corner and the file will appear in your content.

To edit the alignment of an image file, click on the image and a toolbar with 6 options will appear above it. This will allow you to select either left, centre, right or no alignment, edit the image or remove. You can select the alignment you’d like your image to display in either in the toolbar or by clicking edit (pencil icon). Within the editing window, you can also edit the caption and alternative text, select the image size (thumbnail, medium, large, full size or custom size) and add a link for users to be directed to when they click the image. Once you’ve finished editing, click the blue ‘Update’ button in the bottom right corner.

Editing image once inserted into page content - WordPress Basics series, Six Two

For video files, it’s worth considering using a third party hosting platform such as YouTube and Vimeo and embedding the video into your page instead, particularly if you’re using multiple/large videos on your website. Using a third party video host will mean your website’s overall speed and performance isn’t affected by hosting and loading large video files.

Keep an eye out for the next blog in our WordPress Basics series to learn how to edit and update your site’s navigation menus.

Share this post