掌握在 WordPress 中完成网站编辑：分步教程

[Dimaeiya333]

的成熟过程很缓慢，但它已经从一个简单的博客平台发展成为一个几乎主宰网络的强大的内容管理系统（CMS）。最大的进步在于创建网站设计。 WordPress 全站编辑 (FSE) 是一种雄心勃勃的方式，让每个人都能使用复杂的工具。

这份综合指南将探讨完整 WordPress 网站编辑的历史和功能。最终目标是向您展示 FSE 的工作原理，并让您像专业人士一样开发自己的网站设计。

在 WordPress 中创建设计和布局的简史
了解 WordPress 中网站设计和布局的演变是认识 FSE 重要性的重要组成部分。我们现在正在研究的关键工具是经典编辑器。

WordPress 经典编辑器界面。显示视觉和文本编辑选项卡、格式选项和发布设置。状态为草稿且可见性为公开。
经典的 WordPress 编辑器。
当然，这并不总是“经典”。首先是 TinyMCE 编辑器，这是从 WordPress 第一个版本到 2018 年的默认编辑器。它是一个简单的所见即所得 (WYSIWYG) 文本编辑器，允许您输入内容和基本 HTML，以及一些格式样式。事实上，您仍然可以获得TinyMCE Editor，因为它是一个商业工具：

TinyMCE 富文本编辑器界面集成到网站中。显示带有编辑工具的活动注册登录页面示例，以及供用户注册活动的表单。
TinyMCE 编辑器的主页。
TinyMCE 编辑器的主要缺点是缺乏前端预览选项，并且灵活性低于您有时想要的。主题框架成为一种可行且强大的替代方案。当然， StudioPress 的Genesis Framework仍然存在，但还有其他一些框架，例如Thesis。

使用 Genesis 框架的博客文章页面。以巴黎埃菲尔铁塔的黑白图像为特色。该条目的标题为四月在巴黎 — 艾拉·菲茨杰拉德 (April in Paris — Ella Fitzgerald)，日期为 2018 年 2 月 1 日。侧边栏显示最近的条目和缩略图。
默认的 Genesis Framework 主题。
在这里您可以看到我们如何从文本编辑转向视觉网页设计。该框架为您提供了 WordPress 后端的选项，允许您更改前端的各个方面。另外，您还可以获得更多“基础级别”功能来进行更多更改，例如挂钩和过滤器、模板支持等等。

然而，这对于普通用户来说仍然不太容易访问，这就是页面构建器插件变得流行的原因。您可以将它们与 TinyMCE/Classic 编辑器结合使用，以拥有用于设计站点的拖放系统。这些插件与 2011 年基本相同。Divi和Beaver Builder仍然占据主导地位，尽管Elementor也是一个巨头：

Elementor 界面显示家具店的主页布局。该页面设有一个新系列部分，其中包含产 脸书数据 择器。
Elementor 主页。
您需要阅读下一节，以了解为什么有 TinyMCE 编辑器和页面构建器插件的替代品。

块编辑器和完整的 WordPress 站点编辑
WordPress 的受欢迎程度排名第一，但为了达到这一目标，它必须捍卫自己的头衔。多年来，许多其他平台已经饱和了市场。

Squarespace、Wix、Medium 和许多其他公司都希望拥有与 WordPress 相同的受众和用户群，甚至 Block Editor 都拥有更好的编辑体验。

Wix 网站构建器界面在编辑模式下显示摄影作品集页面。左侧面板显示了添加部分的选项，而主要区域则提供了爱德华的白色房间摄影的示例布局，其中有一个拿着相机的女人的图像。各种编辑工具和发布选项出现在顶部菜单栏中。
使用 Wix 编辑网站。
这是 WordPress 管理的一个大问题，因为当时其他平台正在获得更明显的吸引力。比赛还拥有现代、可视化和有效的界面，甚至是简单的设计控制。

块编辑器是构建网站帖子和页面的模块化方式，尽管它也有缺点。对于初学者来说，它的范围有限意味着如果您想进行“更深层次”的更改，则使用它可能需要页面构建器插件。您还仍然需要开发知识来构建完整的网站，这是一个创造性的障碍，WordPress 团队有解决方案。

什么是 WordPress 中的完整站点编辑：（FSE，完整站点编辑）
完整的 WordPress 网站编辑代表了开发网站的最新、最好的方式。它基于使用块来组成您的设计，并且超越了单个帖子和页面。从本质上讲，FSE 允许您通过统一且直观的界面管理 WordPress 网站设计的各个方面。