Media Library

user guide image

The Media section provides users with the ability to View, Add, Edit, or Delete media in the Media Library. The Media menu provides user’s access to the Media Library and the Add New option.

  1. Set Screen Options.
  2. Add a New File.
  3. Toggle between List and Grid View.
  4. Bulk Select – Allows the selection of multiple pieces of media to delete (media does NOT go to the trash, it is permanently deleted and cannot be recovered).
  5. Search – Allows a search of all media.
  6. Image Area

The List View for the Media Library provides more “at a glance” information for the user. The author, pages/posts to which the media is attached, the language for which the media is available and the date it was uploaded can all be viewed directly from the Media Library screen with this View.

  1. Navigate to MEDIA > MEDIA CATEGORIES.
  2. In the NAME field, Enter the name of the category to be created.
  3. Skip the SLUG field.
  4. In the PARENT dropdown, Select a parent category, if desired.
  5. Click ADD NEW MEDIA CATEGORY.
  1. Navigate to MEDIA > LIBRARY.
  2. Locate the image to edit.
  3. Click the title of the image to open it in the editor.
  4. On the right side of the edit screen is a section titled MEDIA CATEGORIES. This section may appear at the bottom of the page, users may drag the box into whatever position on the right side of the page that they choose.
  5. Select the appropriate CATEGORY for the image.
  6. Click UPDATE.
  1. Upload the image.
  2. Edit the image.
  3. Select the appropriate CATEGORY and Complete the remaining fields.
  4. Click UPDATE.
  1. Navigate to MEDIA > LIBRARY.
  2. In the FILTER section of the page, Click the FILTER MEDIA BY CATEGORY dropdown.
  3. Select the CATEGORY to display.
  4. Click FILTER.

Files are uploaded to the Media Library via the Upload New Media interface. Users may upload images in one of two ways:

  1. Click the SELECT FILES button and use the desktop’s Open window to Locate and select files for upload.
  2. Locate the files on the desktop and Select the files to upload. Drag them to the DROP FILES HERE area of the interface.

Once files have been uploaded, they must be edited to ensure that they are Section 508 compliant and that they appear properly within the website.
Edit Image Details

  1. Locate the image to edit in the MEDIA LIBRARY.
  2. Select the image and the ATTACHMENT DETAILS screen appears.
  3. Edit the fields as required.

 

  1. URL – Do not edit this field, it is set by the system and should not be changed. A user may copy this URL for manual insertion into a text box if required.
  2. Title – This defaults to the Filename of the image uploaded. It can be changed by
    the user, if desired.
  3. Caption – This field must be complete. Insert the image’s caption here. Caption
    must be no longer than 225 characters.
  4. ALT Text – this field must be complete. Remember ALT text is not the same as a caption. It’s a description of what the visitor actually sees. In this example, “Logo” would be an appropriate ALT tag.
  5. Description – Useful for SEO. Users may use this field, if desired to enter additional information about the photo.
  6. Uploaded By – The user that uploaded the media.
  7. Uploaded To – Everywhere in the site that the image is being used.
  8. Language – Which Language is represented by the image. For Example, If the image is uploaded in Spanish, all Captions, ALT Tags and Description information must be in Spanish.
  9. The user may also use the links at the bottom of the pop-up window to edit more details, view attachment page, and delete permanently.

By clicking the Edit Image button, a user may make inline edits to the image. We strongly recommend editing and cropping all images before upload. However, if the user wishes, the image may be edited within WordPress.

  1.  The image may be rotated or flipped.
  2.  The image may be scaled – the user may proportionally scale the original image. For
    best results, scaling should be done before cropping, flipping, or rotating. Images can only be scaled down, not up.
  3. The image may be cropped – To crop the image, click on it and drag to make your
    selection.
  4. Crop Aspect Ratio – The aspect ratio is the relationship between the width
    and height. The user can preserve the aspect ratio by holding down the shift
    key while resizing the selection. Use the input box to specify the aspect ratio,
    e.g. 1:1 (square), 4:3, 16:9, etc.
  5.  Crop Selection – Once the user has made their selection, they can adjust it by
    entering the size in pixels. The minimum selection size is the thumbnail size
    as set in the Media settings.
  6.  Click the SAVE button to confirm and accept changes to the image.

To use photos from IIP Flickr account:

  1. Click ADD MEDIA button from desired post or page EDIT mode.
  2. Click INSERT IIP FLICKR link on left to access photos.

    Note: Flickr images can be used as featured images, but may not display correctly in the megamenu or the blogroll. Use with caution!

NOTE: Post is required to acquire their own API keys. Instructions on this can be found at the here link located in the interface of adding the keys (https://support.onecodeshop.com/create-your-flickr-api-key/). Do NOT use the keys provided below as they are an example. The service desk cannot help getting API keys as the keys are tied to the individual Flickr account.

To add a Local Flickr Library:

  1. Open a new tab and Log into the FLICKR ACCOUNT that will be added.
  2. Navigate to MEDIA > REMOTE LIBRARIES > ADD NEW.
    a. Name: COUNTRY FLICKR. For Example: “Mexico Flickr”.
    b. Service Selection: FLICKR PRO.
    c. API Key: 83e7a252567e8e7cd1a955ed6ad461d4 (Example, do NOT use)
    d. API Secret: e1094c3d25c6d437 (Example, do NOT use)
  3. Click the VALIDATE button.

Note : The maximum size of any images or video is 24 Megabytes.

  1. .jpg / .jpeg (Joint Photographic Experts Group)
  2.  .png (Portable Network Graphics)
  3.  .gif (Graphics Interchange Format)

PDFs are uploaded in the same manner as Images.

  1. Click the SELECT FILES button and use the desktop’s Open window to Locate and Select files for upload.
  2. Locate the files on the desktop and Select the files to upload. Drag them to the DROP FILES HERE area of the interface.

Primarily, there are two fields that Users may edit on PDF files, the Caption field and the Description field. While neither of these fields are required, users may find them helpful in improving SEO results.

  1. Click EDIT on the existing PDF file.
  2. Enter desired text in the CAPTION field.
  3. Enter desired text in the DESCRIPTION field.
  4. Click the UPDATE button.