How to edit WordPress page's html code

Question

I can't get editable html code behind the page. I want to make some changes to the page. Web site is hosted in the remote server. Someone assigned this task. There is empty editor when open edit page as below image.

enter image description here

Also I added plugin and actived it but can't get the result.

You'll need to edit the page template itself. No way you are going to edit html or php code from there — Pieter Goosen
– Pieter Goosen, Commented Feb 5, 2015 at 7:27
@PieterGoosen Where I can find it. Is there any directory by convention to store pages like this? — cmit
– cmit, Commented Feb 5, 2015 at 7:31
In your wordpress folder on the server, there will be a folder called wp-content, inside that will be folder called themes, inside that will be a folder with the name of your theme, inside that will be your template files and folders. Looking at your pic, you need to open and edit page.php. one note, never edit online files blindly, one little mistake will break you site. First test all code off line (if you don't have a local test install, get yourself one now) before making changes online. And never ever use the back end editors to edit template files. As I said, one mistake breaks your site — Pieter Goosen
– Pieter Goosen, Commented Feb 5, 2015 at 7:49

halfer · Accepted Answer · 2016-01-26 23:26:46Z

7

The picture you posted is of the WYSIWYG editor, which is only for adding content to the page.

If you want to edit the layout of the page itself you have 2 options -

Minor page edits to appear across all pages on the site - Go to Appearance -> editor -> page.php and then edit the code to suite your needs.

Large page edits to appear on one or two pages -

Get access to the files
Duplicate page.php with a different name
Edit code

When you go to add a new page you should have an option to pick a page template. Choose the page template you just created.

edited Jan 26, 2016 at 23:26

halfer

20.2k20 gold badges111 silver badges208 bronze badges

answered Feb 5, 2015 at 7:45

Phil Nind

3411 gold badge4 silver badges17 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

Pieter Goosen Over a year ago

Never ever use the back end editor. One little teeny weeny mistake will break your site

Phil Nind Over a year ago

I always ensure I have a backup and access to the site through FTP just incase, i guess it's just each to their own style of working

Pieter Goosen Over a year ago

It is still bad practice and a lot of headaches. It is also unprofessional if you break a live site and clients are busy browsing the site

Kyle Vassella Over a year ago

@Pieter is correct - making changes via Appearance --> Editor is a well established no-no.

WSBT · Accepted Answer · 2017-02-10 22:59:04Z

2

If you know exactly what you are doing, you can use Chrome "Inspect" feature, and change the HTML of the content inside the WordPress WYSIWYG Editor. After injecting your HTML, click Preview or Publish and your changes will be saved correctly.

answered Feb 10, 2017 at 22:59

WSBT

36.8k18 gold badges140 silver badges154 bronze badges

2 Comments

gilad905 Over a year ago

funny approach :)

Zael Over a year ago

Thanks for the last resort. Unfortunately didn't work for me, as the problematic part I'm trying to fix is in the template itself.

Nicolai Weitkemper · Accepted Answer · 2020-12-04 21:56:28Z

0

In WordPress 5.5.3, you should be able to click the three dots on the top right, then select Code editor. Alternatively, press Ctrl+Shift+Alt+M.

answered Dec 4, 2020 at 21:56

Nicolai Weitkemper

7121 gold badge12 silver badges20 bronze badges

Collectives™ on Stack Overflow

How to edit WordPress page's html code

3 Answers 3

4 Comments

2 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

4 Comments

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related