Figure Types | Guide

This guide explains the three of the four available figure types (Internal Images, External Images, & Code). Each section shows what the type does, when to use it, required fields, and tips.

Looking for help with Interactive Figures? Click here to see the in-depth guide Interactive Figures

When Finished Making Field Selections: Press “SAVE” in the top right of the page.

 

 

Fields Covered:

 

 

Internal Image

Internal Image

Screenshot: Uploading an image directly from the WordPress Media Library.

What it does: Lets you upload a static PNG/JPG image.

When to use: For figures already prepared as image files.

Required: Yes, if you choose Internal Image.

💡 Tips:

  • Optimize images (<1 MB) for fast load times.
  • Use descriptive filenames so you can find them again easily.

 

 

External Image

External Image URL

Screenshot: Entering an external URL.

External Image Alt

Screenshot: Providing Alt Text for accessibility.

What it does: Loads an image from a web URL.

When to use: If the figure is hosted elsewhere.

Required: Alt Text is mandatory.

⚠️ Note: If the external image URL changes or disappears, your figure will break.

 

 

Code

Code

Screenshot: Choosing Code figure type.

What it does: Embeds raw HTML/JavaScript/iframes.

When to use: Only for advanced cases where a custom visualization is needed.

Required: Valid HTML/JS snippet.

⚠️ Note: Poorly written code may break layouts.