使用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代码
• 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

通常情况下，客户可能没有最新或自己的设计。在这种情况下，我们也会创建Logo和Favicon，提供矢量文件和透明PNG。借助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商家资料、地图、图片、视频、新闻等。我们是服务提供商，也负责访问者看到的数据。通常正是这些数据首先吸引访问者访问网站或促使他们拨打电话。