Topics Map > Campus Services > WiscWeb CMS

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:

  • Purpose
  • Requirements
  • Uploading to the Media Library
    • Working in the Grid View
    • Working in the List View
  • Placing images
  • Linking to documents

Purpose

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.

Requirements

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. Media button located on the left menu of the dashboard Your full media library will appear. If you have images in the library, they will appear here.

  1. Click the Add New button.

    Media Library screen showing the "Add New" button

  2. 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.

    Screen showing drag and drop option for Media Library

  3. 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.

    Screen showing different view options for the Media 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.

Image 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.

Media Library list of documents

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.

Placing images

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.

  1. Place your cursor where you want the link to be inserted, and click Add Media.
  2. 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.
  3. Click on the document and then click Insert into page.
  4. 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)

      A link has been clicked on showing the pencil icon to edit
    • Click on the Link options icon (gear)

      The edit options are available including the gear icon
    • Update the Link Text field

      The full link options available are visible, with the URL and Link Text field at the top
    • Click Update

See Also:




Keywords:images, documents, pdf, jpg, png, gif, doc, Word, link, attachment, add picture, add image, add document, add pdf, add doc, upload, file, file size   Doc ID:68099
Owner:Matt G.Group:WiscWeb CMS
Created:2016-10-27 12:42 CSTUpdated:2022-07-07 15:07 CST
Sites:DoIT Help Desk, WiscWeb CMS
Feedback:  1   1