Images and media

Uploaded images are stored in /img/ and can be used in any page.

Upload first

Before inserting an image into a page, upload it through the Media tool. The tool prepares the stored image files for use in pages and, where needed, creates resized versions.

Rich mode

In Rich mode, use the image picker in the editor. Select an uploaded image from the media grid and insert it directly into the current page. The editor handles the image markup for you.

MD mode

In MD mode, use the image picker via the MD editor toolbar. The editor inserts the correct Markdown image code into the text field at the current cursor position.

You can also write Markdown image syntax directly if you prefer to edit the source.

PHP mode

In PHP mode, you can use standard HTML image tags or the zoutimg() helper function.

If admin access is set up, the media gallery simplifies this: click an image in the media grid and ZANACMS copies the matching zoutimg() snippet to the clipboard, ready to paste into a PHP page.

Page image and layout image