One slide in a project carousel. Learn when to use Swiper Slide, follow a practical setup, and diagnose common problems.

A manual project showcase with two slides. Learn when to use Swiper, follow a practical setup, and diagnose common problems.

Build a reusable spacing system in Oxygen with CSS variables. Follow a card-layout example, inspect responsive spacing and fix inconsistent gaps.

A plugin’s output inside an Oxygen page. Learn when to use Shortcode, follow a practical setup, and diagnose common problems.

A semantic definition list. Learn when to use HTML Code, follow a practical setup, and diagnose common problems.

A calculator that updates on input. Learn when to use Javascript Code, follow a practical setup, and diagnose common problems.

A plugin-provided wrapper around a content group. Learn when to use Container Shortcode, follow a practical setup, and diagnose common problems.

A reusable guide card. Learn when to use Component, follow a practical setup, and diagnose common problems.

An icon supporting a clearly labelled link. Learn when to use SVG Icon, follow a practical setup, and diagnose common problems.

An escaped server-rendered summary. Learn when to use PHP Code, follow a practical setup, and diagnose common problems.