Images, Callouts, and Code Blocks

Docs are more than text. Divi Docs Maker gives you a few extras that make instructions clearer, and they all work right in the editor.

Images

Add images the normal WordPress way, with the Add Media button. Screenshots, diagrams, and GIFs all work, and they scale to fit the article column.

Callouts

A callout pulls a note out of the flow so it stands out. Wrap your text in a shortcode:

✓
Tip
Your tip goes here.

That renders as a styled tip box, like the ones at the bottom of these pages.

Code blocks

Use a normal preformatted or code block for commands and snippets. Docs Maker styles it as a dark code card with a one-click Copy button, so readers can grab the code without selecting it by hand.