Panel: Advanced

The advanced panel is used to add an id- or class-attribute to the component.

HTML anchor

  core/button   core/buttons   core/column   core/columns   core/group   core/heading   core/image   core/list   core/paragraph   core/social-links

Add a custom id-attribute to the component.

Enter a word or two — without spaces — to make a unique web address just for this block, called an “anchor.” Then, you’ll be able to link directly to this section of your page.


An id-attribute must be unique on the entire page and can only contain one item (words can be separated with dashes or underscores).

Scroll to section link

panel-advanced-html-anchorLearn more about anchors:


This can be used to create a scroll-to link. Create a link to “#[html-anchor]”.

Code example


Link example

Scroll to the section link.

Additional CSS class(es)

  core/button   core/buttons   core/column   core/columns   core/group   core/heading   core/image   core/latest-posts   core/list   core/paragraph   core/social-link   core/social-links

Add a custom class-attribute to the component.

Separate multiple classes with spaces.

Link rel


The rel attribute defines the relationship between a linked resource and the current document. Valid on
<link>, <a>, <area>, and <form>, the supported values depend on the element on which the attribute is found.

Read more about the link rel attribute on

HTML element


Define the wrapper element.


  • <div> (default)
  • <header>
  • <main>
  • <section>
  • <article>
  • <aside>
  • <footer>

Title attribute


Describe the role of this image on the page.

Note: many devices and browsers do not display this text