Embedded Image

Insert images with different locations and sizes to your News and Event posts.

Embedded Image – Regular

The regular embedded image is a large photo with different width options: browser (largest), website (medium), or content (smallest).

  • Use: Insert a larger photo to add visual interest
  • Location: At the beginning of News and Event posts
  • Capitalization: Image captions (optional) and alt text should be sentence case

Default Shortcode

[image_spread img_url="https://images.pexels.com/photos/1027161/pexels-photo-1027161.jpeg" caption="Recipient of the 2012 Wesbrook Scholarship" alt="Portrait photograph of the recipient of the 2012 Wesbrook Scholarship" alt="" width="content"]

Parameters

image_spread -- begins a single embedded image
img_url="" -- sets image via a file URL
caption="" -- sets caption text below image
alt="" -- sets alt text for image
width="" -- choose "browser", "website", or "content" - sets image spread width

*Parameters italicized are optional


Embedded Image – Floated

Insert a floated image with different alignment options

  • Use: Add photos to break up bodies of text and add visual interest
  • Location: Within the body of news and event posts
  • Capitalization: Image captions and alt text should be sentence case

Default Shortcode

[image_aligned img_url="https://images.pexels.com/photos/414171/pexels-photo-414171.jpeg" caption="UBC Okanagan, 2015" alt="Landscape nature photograph of UBC Okanagan, 2015" align="left"]

Parameters

image_aligned -- begins a single embedded image
img_url="" -- sets image via a file URL
caption="" -- sets caption text below image
alt="" -- sets alt text for image
align="" -- choose "left" or "right" - sets image position on page

*Parameters italicized are optional

On this page
    Back to toparrow_upward