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

File Block

WordPress Gutenberg Blocks – File

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


File Block Description

The File Block lets you add a link that users can click on to download files from your WordPress site …

(Add downloadable files to WordPress using the File Block)

Clicking on the download link lets users save these files to their hard drives or media storage devices …

(Download files from your WordPress site)

How To Use The File Block

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

(‘Add Block’ Tool – Add File Block)

Or, select a File Block in the Content Area

(Add a File Block from the Content Area)

After adding a File Block, you can add a file:

Add A File Using Drag & Drop

To add a file using drag and drop:

(Add a file to WordPress using drag and drop)

Add A File Using Your Web Browser Uploader

To add a file using your web browser uploader:

Let’s go through the above steps:

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

(File Block – Upload button)

This will bring up the ‘Upload Media’ window on your browser. Select a file from your hard drive folder and click on ‘Open’ to import the file into the File Block and add it to your post/page …

(Upload a file)

Add A File From Your Media Library

To add a file from your media library:

Let’s go through the above steps:

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

(File Block – Media Library button)

Select a file from your media library (or upload one from your hard drive) and click on the ‘Select’ button …

(Upload a file from the Media Library)

The file will be imported to your File Block and added to your post or page …

(File added)

After adding files:

How To Edit A File Block

To edit a File Block:

(Edit a File Block)

To change the link text, change your file title in the Media Library …

(Download Link Text)

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

How To Remove A File Block

To delete or remove a file block:

(Remove a File Block)

Additionally …

File Block Tools, Options & Settings

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

File Block Editor

(File Block Editor)

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

(File Block Editor)

File Block Settings

(File Block Settings)

File Block settings include:

(File Block Settings)

File Block – Additional Info


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