WordPress For Non-Techies: Free WordPress Tutorials – WPCompendium.org

Media & Text Block

WordPress Gutenberg Blocks – Media & Text

This tutorial is part of our WordPress Gutenberg: The Ultimate Guide For Non-Technical WordPress Users series.

***

Media & Text Block Description

The Media & Text Block lets you set media and text side-by-side for a richer content layout.

You can add an image and text block …

(Add images and text elements to WordPress using the Media & Text Block)

Or a video and text block …

(Add videos and text elements to WordPress using the Media & Text Block)

How To Use The Media & Text Block

To add a Media & Text Block:

Let’s go through the above steps:

First, create a new post or page or open an existing post or page and either:

Click on the ‘Add Block’ tool and select a ‘Media & Text’ block …

(‘Add Block’ Tool – Add Media & Text Block)

Or, select a Media & Text Block in the Content Area

(Add a Media & Text Block from the Content Area)

After adding a Media & Text Block, you can:

Add A Media Element Using Drag & Drop

To add a media element using drag and drop:

(Add a media element to WordPress using drag and drop)

Add A Media Element Using Your Web Browser Uploader

To add a media element using your web browser uploader:

Let’s go through the above steps:

First, click on the ‘Upload’ button in the Media & Text Block …

(Upload button)

This will bring up the ‘Upload Media’ window on your browser. Select an image or video from your media folder and click on ‘Open’ to import the element into the Media & Text Block and add it to your post/page …

(Upload a media element)

Add A Media Element From Your Media Library

To add an image or video from your media library:

Let’s go through the above steps:

Hover your cursor over the Media & Text Block and click on the ‘Media Library’ button …

(Media Library upload button)

Select an image or video from your media library (or upload one from your media folder) and click on the ‘Select’ button …

(Upload an image or video from the Media Library)

The image or video will be imported to your Media & Text Block and added to your post or page …

(Media element added)

Add Text To Your Media & Text Block

After adding an image or video, the next step is to add text (if you haven’t already).

To add text to your Media & Text Block:

(Add text to your Media & Text Block)

After adding media and text:

How To Edit A Media & Text Block

To edit a Media & Text Block:

(Editing a Media & Text Block)

Remember to update and publish your post or page to save your settings.

How To Remove A Media & Text Block

To delete or remove a Media & Text Block:

(Remove a Media & Text Block)

Additionally …

Media & Text Block Tools, Options & Settings

The Media & Text Block includes tools, options, and settings for:

Media & Text Block Editor

(Media & Text Block Editor)

The Media & Text Block Editor includes tools that let you perform the following operations:

(Media & Text Block Editor)

Media & Text Block Settings

(Media & Text Block Settings)

Media & Text Block settings include:

(Media & Text Block Settings)

Media & Text Block – Additional Info

The Media & Text Block can be converted into the following block types:

(Change Block Type – Media & Text Block)

Notes:

(Change Block Type – No media elements selected)

Additionally:

Installing plugins or themes on your site may add new functionality, options, or settings to Media & Text Blocks.

***

Congratulations! Now you know how to use the WordPress Gutenberg content editor Media & Text Block.

***

"This is an awesome training series. I have a pretty good understanding of WordPress already, but this is helping me to move somewhere from intermediate to advanced user!" - Kim Lednum

Stock video image by Videezy