一旦我从HTML代码切换到Visual Editor而不是切换回来，可视化编辑器会显着更改我的初始HTML代码，删除换行符，重构代码等。
然而，如果没有可视化编辑器，我会浪费大量时间在HTML中进行编码，而不是制作大量预览以确保页面看起来不错。
有没有办法像下面的descibed那样组织工作流程？
答案 0 :(得分：0)
我已经开发了几个月的wordpress，我的建议是：
1）下载Xampp以模拟本地PC上的服务器
2）在设置本地服务器之后在localhost上安装wordpress（与在线服务器匹配，以便之后你需要做更少的更改）
3）选择或创建您的子主题，并添加“开发”wordpress模板 tutorial
4）在localhost上，添加一个页面并为该页面设置开发模板（上一个教程也显示了这一点）。发布并查看该页面。在这个阶段，它应该是空的。
5）在开发模板中，使用html和css的首选软件代码，就像在其他任何非wordpress项目中一样（注意：不要在wordpress离线中编码 ANYTHING 编辑页面，但模板中的所有内容）
6）现在，每次更改开发模板上的内容时，您只需要在浏览器上重新加载页面，就能看到所做的所有更改。
7）一旦您对页面外观感到满意，请将整个内容从开发模板复制到wordpress页面aditor（实时页面）并保存。
工作完成！
现在重新开始使用另一个页面的开发模板，并对所需的所有页面重复此操作。
它接缝很难，但相信我，它不是！它会让你的生活更轻松。
<强>建议： 在wordpress上安装此插件：plugin
当您粘贴html代码时，请务必将其粘贴到此代码中
[raw][/raw]
为什么会这样？
好吧，正如您可能知道或不知道的那样，默认情况下，wordpress将所有内容都关闭到<p>标记中，这会破坏您的代码显示方式。为避免这种情况，如果将代码粘贴到上述标记内，则不会发生这种情况。
你也可以禁用
标签，在你的functions.php文件中添加一些内容（只需搜索google）
希望这个答案很有用。祝你好运！
答案 1 :(得分：0)
您可以使用插件添加此功能，例如：
https://wordpress.org/plugins/html-editor-syntax-highlighter/
描述：
在Post / Page HTML编辑器中添加语法高亮显示。
特性 -Post / Page HTML编辑器中的-Syntax突出显示 - 按Ctrl + S（Mac上为Cmd + S）保存帖子和页面 - 重新加载页面后的恢复光标位置 - 浅色和深色编辑器颜色主题 - 新的全屏模式。 - 使用F11 / Esc热键切换全屏模式
https://wordpress.org/plugins/preserved-html-editor-markup-plus/
描述：
此插件在TinyMCE编辑器中保留用户生成的HTML标记。与其他插件不同，这个插件允许开发人员在HTML选项卡和最终用户中同时在WYSIWYG Visual选项卡中工作！当您在这些选项卡之间切换时，您的HTML标记不再会完全变成无法识别的形式。当您使用禁用的Visual选项卡切换项目时，您不必将用户/编辑器挂起。