Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
The Media Library

Adding an Image 

This page of the user guide will help Sitecore Contributors add and resize images. Images are uploaded and stored in the Media Library which can be found within the Rich Text Editor

and stores all of the images that have been uploaded to Sitecore. This window allows the Contributor to use images already in the library or add in additional ones. Recommended

. Recommended image types are jpgs and pngs.

To

Adding an Image

Adding PDFs and Hyperlinks

The Column Builder

Submitting Your Page for Approval

Sitecore Contributor Training Post Assessment

 

How to Add an Image

  1. Click an area inside the Rich Text Editor where you would like an image to be added.  (see image below)
    Image Added

  2. Click the Insert Sitecore Media button.

    Image Removed

    (

    Click

    see image

    to enlarge

    above)

  3. Make sure the Media Library tab is selected.

    Image Removed

    (

    Click

    see image

    to enlarge

    below)

    Image Added


    Expand
    titleSitecore students, click here to expand...

    Sitecore students that do not have Contributor access yet:

    1. Click the arrow to expand the Sitecore Training folder. (see image below)

    Image Added

    2. Click the Images folder.

    Image Removed

    (

    Click

    see image

    to enlarge

    above)

    3. Skip steps 4 and 5 below. Continue on to Step 6.



  4. Click the arrow to expand the Images folder. (see image below)

    Image Added

  5. Click on your department's folder.

    Image Removed

    (

    Click

    see image

    to enlarge

    above) 

  6. Add an image.

     To add an image, choose between:

    Expand
    titleI would like to add an image already in the Media Library. (click here to expand)

    1.   Click on the image you would like to add from the Media Library.

    2. Click Insert.

    Image Removed

    (

    Click

    see image

    to enlarge

    below)

    Image Added



    Expand
    titleI would like to upload a new image. (click to expand)

    1. Click Upload. (see image below)

    Image Added

    2. Click Choose File. (see image below)

    Image Added

    3. Navigate to the image you would like to upload and click Open.

    4. Click Upload.

    Image Removed

    (

    Click

    see image

    to enlarge

    above)

    5. Add AltText. (see image below)

    Note

    'Alt' Text: Providing a short description of the photo is important for Search Engine Optimization (SEO) and screen readers.

    SEO helps search engines such as Google identify information within a website for better search results. 

    Screen Reader software is assistive technology that is sometimes used by persons who have a difficult time seeing or reading a screen. Providing 'Alt' text provides a description of the photo that the screen reader can read out loud to the user.

    For more information pertaining to alt text, click here. 

    Image Added

    6. Click Save/Close.

    Image Removed

    (

    Click

    see image

    to enlarge

    above)

    7. Click Insert.

    Image Removed

    (

    Click

    see image

    to enlarge

    below)

    Image Added


    Note

    NOTE: If the upload button is not functional, make sure you have clicked on the folder you have permission to access.



Tip
titleTrouble Uploading a Photo?

 Sitecore only allows images to be uploaded with a maximum size of 800KB. Click here for tips on how to resize a photo. 


Resizing an Image

  1. Right click on the image and select Properties.

    Image Removed

    (

    Click

    see image

    to enlarge

    below)

    Image Added

  2. Make sure the chain link is closed. (see image below)

    Image Added

  3. Click inside the Width or Height properties box and type in a new value. (see image above)
  4. Click OK.

    Image Removed

    (

    Click

    see image

    to enlarge

    above)


Next: Adding PDFs and Hyperlinks

 

Info
iconfalse
titleIn this Guide:

 

Sitecore Training

How to Login

Becoming Familiar with the Interface

Finding Your Pages

The Rich Text Editor