WordPress Gutenberg: How to Add Images and Media

How to Add Images and Media

The Gutenberg WordPress editor enables you to insert various media types into posts and pages, including the standard Image, Audio, Video, and File blocks. It also offers some dynamic content blocks like:

• Media & Text. This block lets media and textual content be placed side by side, enhancing the storytelling experience.
• Image Gallery. This option is ideal for displaying multiple image files in one place, excellent for photography and portfolio sites.
• Cover. A unique block to overlay text on images or videos, perfect for creating visually impactful headers or highlights.

The steps to add these blocks are relatively similar. Choose the desired element from the Gutenberg block library. Then, upload the media file or select an existing one from the media library. You can also insert a URL to add an audio or image file.

For image and gallery blocks, it’s possible to drop multiple image files at once to save time.

Each block has its own toolbar and settings. For instance, the Image block allows adjustments like rounded corners, border modifications, and radius settings. Meanwhile, the Media & Text block has options to adjust alignment, mobile stacking, color schemes, and typography.

Users can find more visuals by opening the block inserter → Media → Openverse, WordPress’ repository of openly licensed images.