如何编辑WordPress页面的HTML代码

Question

我无法得到页面背后可编辑的html代码。我想对页面进行一些更改。网站托管在远程服务器上。有人分配了这个任务。打开编辑页面时，编辑器是空的，如下图所示。

我也添加了插件并激活了它，但无法获得结果。

- cmit

---

你需要编辑页面模板本身。没有办法从那里编辑HTML或PHP代码。 - Pieter Goosen

@PieterGoosen，我在哪里可以找到它？是否有按照惯例存储此类页面的目录？ - cmit

在您的服务器上的WordPress文件夹中，将会有一个名为wp-content的文件夹，在其中将会有一个名为themes的文件夹，在其中将会有一个以您的主题名称命名的文件夹，在其中将会有您的模板文件和文件夹。根据您的图片，您需要打开并编辑page.php。请注意，永远不要盲目地在线编辑文件，一个小错误就会破坏您的网站。在进行在线更改之前，请首先离线测试所有代码（如果您没有本地测试安装，请立即获取）。而且绝对不要使用后端编辑器来编辑模板文件。正如我所说，一个错误会破坏您的网站。 - Pieter Goosen

Answer 1

您发布的图片是所见即所得编辑器，仅用于添加页面内容。

如果您想编辑页面布局，有两个选项：

1. 对整个站点的页面进行小修改 - 转到外观 -> 编辑器 -> page.php，然后根据需要编辑代码。 2. 对一个或两个页面进行大修改 - - 获取文件访问权限 - 使用不同的名称复制page.php - 编辑代码

当您要添加新页面时，应该有选择页面模板的选项。选择刚刚创建的页面模板即可。

- Phil Nind

---

永远不要使用后端编辑器。即使是一个小小的错误也会破坏你的网站。 - Pieter Goosen

我总是确保备份并通过FTP访问网站，以防万一。我想这只是每个人工作风格的不同而已。 - Phil Nind

这仍然是一种不良的实践方式，会带来很多麻烦。如果您在客户正在浏览网站时破坏了现场，则也是不专业的。 - Pieter Goosen

@Pieter 是正确的 - 通过外观-->编辑器进行更改是一个被广泛禁止的行为。 - Kyle Vassella

Answer 2

如果您确切知道自己在做什么，可以使用Chrome的“检查”功能，并更改WordPress所见即所得编辑器内部内容的HTML。注入您的HTML后，点击预览或发布，您的更改将被正确保存。

- WSBT

---

有趣的方法 :) - gilad905

谢谢您提供的最后一招。不幸的是，对我来说没有用，因为我试图修复的有问题的部分就在模板本身中。 - Zael

Answer 3

在 WordPress 5.5.3 中，您应该能够单击右上角的三个点，然后选择 代码编辑器。或者，按下Ctrl+Shift+Alt+M。

- Nicolai Weitkemper