Introduction to Images in WordPress

Images, videos, PDFs and other media

The WordPress media library is the place where all the images, videos and other media (including files and PDFs) are stored and organised. On the WordPress media library main page you will be able to see how many images have been uploaded as well as any images that are not currently displaying anywhere on the site (shown as unlinked). It is good to keep these to a minimum as it decreases bloat and makes it easier to find relevant images.

  • To begin with, make sure your image is no larger than 1024 x 768 pixels as larger images unnecessarily use up server space.
  • There are two ways to include images in your site and adding images to any part of your website is a multi-step process.
  •  NOTE: when referring to web images, image dimensions are expressed as width x height (as opposed to print media images, which are expressed as height x width).

Option A lets you upload images while keeping the aspect ratio intact. Customised pixel dimensions for Thumbnail, Medium and Large size images have been defined for your website. When inserting an image in a page or a post, WordPress will resize the image according to your selection of thumbnail, medium or large. The resulting image will most probably not adhere to the exact width and height specifications for your website as the aspect ratio of the original image is preserved.

Option B allows you to change the aspect ratio of an uploaded image and crop it according to exact image dimensions specified in your style guide. This means you don’t have to stick to the 3:2 standard photo format shape. Please refer to your site’s style guide to see how many image types are prescribed for your site and what their exact width and height dimensions are, in pixels.

Uploading Images in WordPress – Option A

  • Firstly go to your WordPress media library, this is located in the left hand column.
  • Click Add New.
  • Once you’ve selected which file to upload, you can enter some basic information about your image, such as name, alternate text (important for the blind, search engines and screen readers), description etc.
  • Be sure to save your changes after editing.

Uploading Images in WordPress – Option B

  • Go to your WordPress media library click add new.
  • You can either drag and drop your images onto the square or click on the Select Button to go to a file browser and choose your files.
  • Enter the correct image title and alternative text, they will be used by search engines and screen readers.
  • To change the size click ‘Edit image’ then click on ‘Scale image’ and type in the longest measurement for your image size.
  • To change the crop click Scale then click and drag a box on top of the image. You can define the size of the crop by inserting the image size in the image crop box options.
  • Click the crop icon on the top left side then click Save.
  • Finally click Save All Changes.
  • Please note that WordPress does not overwrite the original image and your images can be restored at any time in the future.
  • The image is now ready to be inserted into a page/post.

WordPress media library

  1. The Search Bar allows you to search your WordPress media library for particular files.

Upload new media in WordPress media library

  1. Drag and drop your images onto the square or click on the select button.

Edit media in WordPress medis library

  1. Text written in the Title field will display as a tooltip when the cursor is hovered over the image.
  2. A clear description of your image in the Alternate Text field allows for good SEO.
  3. The Caption will display directly under the image when it is posted to the site.
  4. Text written in the Description field appears with your image in the dashboard and attachment pages of your blog.
  5. The Permalink field is the address to which the image will be linked. Click the View Attachment Page button to have the image linked to its attachment page.
Creating WordPress Galleries - NextNextPrev - The Media LibraryPrev

Leave

- Your Comment -