How to change pictures.

There are two ways photos are added to a webpage – as an image block and as a background in a column.

  1. Go to Pages, hover over the page name that contains the photo you want to replace, and click Edit that appears under the page name.
  2. Click on the photo.
  3. If a horizontal contextual menu appears above it then it’s an image block. Click on Replace in that horizontal contextual menu.
    1. A second square contextual menu will appear with options: Open Media Library and Upload.
    2. If the photo is already in the Media Library, click Media Library. A pop up screen will appear covering your page. To the left  are Folders. Click on the folder that contains the photo you want to use. Click on the photo you want to use.  Click the blue Select button.
    3. If the photo needs to be uploaded:
      1. First, resize your photo from your favorite desktop application to be no wider than 1200 pixels for horizontal (landscape) photos or 1200 height for vertical (portrait) photos. Save as JPG with 70% compression rate (if possible). The goal is to make the smallest file size possible while retaining the size and clarity needed to be displayed perfectly.
      2. Back in WordPress on the page where the new photo will live, click the existing photo, click Replace, then click Upload.
      3. Navigate to the location of the photo on your computer or shared drive then click the open button at the bottom. NOTE: the photo will upload in the Uncategorized Folder. Once you’re done on this page, go to the Media Library and drag it into the appropriate folder.
    4. You will be taken back to your page with the updated photo in place.
    5. With the photo still selected, on the right side, confirm the Alt Text field is populated with something descriptive of the photo.
    6. Confirm the Resolution drop down menu has Large or Full Size selected. If the original photo is larger than how it will appear on the public web page then you can chose smaller resolutions. If the photo doesn’t fill the space as you intend, select higher resolutions.
  4. When you click on the photo and no contextual menu pops up, then this is a background photo. Look at the right side column and click on Background. If you don’t see the right side column, click the three vertical dots upper right corner.
    1. Click remove image.
    2. Click Select image.
    3. If the photo is already in the Media Library, click Media Library. A pop up screen will appear covering your page. To the left  are Folders. Click on the folder that contains the photo you want to use. Click on the photo you want to use.  Click the blue Select button.
    4. If the photo needs to be uploaded:
      1. First, resize your photo from your favorite desktop application to be no wider than 1200 pixels for horizontal (landscape) photos or 1200 height for vertical (portrait) photos. Save as JPG with 70% compression rate (if possible). The goal is to make the smallest file size possible while retaining the size and clarity needed to be displayed perfectly.
      2. Back in WordPress on the page where the new photo will live, click the existing photo, click Replace, then click Upload.
      3. Navigate to the location of the photo on your computer or shared drive then click the open button at the bottom. NOTE: the photo will upload in the Uncategorized Folder. Once you’re done on this page, go to the Media Library and drag it into the appropriate folder.
    5. You will be taken back to your page with the updated photo in place.
    6. Change the center point by moving the white dot.
    7. Confirm background size is cover.
  5. Click the blue Update button on the right side of the page. Open a new browser tab and navigate to the page you just edited to confirm the photo updated as intended.