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

Cover Block

WordPress Gutenberg Blocks – Cover

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

***

Cover Block Description

The Cover Block lets you add an image or video cover with a text overlay to WordPress …

(Add image and video covers to WordPress using the Cover Block)

This is useful for adding image content headers to your posts and pages …

(Add image cover headers to your posts & pages)

And video cover headers …

(Add video cover headers to your posts & pages)

How To Use The Cover Block

To add a Cover 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 ‘Cover’ block …

(‘Add Block’ Tool – Add Cover Block)

Or, select a Cover Block in the Content Area

(Add a Cover Block from the Content Area)

After adding a Cover Block, you can add an image or video cover:

Add A Cover Using Drag & Drop

To add a cover image or video using drag and drop:

(Add an image or video cover to WordPress using drag and drop)

Add A Cover Using Your Web Browser Uploader

To add a cover image or video using your web browser uploader:

Let’s go through the above steps:

First, click on the ‘Upload’ button in the Cover Block …

(Cover Block – Upload button)

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

(Upload a media file)

Add A Cover From Your Media Library

To add a cover image or video from your media library:

Let’s go through the above steps:

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

(Cover Block – 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 a media file from the Media Library)

The media file will be imported to the Cover Block and added to your post or page …

(Media file added)

After adding image or video covers:

How To Edit A Cover Block

To edit a Cover Block:

Type or paste in your cover text …

(Type or paste in your cover text)

Change the alignment of your cover image or video and text …

(Edit a Cover Block)

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

How To Remove A Cover Block

To delete or remove a cover block:

(Remove a Cover Block)

Additionally …

Cover Block Tools, Options & Settings

The Cover Block includes tools, options, and settings for:

Cover Block Editor

(Cover Block Editor)

The Cover Block Editor includes tools that let you perform the following operations:

(Cover Block Editor)

Cover Block Settings

(Cover Block Settings)

Cover Block settings include:

(Cover Block Settings)

Cover Block – Additional Info

The Cover Block can be converted into the following block types:

(Change Block Type – Cover Block)

Notes:

(Change a Cover Block into other block types)

Additionally:

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

***

Congratulations! Now you know how to use the WordPress Gutenberg content editor Cover 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 by Videezy

Recommended Video Courses For WordPress Users

Why Your Business Needs WordPress

Learn about the unique features, benefits, and advantages of using WordPress to start or grow your business online.

More info: Why Your Business Needs WordPress

Recommended Video Courses For WordPress Users

Google Tools

This video course will help you learn the basics of using Google Tools like Google Analytics and Gmail.

More info: Google Tools

Recommended Video Courses For WordPress Users

WordPress Traffic & User Engagement

Learn how to drive more targeted traffic to your website and discover ways to improve user engagement with your business online.

More info: WordPress Traffic & User Engagement

Recommended Video Courses For WordPress Users

Keyword Research Tools

This video course shows you how to do keyword research using tools like the Google Keyword Planner.

More info: Keyword Research Tools

Recommended Video Courses For WordPress Users

WordPress 101: How To Use WordPress

Learn how to unlock the power of the WordPress content management system (CMS) using the many powerful features inside your WordPress administration area.

More info: WordPress 101: How To Use WordPress

Recommended Video Courses For WordPress Users

Build A WordPress Site ... Fast!

Need a new website or blog in a hurry?

This video course shows you how to quickly install and configure a WordPress website or blog on your own domain name and be up and running in no time!

More info: Build A WordPress Site ... Fast!