用户可以通过WordPress插件WPGetAPI来实现WordPress网站的API集成,借助网站与其他应用程序的连接,以便用户在每一端发送、接收和修改数据。下文也将为大家具体介绍这一方法的具体步骤,为大家在使用WordPress进行外贸建站时提供一个参考。

一、安装并激活插件

要启动该过程,请在WordPress网站上安装并激活该插件。如果没有WordPress帐户,请创建一个,然后在左侧边栏的插件下搜索WPGetAPI插件。

插件激活后,选择要集成的API,在开始集成之前,请阅读API文档,了解其身份验证机制、正确功能、API基本URL等。了解API是至关重要的,因为所有这些数据都将用于进一步的程序。此外WPGetAPI分为两类,免费版和专业版,如果是新手,那么免费版本是合适的。

二、设置WordPress API

在选择了要集成的API之后,现在是使用WPGetAPI插件对其进行配置的时候了。首先导航到网站的WordPress仪表板,然后从侧边栏面板中单击WPGetAPI。该插件的界面现在提供了不同的选项卡,包括Setup、OAuth 2.0、Zoho、Quotable、Binance和WordPress,然后需要选择“设置”选项卡来填写第三方API的详细信息。

设置WordPress API

此外必须在三个必填字段中输入详细信息:API名称、唯一ID和基本URL。

  • API名称可以是用户选择的任何名称,因为其主要目的是识别API。在这种情况下,将其设置为Quotable,因为引用Quotable API很容易;
  • UniqueID也类似于API名称,因为可以输入任何内容。但请记住,创建一个只有小写字母、下划线和数值的ID;
  • 对于基本URL字段,需要接受API的文档,因为它存在于其中,可引用的API基本URL为https://api.quotable.io.’。

填写所有必要的详细信息后,保存它们,并通过WPGetAPI接口继续执行该流程。

三、配置端点设置

在API集成中,端点是API和WordPress独立站点通信发生的地方,还可以将其视为资源或数据所在的位置。在为WordPress站点集成API时,有必要配置端点,它将告诉网站可以发送和访问数据的位置。

可以在API的文档中轻松找到成功集成所需的端点。保存API名称、唯一ID和基本URL后,必须配置终结点,WPGetAPI插件将向用户显示一个表单,要求提供API的端点详细信息。

配置端点设置

此外还应该输入以下详细信息:

  • 唯一ID:需要为端点引用创建这样一个ID,它将在配置网页上的数据显示时使用;
  • 端点:它是API的端点,可以从API的文档或其他来源获得;
  • 方法:GET、POST、PUT、PATCH和DELETE是可以在方法字段中输入的主要API方法。在Quotable API的情况下,将使用GET方法,因为此时需要获得一个随机报价来显示在网站上。
  • 结果格式:是从API接收数据的格式。可以从主要的两个选项中进行选择,分别是JSON字符串和PHP数组。这里推荐JSON字符串,因为它与模板标签和短代码数据显示方法兼容。

四、测试API配置

当手动集成API时,测试它就变成了一项单调乏味的任务。此外手动测试需要更多的精力和时间,这也会增加开发预算。然而通过内置的测试机制,WPGetAPI插件消除了额外的工作、时间和成本。

输入所有端点详细信息后,插件将取消阻止“测试端点”按钮。当点击它时,API测试就会启动。要开始测试,请单击“测试端点”按钮并等待响应,完成该过程后,插件将在同一界面上显示所有结果。可以查看测试的所有部分,包括完整URL、数据输出、查询字符串、标头等。

测试API配置

五、显示通过API接收的数据

在端点配置和测试之后,这时候界面上会显示提取的数据。显示提取的数据通常有两种方法,分别是模板标记和短代码,下文将逐一探讨这两种方法。

1、模板标签

如果了解PHP,那么模板标记机制就非常简单。在这种方法下,必须声明一个变量并存储API获取的数据。此外可以在网页上的任何位置使用该变量。

用户应该将模板标签代码添加到核心WordPress主题文件中。例如要在标头中显示获取的数据,请将其添加到header.php文件中;否则请选择相关的PHP文件。

2、短代码

如果选择Shortcode,那么用户则不需要知道PHP。但是在设置端点时,请确保选择JSON字符串作为数据格式。要使用Shortcode显示数据,请转到WordPress仪表板,然后在页面下添加API的Shortcode。

通过引用短代码显示API接收的数据

现在当用户查看页面时,它将显示从API收到的响应的完整代码,但是只能通过将API数据格式转换为HTML来显示数据。

推荐阅读:

