Adding HTML to Gutenberg – WordPress 5.0

by Dec 11, 2018Uncategorized

Need WordPress Help? Click Here.

A custom HTML block allows you to add HTML to Gutenberg and preview it as you edit.  Those who have used the classic editor should remember the ‘text’ tab.  This essentially recreates this as a block.

Step 1 – Hover your mouse over the Add Block icon (the plus sign in the upper left hand corner within the Gutenberg editor). Scroll to Formatting. Select Custom HTML.

Adding HTML to Gutenberg
Select the Custom HTML Block

Step 2 – The custom HTML block will appear. You’ll see a text editor that allows you to enter your code.

Paste HTML code in the HTML Block

This block can also be used if you have embed codes from certain services that aren’t included in the “embed” block section.

More WordPress Tutoring Goodness


Copyright ByRivers Tech LLC/ WP-Tutoring.Com All Rights Reserved.

  • Get Expert WordPress Help Right Now!

  • Please enter your phone number so we can fully discuss your needs.
  • This field is for validation purposes and should be left unchanged.

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

0 Comments

Submit a Comment

Your email address will not be published. Required fields are marked *