The Gutenberg Toolbar is visible at the top of the Gutenberg component when selected.
Not all toolbar options are available for each component. At every option the linked components are show in a label.
Text alignmentcore/heading core/paragraph
Using the alignment drop-down from the toolbar, you are able to align the whole paragraph text to the left, make it center-aligned or orient it to the right.
- Align text left
- Align text center
- Align text right
Left aligned text (default).
Center aligned text.
Right aligned text.
Used quite frequently, Bold formatting has their own buttons on the Toolbar. The shortcuts are CTRL + b (or CMD + b) for bold.
This a paragraph with bold text.
Used quite frequently, Italics formatting has their own buttons on the Toolbar. The shortcuts are CTRL + i (or CMD + i) for italics.
This a paragraph with italic text.
Use the chain link icon to insert a hyperlink to your highlighted text. Or use the CTRL + k (or Command+k) keyboard shortcut.
This a paragraph with a link.
Using the “Highlight” option allows you to change the color for selected text and its background.
Check the color contrast when creating a highlight!
This a paragraph with highlighted text.
Inline codecore/heading core/paragraph
Use the inline code feature to format code snippets within your text differently. Not only that, but Inline code formatting also prevents the code to be executed instead of displayed.
This a paragraph with
Inline imagecore/heading core/paragraph
The inline image feature allows you to add an image to your paragraph. It has one option: enter the desired pixel width for your image.
This a paragraph with an inline image.
Keyboard inputcore/heading core/paragraph
Using the “Keyboard Input” option allows you to add the
<kbd> tag to selected text.
This is a paragraph with a keyboard tag.
Using the “Strikethrough” option adds a line through your highlighted text.
This is a paragraph with
The “Subscript” option allows you to add subscript to your highlighted text.
This is a paragraph with subscript text.
The “Superscript” option allows you to add superscript to your highlighted text.
This is a paragraph with superscript text.