A Classic block places the familiar WordPress editing interface inside a Gutenberg page. Use it when you need the classic toolbar and its Visual or code-based editing options, such as adding a link or changing the HTML for a small piece of content. section 7.7 section 3.5.2
For a local design change, add a Classic block rather than a Paragraph block, type the content, and select the block. Choose View > Source Code, add HTML with an inline style or a CSS class, then return to the visual editor. The change appears in the editor without needing to preview first. section 7.7
To add a styled paragraph in a Classic block:
- Open Pages > All Pages, select the page, and use + to insert a Classic block. section 7.7
- Enter the paragraph text, select the block, and choose View > Source Code from its toolbar. section 7.7
- Add a style attribute for a one-off change, or add a class attribute when the class is defined in Additional CSS. section 7.7
- Use Ctrl-Shift-Alt-M as another way to enter code view, then choose Exit Code Editor to resume visual editing. section 7.7
A one-paragraph color change
To make one paragraph red, place the text inside a paragraph tag with a style attribute. This is useful when the change belongs only to that content; a named CSS class is the alternative when site CSS already defines the design. section 7.7
<p style="color: red;">This is a paragraph</p>
This markup shows a paragraph whose inline style changes its text color. section 7.7
The Classic block can also support familiar link-editing steps in Gutenberg. Select the Visual tab within the block, place the cursor, click Insert/Edit Link, choose or enter the destination, add the link, and update the page. Switch to the Code Editor when you need to inspect or adjust the HTML link markup. section 3.5.2
