In the Gutenberg Block 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 Block 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.
Switching Between the Visual and Code Editor with Shortcuts
Want a super quick way to switch between the visual and code editor? If so, you can use these WordPress shortcuts.
|Command + Option + Shift + m
|Ctrl + Shift + Alt + m
1. Opening Your Post’s Code Editor Manually
If you prefer not to use WordPress shortcuts, you can open the code editor manually in the block editor by following these these steps:
2. Open the post editor
To the right in the top navigation bar, click the three dots
3. In the drop-down, click Code Editor
5.Create new content group
6.Switch to code like above
7.Paste the code
8. SWITCH BACK TO VISUAL
In order to switch back to the visual view, go to the top of the page and click the Exit code editor button.