How do I add an image to a page?

Use either the following HTML or Textile markup to add an inline JPG/PNG image to a custom page:

HTML markup:

<img src="IMAGE_URL" alt="IMAGE_DESCRIPTION" />

Textile markup:

!IMAGE_URL(IMAGE_DESCRIPTION)!

Where:

  • IMAGE_URL is a URL pointing to the image (eg http://domain.com/path/to/image.jpg).

  • IMAGE_DESCRIPTION is text describing the image (eg "A flower in bloom").

If you uploaded your image to TitleLeaf via the Images module, then you can use a page variable shortcut:

{{ "IMAGE_FILE_NAME" | tl_image_tag }}

Where:

  • IMAGE_FILE_NAME is the name of the file including file extension (eg, "cow.png" or "baby_goats.jpg").