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

File Block

For a white label version of this tutorial visit WPTrainingManual.com.

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.


"These tutorials have so much information and are easy to understand. If you use WordPress or plan to in the future these will help you with everything you need to know." - Valisa (Mesa, Arizona)
For a white label version of this tutorial visit WPTrainingManual.com.