1. Home
  2. WordPress
  3. WordPress Admin Editor
  4. Gutenberg Editor
  5. Gutenberg Editor: How to Access the Code Editor

Gutenberg Editor: How to Access the Code Editor

WP Enthusiast

WP Professional

WP Professional Plus

PairSIM WordPress

In the Gutenberg Editor, you can switch your post from the visual view to the code view. This allows you to edit the post’s code directly.

Make sure you are using the Gutenberg editor. If you upgraded to WordPress 5, then your post and page editor will default to use the Gutenberg editor. If you are still using WordPress 4 (or earlier) or have the Classic Editor installed, then your editor will not work with this tutorial.

How to Access Gutenberg Code Editor

To access the code editor in Gutenberg, follow these steps:

  1. Open the post editor
  2. To the right in the top navbar, click the three dotsdots image
  3. In the drop-down, click Code Editorcode editor image

This will switch the editor to the code view. In order to switch back to the visual view, repeat steps 1 and 2, then click Visual Editor.

Updated on April 16, 2020

Was this article helpful?

Related Articles