Create an image wrapper - using browse method

To create an image wrapper using the browse method:

  1. Click on Add Content at the top left of the window.
      
      add content
  2. Select UVic Blocks.

    select add uvic block
  3. Select Image Wrapper.

    select image wrapper
      
  4. Enter a System Name for your image wrapper. You will see that the image-wrappers folder is already selected as the designated placement folder.

    enter system name
     
  5. Leave the Display Name as is.  It is a required field but doesn't actually display. You can also include a description if you wish (not required).

    disregard display name
  6. Under poloroid-banner-image click on Choose File.

    choose file
  7. Click on Browse and navigate to find the image in your site's assets folder.
     
    select browse
  8. Once you have located the image, click on the radio button beside it to select.

    select desired image
  9. Then click on Choose.

    click on choose
  10. You will see the image has been selected and the path is displayed.  Enter an image alt tag (short description of your photo) and include an image caption.

    enter alt tag and caption
  11. When you are finished, click on the ellipsis and then click on submit.

    image

  12. You will see that the image wrapper has been added under assets > blocks > content > image-wrapper.

    wrapper added to assets
       

View work order
Need a computer?
Secure your data