在 WordPress 网站开发中，管理评论是一项必不可少的任务。对于前端开发人员来说，使用 npm 包 wordpress-query-comments 可以使获取 WordPress 网站的评论数据变得更加简单和高效。
本篇文章将提供详细的教程，帮助读者了解如何在前端应用程序中使用 wordpress-query-comments。
什么是 wordpress-query-comments？
wordpress-query-comments 是一个为与 WordPress 系统交互的 JavaScript 库，用于获取评论数据。它利用 WordPress 的 REST API，可以轻松地向 WordPress 网站请求评论数据。
该 npm 包提供了许多功能，例如：
- 从 WordPress 网站获取评论数据
- 翻页显示评论列表
- 过滤和排序评论数据
- 获取单个评论的详细信息
安装和使用
安装
在安装 wordpress-query-comments 之前，请确保已安装 npm 和 Node.js。然后使用以下命令安装：
--- ------- ------------------------ ------
使用
安装完成后，您可以使用以下步骤在前端应用程序中使用 wordpress-query-comments：
导入模块
----- --------------- - ------------------------------------
初始化新实例
----- --- - --- -------------------- -------- ------
url：WordPress 网站的 REST API 地址perPage：每个页面的评论数量page：评论数据的页面编号
调用
getComments()方法获取评论数据--------------------------- -- - ------------------ ---
您可以使用其他
WPQueryComments方法来过滤和排序评论数据。------------------------ --------------- -- - ------------------ ---
可以查看
WPQueryComments的其他可用方法和命令选项。
这是一个简单的示例：
----- --------------- - ------------------------------------ ----- --- - --- ------------------------------------------------------------- --- --- --------------------------- -- - ------------------ ------------ -- - ------------------- ---
示例代码
以下代码将使用 wordpress-query-comments 获取最近 10 条未审核的评论，然后将数据渲染到 HTML 中：
----- --------------- - ------------------------------------
----- --- - --- ------------------------------------------------------------- --- ---
-------------------------------------------------- -- -
----- --------------- - ------------------------------------
------------------------- - ---
-- ------------ - -- -
-------------------- -- -
----- -------------- - ------------------------------
----------------------------------------
----- ------ - ----------------------------
-------------------------------
------------------ - --- ------------------------
----- ------- - ----------------------------
---------------------------------
----------------- - -------------------------
-----------------------------------
------------------------------------
--------------------------------------------
---
- ---- -
------------------------- - ------ -------- -----------
-
------------ -- -
-------------------
---要使用此代码，请将代码插入到您的 HTML 文件中，并在页面中添加一个 <div> 元素来呈现评论，如下所示：
---- --------------------
结论
通过本文，你应该已经了解了 wordpress-query-comments 的一些基本知识，以及如何在前端应用程序中使用它来获取 WordPress 网站的评论数据。
当然，该包提供的可用功能也远不止于此。可以在 GitHub 中查看文档和更多资料，以及了解如何使用 wordpress-query-comments 来处理其他评论数据。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/600671158dd3466f61ffe5c0