Media Library Media Library

The Media Library screen allows you to view and manage all of your existing media files, such as images, audio, videos, and documents. Media is automatically added to the library any time it is inserted into a post or page on your site, and can also be added directly to the library by going to Media → Add New.

From the Media Library screen you can easily edit, view, and delete individual Media previously uploaded to your site. To access these controls, simply hover over the item to reveal these action links.

Multiple media objects can be selected for deletion by checking them individually (or the checkbox in the title bar, if you wish to select all the media in your current view) and then choosing “Delete Permanently” from the Bulk Actions drop-down, followed by clicking the Apply button.

In addition to displaying a thumbnail and the title of the media in your library, information about who uploaded the media (author), whether it is attached to a particular page or post, comments made on the Attachment Page for that media, as well as when it was uploaded, is displayed in columns to the right. These columns can be clicked to sort the media library view in ascending or descending order. Simply click the heading to change the sort order.

You can also filter your view in the Media Library screen by type, or the month/year they were uploaded. You will notice that if you have a sizable amount of media on your site, the media library will be paginated, and if you have trouble finding a particular item, you can preform a search in the provided search field.

Top ↑

Edit Media Page Edit Media Page

On the Edit Media page, a larger preview of your media is displayed, along with information on the file URL, title, file type, and size of the file. In addition, the following information associated with a particular piece of media can be easily edited.

Title: Enter the title of this media. The title will display in the file column of the Media Library Screen.

Attachment Page Content: This content is displayed on the Attachment Page for that media item, including an editor to allow you to apply special text formatting.

Caption: The caption for this media, which displays just below that item when it is inserted in your pages and/or posts. For image type Media, the caption is also used as alternate text for that item.

Alternate Text: Enter the Alt text for the media, describing it briefly, e.g. “The Mona Lisa”. This text is important for optimizing usability of your media content. Read more about Usability here. Please note, this is not displayed on your site, but instead is accessed by screen reader tools and search engine bots.

Don’t forget to click the Update button to save your edits. At this point you will be redirected to the main Media Library Screen.

Top ↑

Added Tools – Edit Images Added Tools – Edit Images

In the Edit Media section, the Edit Image function allows the actual image to be edited. This is available for image files only, and allows you to perform basic image edits.

To launch the image editor, click on the Edit Image button that appears below the image preview. This will allow you to make the following modifications to your image files:

Scale Image: Allows you to proportionally increase or decrease (shrink) the size of the image. For best results, the scaling should be done before performing any other operations on it like crop, rotate, etc. Note that if you make the image larger it may become fuzzy. The original dimensions (e.g. 1024×768) are displayed and a box for the new dimensions is presented. After entering the new dimensions, click the Scale button.

Crop: Allows you to select an area of an image to display or crop. Simply click and drag to draw a preview frame around the area you wish to save.

You can specify the aspect ratio of your crop in the box to the right of the image preview. The values can be 1:1 (square), 4:3, 16:9, etc. As the crop frame is made larger (or smaller) the dimensions of the image are reflected below.

Rotate counter-clockwise: Click to rotate the image counter-clockwise 90°.

Rotate clockwise: Click to rotate the image clockwise 90°.

Flip vertically: Click to flip the image vertically.

Flip horizontally: Click to flip the image horizontally.

Undo/Redo: Allows you to undo and redo your edits to the image, and includes stepping back through multiple editor actions.

Thumbnail Settings: This box allows you to determine how you would like your image edits to be applied. You have the option to apply your edits to all the image sizes WordPress creates, or limit those changes to only the thumbnail image, or to all image sizes except the thumbnail.

Restore Original Image: If changes have been made to an image in the past, the Restore Original Image button will be displayed, allowing you to discard any changes and restore the original image. Previously edited copies of the image will not be deleted. Press Restore Image to complete the action.

Save or Cancel: Use these two buttons to either save or cancel the changes you’ve made to the image, which will return you to the Edit Media screen.

Top ↑

Add New Media Add New Media

The Add New Media page allows you to upload images, audio files, videos and other files directly to your Media Library without having to start a new post. Media that you upload directly to the Library is identified as “Unattached” in the Media Library page, which means that it is not yet associated (or attached) with a particular page or post yet.

It is easy to add multiple media files to the Media Library by simply dragging them into the uploader window as a group

To begin uploading, simply drag and drop your file (or groups of files) into the box that appears, or click the Select Files button to browse files on your computer. Please keep in mind that the drag and drop uploader only works in browsers with HTML5 upload support such as the latest versions of Chrome, Firefox, or Safari. Other browsers will still show the Select Files button. If for some reason neither of these upload methods work for you, you can select the traditional browser uploader instead.

Error alert box indicating the file is too large for upload.

You will also be informed of the upload limit (in megabytes) as set by your hosting provider. If you need to upload files that are larger than permitted here, please contact your hosting provider and ask them to increase your upload limit. Please note: This is not a setting controlled from within WordPress. [*However, I think this can be adjusted via WordPress. ~BradleySA]

Once you have selected your file or files for upload, WordPress will process the upload and display a progress bar to indicate that the files are currently uploading.

When a file has finished uploading, you will see a small preview of your media file along with information about it’s size/dimension, file type, and date uploaded. In addition, you have the opportunity to edit the following information about your media:

Title:  Enter the title of this media. The title will be displayed in the file column of the Media Library Screen.

Alternate Text: Enter the Alt text for the media, describing it briefly, e.g. “The Mona Lisa”. This image is important for optimizing usability of your media content.  Read more about Usability here. Please note, this is not displayed on your site, but instead is accessed by screen reader tools and search engine bots.

Caption: The caption for this media, which displays just below that item when it is inserted in your pages and/or posts. For image type Media, the caption is also used as alternate text for that item.

Description: Allows you to enter a brief description of your media. Note that this description is not typically visible to visitors to your site, but may be used by certain themes. Please check with your theme author/provider for more information.

Edit Image: If you have uploaded an image file, you will also see an Edit Image button displayed just below the preview image. Clicking on this will allow you to preform basic image edits, as described in Added Tools – Edit Images

When you are done editing your media’s information, be sure to click the Save All Changes button.