Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.


This page is a work in progress.

Info

Note: You must complete WSB WordPress (WP) training before you will be granted access to the WP media library.

...

On this page:

Table of Contents

Image requirements

Images must meet these requirements before you upload them:

  • Images must be under 5MB.
  • Run your image through tiny-png to optimize it as much as possible.
  • Size your image appropriately. The largest size image you should be uploading is 2400px x 1600px (photoshelter's large size), but many images don't need to be that big.
    • For more detailed information on image sizing, see our Images documentation.

Upload an Image to the WP Media Library

...

  • Open the WP Media Library
  • Use either (1) the folder structure on the left or (2) the search bar in the upper right to look for your image

Using the Media

...

Folders

  • Click on the name of a folder to see media items within.
  • Click on the folder icon next to the name of the folder to expand it and view any folders within it.
    • If a folder is already expanded, clicking the icon will minimize/close it.
  • Drill down to the applicable folder and look for your image in the displayed results.
  • If you aren't seeing images that you know should be in the folder, make sure you delete any criteria you may have had in the search bar and click the search button to expand the results to everything in the folder.

...

Searching for an Image

  • The media search is useful if you know the exact name of your media file (or at least part of the name).
  • If you don't get any results from your search, try making it shorter or less specific.
  • You can try searching for a keyword or name, but if the search criteria is not part of the name of a media file, it will not show up in results.
    • e.g. If you search "Samba" and the particular photo you are looking for is named "img-33690.jpg", that image will not show up in the search results, even if Dean Samba is in the photo.

...

Alt text allows visually-impaired individuals (or anyone who uses a screen reader) to understand what content is in an image. Without alt text, these users cannot access this information. We want all users to have access to all of the information on our website.

Alt text is good beneficial for all users, though! It will be displayed on the page if the images ever fail to load or are blocked.

...

Since we have thousands of images on the website, and more are added everyday every day for events and blog posts, it is important to place your images in the correct folder.

...

To move an image that you already uploaded:

  • Look on the left side in the folder tree and locate the folder you want to move the image to. Don't click on the folder, just make sure it is visible.
  • Find your image in the Uncategorized folder. Images here are ordered from most recently uploaded to older uploads, so you should be able to find your image quickly if you uploaded it recently.
    • You can also search for the name of the image file in the upper righthand corner.
  • Click anywhere on the image data row and drag your mouse to the left side, where the folders are listed. Drop the image in the correct folder.
  • To move multiple images, mark the checkbox next to each image you want to move. Then when you click and drag, you will move all selected images to the same folder.

Delete an Image from the Media Library

If you no longer need to use an image on the website (or if a duplicate image was uploaded), you should delete it from the media library. It is best to delete the image immediately, so that it doesn't get used by someone else editing our website, events, or blogs. Be careful here, if an image is in use and it gets deleted from the media library, the page will display a broken image.

NOTE: You will only be able to delete images that you uploaded yourself. If you need another image removed, please:

  • reach out to the team member who uploaded the image and ask them to delete it
  • reach out to the web team via web ticket request – be sure you include the file name and the permalink for the image you want deleted 

To delete an image you uploaded to the media library:

  1. Locate the image in the media library (use directions above for locating images) and select it
  2. Click delete permanently and confirm.

     Image Added


Content by Label
showLabelsfalse
max5
spacesKB
showSpacefalse
sortmodified
reversetrue
typepage
cqllabel in ("organize-media","organize-images","wp-media","organizing-files","wordpress","wp") and type = "page" and space = "KB"
labelsorganizing-files organize-images organize-media wp-media

...