Universal Fields
Block Anchor ID
The Block Anchor ID field is present on every component and functions as an optional field. This field allows users to add a unique custom identification tag to each component. This tag can later be referenced in a link that will jump directly to that specific component. This is useful for assisting users in navigating around long pages with a lot of content.
As an example, this is how the “Topics on this page” section was created above.
To use this field, simply add a unique identifier to the “block anchor ID” field. To create a jump link to the component, start the process of adding a link. In the URL field add the # symbol with the unique identifier directly after. (ex. #jump)
There cannot be any spaces in the “block anchor ID field.” Instead of a space, add a hyphen in between the words. (ex. #jump-link)
This field is not required for any component to function correctly and can be skipped if linking to the component is not desired.
Block CSS Class(es)
The other field that is available on every component is the “Block CSS Classes field.” This field also serves an optional field that gives more control over a page’s visual presentation.
CSS is a coding language that specializes in customization for websites. In WordPress we have the option to utilize some CSS through short cuts called CSS Classes. These short cuts have been set up to work in the “Block CSS Classes” field.
To use the “block CSS classes” field, simply add in the short code to the field with a space separating each class.
Here is an example of a short CSS class: mt-0. This CSS class sets the margin above the component to 0. The “m” stands for margin, “t” stands for top and “0” is what the margin is being set to.
A complete list of all CSS classes available can be found at the University of Rochester’s CSS Classes page.
To reiterate, this is a powerful but completely optional field for each component. Because of this, it should only be leveraged if proper administration is in place and feels comfortable supporting it.