使用 WordPress 和 DIVI 进行 CMS 网站开发，插件编程

WordPress 简介

内容管理系统 (CMS) 极大地简化了网站的创建和管理。无需编程知识，企业和个人即可维护内容、调整设计并使网站具有互动性。最知名的 CMS 包括 WordPress、Joomla、Drupal、Contao 和 TYPO3，其中 WordPress 目前驱动着全球约 43% 的网站，是迄今为止使用最广泛的系统。

我本人从 Joomla 开始，然后使用了 Contao，最后出于充分的理由转向了 WordPress。在我的客户中，专业领域仍然经常看到 TYPO3 网站，但由于 TypoScript 需要更多的学习时间，因此无法为所有用户，尤其是网站开发人员提供快速入门。因此，也很难找到负责扩展或维护的人。

只要系统稳定运行并满足所有技术要求（最新 PHP 版本、安全更新、GDPR、性能），就没有理由进行彻底的重新开发。一般来说，网站通常运行 4-6 年后才会进行根本性的重新设计。

all-inkl.com 等主机服务

WordPress 基本不需要太多。PHP 和 MySQL/MariaDB 就足够了，因此 WordPress 网站几乎可以在所有提供商处运行。然而，现在人们期望更多——例如：

• 开发/暂存域名
• 便捷的电子邮件管理
• 包含自动续订的 HTTPS LetsEncrypt 证书
• FTP/SFTP 访问或 Web 文件管理器
• 自动备份和简易恢复
• 快速、免费的支持
• 足够的内存和最新的 PHP 版本（例如 8.1/8.2+）
• 自定义 DNS 设置的能力
• 快速迁移和一键提供 Auth-Codes
• 简单的 WordPress 等安装向导

多年来，一个备受青睐的提供商是 all-inkl.com（联盟链接），它以非常公平的套餐价格和出色的支持赢得了赞誉。如果只想托管 CMS 系统，那么它将是最佳选择。

如果还需要 MongoDB、Node.js 或 Express，则应租用自己的服务器/VPS，或选择提供这些功能的提供商。然而，99% 的传统网站仍然不需要这些。但随着 AI 驱动工具的出现，个性化应用程序（例如 Web 应用程序、API 或自动化）正日益增多。nuonu.com 也是这样一种应用程序，它通过自定义插件扩展了 WordPress，从而提供了非常个性化的功能。

为什么选择 WordPress 和 DIVI？

WordPress 提供了一个用户友好的界面、海量的扩展（插件）和主题选择，以及一个非常强大的社区。无论是博客、企业网站、着陆页还是在线商店——WordPress 几乎可以实现所有类型的网站。安装和基本配置快速完成，借助 DIVI 等页面构建器，即使是新手也能创建专业的布局。

DIVI 作为页面构建器的优势

DIVI 与许多其他页面构建器不同之处在于，它可以作为一个完整的“主题 + 构建器”使用，无需额外的主题。这意味着：

• 一站式完整设计 – 无需额外主题依赖。
• 灵活的设计选项，通过可视化拖放编辑器实现。
• 客户端编辑功能，直接在页面上进行（前端编辑）。
• 出色的响应式适应性，适用于桌面、平板和移动设备。
• 预制布局和模块，显著加快新页面的创建速度。

新功能：DIVI 5 – 性能与未来保障

DIVI 5 不仅仅是一个普通的更新：该构建器在内部进行了彻底的重建，并建立在一个现代化、明显更精简的基础之上。这带来了显著更快的加载时间、更少的代码冗余，并为未来的功能提供了更好的基础。

• 全新、精简的核心系统 – 构建器从头开始重新开发，资源消耗更少。
• 更快的加载时间与响应式编辑器 – 尤其是包含大量模块的复杂页面将受益于新架构。
• 更少的短代码，更简洁的代码 – 这有助于长期维护、迁移，并对 SEO 产生积极影响。
• 新的设计功能，如设计变量、扩展单位、嵌套行和可自定义的断点，以实现更精确的响应式布局。
• 更好地处理大型项目 – DIVI 5 专为包含大量模板、全局元素和库布局的复杂网站而设计。

我们目前的状况：nuonu.com 网站已在 DIVI 5 Beta 版上运行。所有目前使用 DIVI 4 实现的客户项目，在 DIVI 5 最终发布后，可以逐步且受控地进行迁移——最好是先在暂存环境中进行。这样，现有网站将保持稳定，但一旦合理且安全，就可以利用新版本的性能和便利优势。

现代网站的通用结构

如今的网站结构清晰、引人注目，最重要的是必须具有响应性。以下几个方面至关重要：

• 颜色和字体应与企业形象设计保持一致。
• Logo 和间距必须和谐地融入布局。
• 个性化页眉和菜单，实现直观导航。
• 结构化页脚，包含法律链接、社交媒体资料和联系方式。
• 定义主页，通过“设置 > 阅读”来设置主页。

法律要求：版本说明、数据保护和 Cookie 同意

每个网站都需要版本说明和隐私政策。此外，还需要一个功能完善的 Cookie 同意工具，以符合 GDPR 和 TTDSG 的要求。一个例子是 Reel Cookie Consent，它可以进行测试并扩展自定义脚本，例如以符合 GDPR 的方式集成 Matomo。

Matomo 在子域名中的使用

Matomo 可以在主域名或子域名上运行。使用子域名的优势在于：

