1. Home
  2. WordPress
  3. WordPress Admin Editor
  4. Gutenberg Editor
  5. Gutenberg Editor: Formatting Code in WordPress Posts

Gutenberg Editor: Formatting Code in WordPress Posts

Distinguishing the difference between regular text and code can be very helpful in technical articles. You can also change WordPress fonts and headings to help clarify sections.

Adding Code Block  

  1. Open a post or page editor
  2. Click the plus button to add a blockplus button image
  3. Select the code blockcode image
  4. Enter the text you want to be formatted as code into the code blockwrite code image

All text within the code block will be formatted however your theme formats code. Click the Preview button to see a preview of how this will look when published.code block image

Updated on November 6, 2018

Was this article helpful?

Related Articles