如何编辑 WordPress 页面的 html 代码

Posted 2023-03-05

【中文标题】如何编辑 WordPress 页面的 html 代码

【英文标题】：How to edit WordPress page's html code

【发布时间】：2015-04-04 23:17:58

【问题描述】：

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

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

【问题讨论】：

您需要编辑页面模板本身。你不可能从那里编辑 html 或 php 代码

@PieterGoosen 我在哪里可以找到它。有没有约定俗成的目录来存储这样的页面？

在你服务器上的wordpress文件夹中，会有一个叫wp-content的文件夹，里面有一个叫做themes的文件夹，里面有一个你的主题名字的文件夹，里面会成为您的模板文件和文件夹。查看您的图片，您需要打开并编辑 page.php。注意事项，切勿盲目编辑在线文件，一个小错误将破坏您的网站。在进行在线更改之前，首先离线测试所有代码（如果您没有本地测试安装，请立即获取一个）。并且永远不要使用后端编辑器来编辑模板文件。正如我所说，一个错误会破坏您的网站

【参考方案1】：

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

如果您想编辑页面本身的布局，您有 2 个选项 -

小页面编辑出现在网站上的所有页面 - 转到外观 -> 编辑器 -> page.php，然后编辑代码以满足您的需求。

大页面编辑显示在一两页上 -

获取文件的访问权限 使用不同的名称复制 page.php 编辑代码

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

【讨论】：

永远不要使用后端编辑器。一个小小的错误会破坏您的网站

我总是确保我有备份并通过 FTP 访问该站点，以防万一，我想这只是每个人都有自己的工作方式

这仍然是不好的做法，而且很让人头疼。如果您破坏了一个实时站点并且客户正忙于浏览该站点，这也是不专业的

@Pieter 是正确的 - 通过外观进行更改 --> 编辑器是一个公认的禁忌。

【参考方案2】：

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

【讨论】：

有趣的方法:)

感谢您最后的选择。不幸的是，这对我不起作用，因为我要修复的问题部分在于模板本身。

【参考方案3】：

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