• 更好的数据控制和安全性 – 数据完全保留在自己的服务器上。
• 隐私友好的配置，因为数据不会传输给第三方。
• 为用户提供自己的选择退出选项，以符合 GDPR 要求。

WordPress 网站的必备插件

对于一个专业且功能齐全的 WordPress 网站，我们认为某些插件几乎是不可或缺的（当然，列表可能因项目而异）：

• RankMath – 具有 Schema 支持、重定向和许多页面优化帮助的 SEO 插件
• Happy Files – 媒体、文章、页面等的文件管理工具
• Reel Cookie Consent – Cookie 管理（或替代品如 Real Cookie Banner、Borlabs Cookie 或 Complianz）
• DIVI Supreme – DIVI 的扩展模块和效果
• WP Armour – 防止表单垃圾邮件
• AIOS (All in One Security) – 用于登录、文件系统和防火墙强化的综合安全插件

WordPress 中的安全配置

安装后应立即优化安全设置：

• 激活 AIOS 和 WP Armour，以防范暴力破解攻击、垃圾邮件和简单的机器人攻击。
• 更改默认管理员用户名，以增加针对性攻击的难度。
• 两步验证，提高安全性（可选，但推荐）。
• 设置定期备份（例如使用 Duplicator、UpdraftPlus 或 BackWPup）并测试恢复功能。

调整 WordPress 媒体设置

WordPress 默认将媒体文件存储在按月份划分的文件夹中。这对于博客来说很方便，但对于企业网站来说通常不实用。因此，建议在 “设置 > 媒体” 下禁用自动文件夹结构，并改用 Happy Files 等工具来组织媒体库。

基本安装后的设计阶段

基本安装完成后，实际设计阶段开始：

• 设置颜色、字体和间距 – 在 DIVI 中作为全局设计基础（或在 DIVI 5 中通过设计变量额外设置）。
• 创建个性化页眉和菜单，使导航直观。
• 自定义页脚，包含版本说明、数据保护、社交媒体链接和联系方式。
• 使电话号码（使用 tel:）和电子邮件地址（使用 mailto:）可点击。
• 创建主页，然后通过“设置 > 阅读”将其设为主要页面。

通过这种结构，客户将获得清晰的指南，以构建现代化、合法且功能齐全的网站。如果需要进一步调整，可以单独配置上述插件和工具。

共同开发流程

我们认为重要的是，如果客户愿意，应尽早让他们参与到开发中。这包括外观的决策和验收，以及页面的创建、菜单、SEO 数据维护、媒体上传等。客户能自己完成的越多越好——这样以后独立维护也会更容易。

Logo 和 Favicon

通常情况下，客户可能拥有过时或尚未拥有自己的设计。在这种情况下，我们也会创建矢量文件和透明 PNG 格式的 Logo 和 Favicon。借助 Midjourney 和 Illustrator，我们可以根据需求提供 2D 和 3D Logo 的选择。我们还会负责名称的确定，包括检查和注册可用域名或其迁移。

社交媒体链接

DIVI 自带一个模块，其中包含许多社交媒体提供商的现成且合法的 Logo。在仪表板的 DIVI > 主题选项 中也可以设置全局链接。带有 Logo、菜单和自定义页脚的页眉也显示在此页面上。

SEO 内容创建

从现在开始，我们将逐页创建内容——同时必须立即考虑 RankMath。标题、描述、og:image、h1、h2、h3……SEO 友好且易于阅读的标题和文本，带有有意义的突出显示，以及富有表现力、优化良好的图片。SEO 优先意味着：内容不仅为访问者量身定制，也为搜索引擎和社交媒体量身定制。需要考虑什么以及需要哪些工具，请参阅我们的SEO 策略指南。

所有内容和 SEO 数据的最终确定

每页的创建时间可能不同。有些页面需要额外的配置，例如表单及其通过 SSL 的安全发送，或特殊的跟踪/同意设置。平均每页大约需要一小时或更长时间。只有当所有页面都完成并且最后一个链接经过测试后，网站才能进行实时测试。

性能优化测试阶段

一个完成的网站总是一种体验——但现在必须对其进行全面测试。我们检查：

• 所有内部和外部链接，
• 所有 RankMath 建议，
• 在社交网络中的显示（例如使用 Facebook 调试器/URL 调试器），
• 使用速度测试（例如 PageSpeed Insights、GTmetrix、WebPageTest）检查加载时间。

只有当所有错误都已消除，并且网站在性能测试中表现出色时，才会最终上线。

Sitemap 生成和在 Google Search Console 中注册

创建的最后一步是在 Google Search Console 中注册。由 RankMath 或 WordPress 生成的 Sitemap 将被提交，以便 Google 可以结构化地抓取所有相关内容。

短期和长期监控

几天后，网站应该会出现在搜索结果中。我们使用 site:domain.de 或直接在 Google Search Console 中检查是否所有重要内容都已列出。最迟此时应发现并纠正任何潜在错误。

从现在开始，我们还可以定期访问我们的 Matomo 子域名，并实时评估网站的成功情况。根据访问者的兴趣，可以扩展内容、优化搜索词并创建新的着陆页。这样，网站就不会停滞不前，而是随着公司的目标不断发展。

Google 商家资料

负责网站创建和优化的人员，也应该关注 Google 商家资料、地图、图片、视频、新闻等。我们是服务提供商，也负责访问者看到的数据。通常正是这些数据首先吸引访问者访问网站或促使他们拨打电话。