There was a problem loading the comments.

How to edit WordPress Code

Support Portal  »  Knowledgebase  »  Viewing Article


Edit WordPress HTML in Gutenberg (Block Editor)

  In the Gutenberg editor, you can either add a dedicated HTML block where you can write all your HTML code within the page or edit the HTML of the full page (this can be slightly complicated if you’re not familiar with the basic syntax of HTML).

First, click on the plus icon and look for a custom HTML block. Then write all the HTML in the box, which will be applied to the page’s front end.

WordPress HTML Block


  To edit the HTML of the entire page, click on the menu icon on the right sidebar and then select Code Editor.

how to edit code in wordpress


  This is how to edit code in WordPress. Here you can write or modify all the HTML of the page.

Keep in mind that you will have to write everything with the proper markup for blocks in the code editor. Otherwise, the page will run into issues.

Edit Source Code using the WordPress HTML Editor

  If you want to directly edit the theme code, you can access the Theme Editor and make all the modifications in the theme files.

To access the Theme Editor, go to Appearance > Theme Editor.

Here WordPress will give you the warning to make sure you don’t edit any critical theme files.

WordPress how to edit home page


    Simply click on I understand and then select the file you want to edit from the right side.



🔔 Note:
Take a full website backup before making any changes in the Theme Editor and editing code in WordPress. If you’re not sure how to edit the code, it’s better to hire a WordPress expert as any mistake here can easily break your WordPress site.

Share via
Did you find this article useful?  

Related Articles

© Keystone Solutions