如何进行CSS的网站设计与开发?

如何安装并配置PHP集成开发环境?

WordPress PHP更新教程指南

相关文章

  • divi主题搭建WordPress网站

    Divi主题搭建WordPress网站教程

    Divi主题目前是WordPress外贸建站可靠且快速的WordPress主题,但是因为Divi主题全英文的操作界面,对于国内一些商家来说,不太友好,所以接下来本文将向各位站长介绍Divi主题搭建WordPress网站教程的详细内容,以供各位参考。 一、获取域和虚拟主机 选择域名和网络托管是创建网站的两个基本步骤。 域名是网站的唯一地址,因此请选择一个相关且令人难忘的域名。另一方面网络托管用于将网站的文件存储在服务器上,因此请根据需要选择可靠的提供商。之后通过域名注册商注册域,进行主机托管设置,…

    开发教程 2025年 10月 6日
  • WordPress PHP

    WorPress PHP版本兼容性及更新原因介绍

    PHP作为WordPress的开发语言,更新PHP版本有利于确保WordPress外贸独立站性能的提升、安全性的增强、功能的维护以及兼容性的增强。因为在更新WordPress PHP版本中经常会遇到不兼容的问题,而本文接下来将基于WorPress PHP版本兼容性及更新原因进行介绍,并在文章第三部分介绍了Hostinger WordPress PHP版本的更新教程。 一、为什么更新WordPress PHP版本 与 WordPress主题和插件一样,PHP经常收到更新和补丁,使用旧版本的 PHP…

    开发教程 2025年 11月 5日
  • WordPress搭建

    WordPress搭建购物网站教程

    大多数使用WordPress建站的商家,都会选择借助WooCommerce来搭建购物网站。WooCommerce是一款电子商务插件,使用WooCommerce可以轻松实现销售数据、库存和客户数据的一站式管理,所以本文将教大家如何借助WooCommerce将 WordPress网站变成在线购物网站。 WordPress搭建购物网站一:前提准备 从头开始创建 WooCommerce 网站需要以下三件事: 需要一个 WordPress 托管帐户,所有网站文件都将存储在此处 域名,这是网站的 Inter…

    开发教程 2025年 4月 25日
  • Shopify 主题编辑器

    Shopify主题自定义开发教程

    对于独立站有品牌塑造要求的商家来说,通过现有的主题模版自定义开发设置网站是一种不可或缺的手段。所以下文将围绕Shopify跨境电商独立站,向大家介绍Shopify主题自定义开发的主要教程,以供大家参考。 当使用 Shopify 主题编辑器自定义开发时,是在自定义页面模板,而不是单个页面本身,这意味着对特定模板所做的任何更改都将应用于使用该模板的所有页面。 可以自定义在线商店的内容、布局、排版和颜色,每个模板都提供了部分和设置,允许更改商店的外观,而无需触摸甚至查看任何代码。 Shopify独立站…

    开发教程 2025年 7月 16日
  • WooCommerce购物车添加按钮示例

    WooCommerce购物车添加按钮如何设置?

    WooCommerce购物车添加按钮如何设置?对于使用WooCommerce进行跨境电商独立站搭建的商家来说,可以通过在想要添加WooCommerce购物车添加按钮的页面,插入一段代码即可达到相关功能实现的目的。为了帮助大家更好的了解如何插入代码才能实现WooCommerce购物车按钮的添加,接下来将具体介绍有关内容,以更好的简化客户购买流程,优化用户体验。 一、为什么要设置WooCommerce购物车添加按钮 1、改进的美学:它允许商家将按钮的设计与品牌的风格和配色方案相匹配,从而帮助改善网站…

    开发教程 2025年 3月 13日
  • Gutenberg页面复制

    WordPress复制页面怎么操作

    WordPress复制页面怎么操作?商家可以使用WordPress插件Duplicate Page的复制页面选项即可完成WordPress页面复制的操作。在WordPress外贸建站的过程中,有时为了保证设计的一致性,又或者是进行布局测试,会进行页面的复制,此时了解清楚页面复制的具体操作有利于商家独立站搭建工作的顺利进行,所以下文将教大家如何借助插件实现WordPress页面的复制。 手动复制页面或文章似乎是最简单的方法–复制内容,粘贴到新的草稿中,然后就可以了。但这种方法不仅耗时,在某些情况下…

    开发教程 2025年 9月 11日
联系我们

联系我们

0551- 62586667

邮件:service@spiderltd.com

工作时间:周一至周日,9:00 - 21:00,节假日不休息

在线客服
微信客服
微信客服
分享本页
返回顶部