WordPress Block Editor - Block Settings: Advanced

WordPress Block Editor – Block Settings: Advanced

WordPress Block Editor - Block Settings: AdvancedThis tutorial is part of our series on using common block settings in the WordPress Block Editor Settings Section.

In this tutorial, you will learn how to use a block’s advanced settings.

For a complete understanding of how to use the WordPress Block Editor, see the other tutorials in this series:


Block Settings – Advanced

Many types of blocks allow you to use advanced settings and options.

Note: A block’s Advanced settings may include additional options depending on which blocks you select and what plugins and themes are installed on your site.

Block Settings - Advanced
Block Settings – Advanced


Note: Block types that support advanced properties must be selected in the content editor area to display the Advanced settings in the Block Settings panel.

If you need help using block settings, see this tutorial: WordPress Block Editor: Block Settings

View Advanced Settings

To access the Advanced settings for a block that supports advanced properties:

  1. Select the block.
  2. Select the Block settings panel to view the Advanced settings option.
  3. Enter information into the advanced property fields (see below).

Advanced Properties

You can edit and customize the following settings and options in blocks that support advanced settings:

Title Attribute

The title attribute can be used to add text for a tooltip, an image credit or a description of the image, etc.

Note: many devices and browsers do not display this text. To learn more, go here: The Title Attribute.

HTML Anchor

This lets you create a unique web address to send users directly to this block using a unique jump link URL.

Using HTML Anchors

To create a Jump Link, enter a word or two (no spaces allowed, but hyphens, underscores, colons, and periods are ok) into the HTML anchor field in the Advanced block settings section to create a unique web address (e.g. useful-heading).

Advanced Block Settings - HTML Anchor
Enter your anchor text in the HTML Anchor field.

Next, select the element in your content that you want to add a jump link to and enter your HTML anchor text preceded by a hash symbol (#).

Press Enter to add this link, then save and publish/update your post or page.

Add a Jump Link to content.
Add your Jump Link to your content.

Users can now go directly to the section of your content (i.e. the block) tagged with the HTML anchor by either:

  • Clicking on the internal link in the content, or
  • Entering the link’s unique URL in their web browser (e.g. https://yourdomain.com/page-slug/#useful-heading).

Additional CSS Class(es)

This field lets you add multiple CSS classes to your block separated with spaces. This allows you to write custom CSS and style the block as you see fit.

Note: This requires having knowledge of CSS (Cascading Style Sheets).

Additional Block Settings

Click on a tutorial from the list below to learn about using other common block settings in the WordPress block editor.


For more tutorials in this series, go here:


Print Friendly, PDF & Email

Updated: April 9th, 2023

Terms Of Use | Privacy Policy

Scroll to Top