WordPress 果酱 ·

菜单可自由定制、区块可按设备隐藏！一文带你盘点 WordPress 7.0 的自定义创意新功能

💡 原文中文，约3100字，阅读约需8分钟。

📝

内容提要

WordPress 7.0 引入了可定制的移动端导航菜单和智能区块响应式控制，用户可根据设备类型选择区块的显示与隐藏，提升编辑灵活性。同时，新增的 contentOnly 模式保护设计结构，避免误改排版，使网站设计更便捷和安全。

🎯

🔎

WordPress 7.0 允许用户在移动端自由定制汉堡菜单，打破了以往主题限制。用户可以根据需求拼接不同的区块，提升了网站的个性化和用户体验。开发者需注意，确保关闭按钮的设计符合无障碍标准，以免影响用户体验。

新版本支持基于设备类型的区块可见性，用户可以灵活选择在不同设备上显示或隐藏特定区块。这一功能不仅提升了编辑的灵活性，还能有效避免因设备差异导致的排版混乱，增强了网站的适应性。

contentOnly 模式的引入有效保护了网站的设计结构，避免用户误改排版。对于开发者而言，理解这一机制的应用范围和灵活性设置至关重要，以确保用户在编辑内容时不会影响整体布局。

❓

WordPress 7.0 引入了可定制的移动端导航菜单，用户可以自由拼接手机端菜单，并且新增了导航遮罩关闭区块，允许自定义关闭按钮的位置和样式。

用户可以根据设备类型选择区块的显示与隐藏，支持在电脑、平板和手机上分别设置区块的可见性，互不影响。

contentOnly 模式限制用户只能编辑内容部分，保护设计结构，避免误改排版，确保网站设计的安全性和便捷性。

列表视图功能帮助用户更清晰地管理区块，避免混淆，并在设置了隐藏规则的区块旁边显示小图标，指示其在不同设备下的可见性。

开发者可以通过设置接口，如 disableContentOnlyForUnsyncedPatterns，选择退出 contentOnly 模式，允许更自由的编辑。

WordPress 7.0 的设备隐藏功能通过前端 CSS 实现，区块仍然在 DOM 树中渲染，因此对搜索引擎友好，不会影响 SEO。

🏷️