WiscWeb - WordPress UW Theme - Using Media Library to Add Images or Documents
The Media Library is your file repository, where you can store documents and images that you intend to use and make available to your audience through your site.
In this document:
- Uploading to the Media Library
- Working in the Grid View
- Working in the List View
- Placing images
- Linking to documents
The Media Library serves as the central file storage location for a WordPress site where images and documents can be uploaded to and then made available for either viewing or downloading by site visitors.
There are several key pieces of information to be aware of as you are using the Media Library:
- The maximum file size for uploading items to your WiscWeb media library is 24MB. If you need to upload a larger file, consider using the Box service.
- The following file types are allowed in the Media Library: dxf, stl, vsd, dotx, csv, jpg, jpeg, png, gif, mov, avi, mpg, 3gp, 3g2, midi, mid, pdf, doc, ppt, odt, pptx, docx, pps, ppsx, xls, xlsx, key, mp3, ogg, wma, m4a, wav, mp4, m4v, webm, ogv, wmv, flv, rtf, tif, svg
- File types are limited to increase security and accessibility of the files to audiences. Again, if you need to make certain file types available that are not allowed, consider using the Box service.
- Files should follow recommended naming conventions. You can read more about this at WiscWeb - WordPress UW Theme - Recommended File Naming Conventions for Media.
Uploading to the Media Library
Begin by clicking on the Media option in the left menu. Your full media library will appear. If you have images in the library, they will appear here.
- Click the Add New button.
- You can search for the items to upload by clicking on the Select Files button, otherwise you can drag items onto the screen to upload items automatically.
- Your images will appear on the screen. You can change your view between List or Grid with the toggles in the upper left corner of the library.
You can also filter the items that you see by clicking in the two pull down menus - the first to view by type, the second to view by upload date. You can also individually select items by clicking the Bulk Select button.
Working In Grid View
Within this view, you have a visual representation of the items in your library through thumbnails; documents that are within your library will display with their file name in the thumbnail.
Individually clicking on an item will select it, and open that image or document's informational window.
Here are some of the key items to note within the Attachment Details screen for an image:
- File name: Provides you with the file name of the item you selected.
- Dimensions: The width and height of the image.
- Title: The name of the item that you uploaded. This value will be shown in some instances when it is placed on a page or within a post.
- Caption: This provides your information about the image. A caption will be displayed when an imaged is placed on a page or post, but can be edited or removed when it is placed.
- Alt Text: The alt text for an image is a value that is placed within the code and does provide another location to describe what it is. However, an important use of alt text is for making items on your page accessible. For more information regarding UW-Madison's Web Accessibility policy, please click here.
- Description: Further information about this particular item.
Working In List View
Within this view, your media library items are listed within a table with other pieces of information.
Here are some of the key items to note within the List View. Note that you can sort the columns of this table by clicking on the linked headers:
- Checkbox: Select this item to do any bulk actions on.
- File (thumbnail list): Provides a preview of the image in a thumbnail image. Next to this is the file name linked which would take you to the edit screen.
- Uploaded to: This will tell you what Post or Page the item that this item is contained on.
Images can be placed on pages or within posts using a variety of page elements (such as the Image Carousel or Featured Content Block), or by simply clicking the Add Media button within a Text Block.
Linking to documents
The Add Media button can also be used to create a direct link to a document within your Media Library.
- Place your cursor where you want the link to be inserted, and click Add Media.
- Locate the document that you want to link to.
- Be aware that by default, the Title of the document that you uploaded will be used as the linked text.
- Click on the document and then click Insert into page.
- The link will appear, with the text again being set to the Title of the document. To change this linked text:
- Click on the link
- Click on the edit icon (pencil)
- Click on the Link options icon (gear)
- Update the Link Text field
- Click Update