Build Studio Site - Inline Image

Page Content

How to Add a Studio Site - Inline Image

Use the Studio Site - Inline Media content type to add an image or video directly within your page’s main content area. This content type is especially useful for sidebar layouts or when you want media to span the full width of the main text area. In this module, you will learn how to add an image to a page.

Learning objectives

  • Understand the purpose of an inline image
  • Learn how to use the inline media content type to place images seamlessly within page content

Instructions

From the T4 Site Structure, navigate to the page you are updating. 

How to add a new inline media to a page

  1. Click the Add Content button.
  2. Select Studio Site - Inline Media from the list of content types.
  3. Use the following content elements (all are optional):
    • Name: Add descriptive name of content type to be used within T4 Site Structure.
    • Heading 2: Adds "h2" heading.
    • Heading 3: Adds "h3" heading.
    • Image: Select an image from the Media Library.
    • White border on image: Check to add a white border to the image.
    • Video Embed: Paste in full video embed code to add video.
    • Caption: add a caption to be displayed below the image or video.
  4. Click the Save Changes button to save content as a draft, or press the arrow and select Save and Approve to save and publish updates.

Best practices

  • Select images that directly support or enhance the surrounding text and overall message
  • Position inline images near related text to create a logical and visually appealing flow
  • Use built-in alignment options (e.g., left, right, or center) to ensure the image integrates well with the page layout
  • Avoid overloading the page with too many inline images, which could clutter the layout or distract from key content

Common issues and troubleshooting

  • Not designed/recommended for use on full-width layouts

Additional resources

By now, you should feel confident using the inline media content type to seamlessly integrate images within your page content.

Explore the possibilities: Content type examples

Browse through the examples below to see how the type can be used in different scenarios and design choices.

Mayo Clinic Cancer Center building in Phoenix at sunset

Ready to enhance your content further?

Check out the next module.

Picture tiles
menu
Close