Gutenberg, also called the WordPress block editor, is WordPress’s default editor for adding or changing site content such as text, images, multimedia, and hyperlinks. It works more like a page builder than the traditional Classic Editor: use blocks to assemble a page or post through the editing interface. section 2.3
Start from the WordPress backend at yourdomain/wp-admin. Gutenberg and the Classic Editor are alternatives, and a Classic Editor plugin can switch between them. The choice matters when following interface instructions, because the editors handle content differently. section 2.3
Use blocks for practical page-building tasks:
- Add media by clicking the + icon to open the block library, then search for audio or video blocks. Built-in players and third-party block options appear there. section 8.8
- For embeds with EmbedPress, copy a source URL and paste it into an EmbedPress block; the plugin supports many media sources and file types. section 8.8
- Add site-wide CSS through Appearance > Customize > Additional CSS. Preview the frontend to see its effect, because editor screens may not show the changes. section 7.7
- For local inline CSS, use a Classic block rather than a Paragraph block when editing HTML. Paragraph-block code editing can trigger an invalid-content warning and recovery may delete the block. section 7.7
Style one paragraph with inline CSS
Open Pages > All Pages, select a page title, and choose + to add a Classic block. Type a paragraph, then edit its HTML to give that element a local style. Preview the page before relying on the result. section 7.7
<p style="color: red;">This is a paragraph</p>
This HTML example shows a paragraph styled locally with an inline color declaration. section 7.7
For media, third-party blocks may be a more reliable choice than Gutenberg’s built-in audio and video blocks, which can load slowly or fail with some media. Check the finished page and choose the block that works for the content you need to display. section 8.8 section 8.9
