WordPress 开发者博客是一个宝贵资源的宝库，可以帮助您保持领先地位。在本文中，我们将介绍开发者博客的最新文章和指南，涵盖如何使用 WP-CLI 增强网站安全、创建精美的卡片布局、掌握 DataViews 等新组件等内容。
月度精选
开发者新增功能 月度精选正如其名：回顾上个月开发者博客和 WordPress.org 其他方面的最新动态。这是了解 WordPress.org 指南、教程和新版本功能的绝佳方式。
如果您每月只能阅读一篇文章，请确保是这一篇。不过我们要提醒您：它很可能至少会引导您进入一个兔子洞，您最终会花费比预期更多的时间（并学到更多知识）。
WP-CLI 安全检查
我们是 WP-CLI（WordPress 命令行工具）的忠实粉丝。我们已经编写了关于安装 WP-CLI、我们最喜爱的软件包以及如何构建命令的指南。
在最近的一篇文章中，Milana Cap 从不同的角度介绍了 WP-CLI，将其用于网站安全检查。这篇文章介绍了确保网站安全的实用步骤，包括如何通过安全更新保持 WordPress 核心、插件和主题的更新。最后，文章还提到了维护模式，并鼓励进一步探索高级 WP-CLI 命令，如 find、profile 和 doctor。
掌握基础知识后，您可以查看我们关于为 WP-CLI 软件包编写功能测试的指南。
在插件中使用 DataViews
JuanMa Garr 的这篇文章探讨了强大的新 DataViews 组件，这是 WordPress 持续改进和统一管理界面体验努力的一部分。本文深入介绍了如何在您自己的项目中使用这个新组件，包括如何利用 DataViews 以各种布局（如表格、网格或列表）显示数据集，以及如何添加筛选、排序、分页和自定义操作等功能。
要开始使用，您至少需要对 JavaScript 和 React 有基本了解，并在您的机器上设置好区块开发环境。本文将引导您创建一个在管理页面加载 React 应用的插件。这将作为集成 DataViews 组件的基础。
本文概述了如何设置环境、加载最小的 React 应用，以及如何导入和使用 @wordpress/dataviews 包。这包括定义 DataViews 组件所需的数据、字段、布局、视图设置和操作。
详细解释了 DataViews 组件所需的每个 prop，例如 data、fields、defaultLayouts、view 和 actions。您将学习如何定义这些 prop 并确保它们协同工作。最后，文章展示了如何使用 React 钩子如 useState 和 useMemo 来管理状态变化并优化用户与 DataViews 界面交互时的性能，以及如何添加可对数据集中每个项目执行的自定义操作，例如在新窗口中打开图片的原始 URL。
构建具有悬停 reveal 效果的卡片布局
想要在 WordPress 中创建具有“悬停显示”效果的交互式且视觉效果出色的卡片布局吗？Damon Cook 的最新文章将为你提供完整指南，带你了解如何使用 Grid 块创建这些交互式卡片，并添加基于 CSS 的动画来增强其外观。
按照本教程操作，你将获得以下方面的实践经验：使用 Grid 块构建卡片布局，以及嵌套其他块（如 Cover、Stack 和 Group 块），注册新的块样式以使整个卡片可点击，为卡片的嵌套元素添加细微动画，最后将卡片布局保存为可重用的模式。
本指南的逐步特性有助于确保即使是块主题的新手也能跟随操作，并在自己的项目中实现这些功能。
WordPress 中的 JSON Schema
对于希望确保 JSON 配置文件准确性和一致性的 WordPress 开发者来说，Alex Lende 的关于 WordPress JSON Schema 的文章是必读之作。
这篇文章展示了更深入地了解 WordPress JSON Schema 如何帮助你及早发现错误并简化开发流程。文章涵盖了 JSON Schema 如何为 JSON 数据结构设置规则，突出了使用 JSON Schema 的优势，包括自动完成建议、文档、验证、自动化测试和清晰的 API 设计，并展示了如何使用 $schema 属性验证 JSON 文件。
此外，文章还详细介绍了如何设置 Visual Studio Code、PhpStorm 和 Sublime Text 等流行编辑器以使用 JSON Schema，以及如何在项目中实现自动化验证。
总结
这只是 WordPress 开发者博客内容的冰山一角。事实上，我们仅仅浏览了 2024 年夏季发布的文章和指南！
你是 WordPress 开发者博客的定期读者吗？我们是否突出展示了过去几个月你最喜爱的文章，或者你知道还有更多隐藏的瑰宝等待被发现？请在下方评论告诉我们！
