This page showcases WordPress core media blocks as rendered by Axismundi: images, galleries, covers, media-and-text layouts, audio, video, files, and icons.
The examples include captions, overlays, responsive layouts, media controls, download buttons, and the WordPress 7.0 core Icon block.
Image
Gallery
A gallery shows multiple images in a responsive grid. Captions, cropping, and column behavior should stay stable across viewport sizes.
Cover
The Cover block combines a background image, overlay dimming, and inner content.
Cover overlay heading
Overlay text remains readable on top of the image.
Media & Text
Media & Text pairs an image or video with editorial copy and stacks on smaller screens.
Media beside copy
Media on the left, text on the right. This block is useful for editorial sections, feature summaries, and image-led explanations.
Audio
The Audio block uses the browser’s native media controls while preserving caption spacing.
Video
The Video block includes a poster image, native playback controls, and a caption.
File
The File block presents a linked file with an optional download button.
Icon
The WordPress core Icon block belongs to the media block family in WordPress 7.0. This sample checks icon color, background, border, sizing, radius, and accessible labeling.
Plugin Media Example
Plugin blocks can also participate in media workflows. This example uses Axismundi Map with media attachments as its source.
Random Image Stress Test
This image intentionally changes on reload and is used only to check unpredictable media.