The Verse block is ideal for writing poetry on your site.
To add a Verse block, click on the “Block Inserter” (+) and select the Verse block.
You can also type “/verse” and hit enter in a new paragraph block to add one quickly.
Every block comes with unique toolbar icons and block-specific user controls that allow you to manipulate the block right in the editor.
The Verse block shows nine buttons in the block toolbar:
- Transform to
- Drag icon
- Move arrows
- Change text alignment
- More Rich Text controls
- More options
The layout of the Verse block on your site may vary according to the styles set by the theme you are using.
Click on the “Transform” button to convert the Verse block into a “Paragraph”, “Columns” or “Group” blocks. “Group” gives you the ability to change the background color around the Verse block.
To drag and drop the block to a new location on the page template, click and hold the rectangle of dots, then drag to the new location. The blue separator line indicates where the block will be placed. Release the left mouse button when you find the new location to place the block.
The up and down arrow icons can be used to move the block up and down on the page.
Change text alignment:
- Align text left – Make the block left-aligned.
- Align text center – Make the block alignment centered.
- Align text right – Make the block right aligned.
You can select the text of the block and use the “Bold” option or “Ctrl+B” / “Cmd+B” on your keyboard to bold it, which is usually heavier than the surrounding text.
You can select the text of the block and use the “Italic” option or “Ctrl+I” / “Cmd+I” on your keyboard to italicize it, which usually appears slanted to the right.
You can select the text of the block and use the “Hyperlink” option or “Ctrl+K” / “Cmd+K” on your keyboard to add a link to it.
Use the Highlight option to change the color for selected text and its background.
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.
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.
The Keyboard Input option allows you to add the
<kbd> tag to selected text.
Use the Strikethrough option to place a horizontal line through the middle of the selected text.
Use the Subscript option to set the selected text slightly below the normal line of type.
Example: Verse Block
Use the Superscript option to set the selected text slightly above the normal line of type.
Example: Verse Block
These controls give you the option to copy, duplicate, and edit your block as HTML.
Every block has specific options in the editor sidebar in addition to the options found in the block toolbar. If you do not see the sidebar, simply click the ‘cog’ icon.
Text and background colors can be set on a per-block basis, allowing you to call attention to important content. Pick a color from the suggestions, or add a custom color using the color picker or by adding a color code.
Typography settings allow you to change a block’s font size, appearance, line height, letter casing, and spacing.
Dimension controls are used to control how groups of blocks are placed alongside one another, by changing the values for padding, margin, and other dimensions
The “Advanced” tab lets you add HTML anchor and CSS class(es) to your block.
“HTML anchor” allows you to make a unique web address for a particular “Verse” block. Then, you’ll be able to link directly to a “Verse” block of your page.
The “Additional CSS class(es)” lets you add CSS class(es) to your block, allowing you to write custom CSS and style the block as you see fit.
- Updated 2022-06-02
- Updated the content for 6.0.
- Added ALT tags for images.
- Updated 2022-06-02
- Screenshots as per WordPress 6.0
- Updated 2022-02-04
- Screenshots and video as per WordPress 5.9
- Minor option updates
- Updated 2020-09-29
- Screenshots and video as per WordPress 5.5
- Added feature changes in Block Toolbar
- Added feature changes in Block Settings
- Added “Go back to the list of Blocks” to the top of the page
- Created 2019-03-07