如何在WordPress文章或页面中显示Pinterest图像

您的WordPress网站非常适合作为在线营销的中心枢纽。一个原因是它与社交媒体的整合程度如何。例如,如果您想在WordPress文章或页面中嵌入Twitter内容、显示TikTok或显示Pinterest图像,则这些平台非常出色。WordPress包括一些显示Pinterest内容的方法,但也有“官方”方法。幸运的是,它们都很容易在您的网站上实施。在这篇文章中,我们将提供两种在WordPress

How-to-Show-Pinterest-Images.pngo_

您的WordPress网站非常适合作为在线营销的中心枢纽。一个原因是它与社交媒体的整合程度如何。例如,如果您想在WordPress文章或页面中嵌入Twitter内容、显示TikTok或显示Pinterest图像,则这些平台非常出色。

WordPress包括一些显示Pinterest内容的方法,但也有“官方”方法。幸运的是,它们都很容易在您的网站上实施。

在这篇文章中,我们将提供两种在WordPress中显示Pinterest图像的方法,并引导您完成这些步骤。在此之前,让我们更多地谈谈为什么Pinterest是一个很好的集成社交媒体平台。

马上,我们承认Pinterest不会成为一个适合所有网站的平台。例如,合法企业不会在平台上活跃起来,医疗公司也不会。这是因为该平台主要关注图像。

尽管Pinterest确实有信息内容,但主要图像格式与更“严肃”的行业并不一致。

当然,这不是一个独家清单。但是,您会发现一些利基市场非常适合使用Pinterest:

  • 时尚网站。
  • 生活方式企业,例如瑜伽馆。
  • 工艺品商店和一般创意或艺术网站。

如果您处于这些领域之一,那么您就是好伙伴。Pinterest的覆盖面很广,到2020年底将拥有近4.6亿用户。即使定位到这个用户群的0.10%,你也能获得460,000人的潜在受众。

总体而言,Pinterest将成为展示您的商品的理想方式,尤其是在您销售产品的情况下。在您的利基市场和受众交叉的地方,有一个利润丰厚的市场可以推广。

虽然可能有更多方法可以在WordPress文章或页面中显示Pinterest图片,但我们将重点关注以下两种:

  1. 使用Pinterest的官方工具创建一个小工具。
  2. 如果您已经使用Automattic的插件,请使用Jetpack的Pinterest Block

在整个过程中,我们将引导您完成这些步骤,并带您从零到Pinterest英雄。我们还将解释为什么本文没有特别提到您可能遇到的其他一些方法(例如WordPress插件或嵌入代码)。

首先,官方的Pinterest Widget Builder是在WordPress中嵌入内容的绝佳方式。不过,值得注意的是,有一个类似的选项在表面上提供相同的功能,但并不适合。

在浏览Pin图时,您可能会在选项菜单中遇到Get Pin嵌入代码选项:

get-pin-embed.pngo_

这为您提供了一个iFrame代码片段,您可以将其粘贴到您的网站中。但是,在我们的测试过程中,我们无法让该功能正常工作。这是一种耻辱,因为对于快速的单个Pins,这将是理想的。我们怀疑Jetpack是快速嵌入Pins的方式,我们稍后会讨论这个问题。

但是,Widget Builder使用起来很容易,尽管需要在WordPress的核心文件中四处寻找,但它是我们推荐的方法。让我们带您了解如何使用它。

1. 找到您的Pin图的URL

首先,您需要您的Pin图的URL(即您想在WordPress中显示的图像)。就像在Internet上查找任何页面的URL 一样简单。但是,您可以从几个地方获得它。

当然,浏览器的地址栏很简单……

pinterest-address-bar.pngo_

…但也有一个专用的复制链接按钮作为共享图标中的选项之一:

pinterest-copy-link.pngo_

获得Pin图的URL后,您就可以开始创建小工具了。

2. 创建您的Pin小工具

接下来,前往Pinterest Widget Builder。有五个选项可供选择,虽然它们都有自己的用途,但我们专注于Pin小工具:

pin-widget.pngo_

这里有几个字段可以帮助你的小工具成形:

  • 固定网址。这是您的Pin图的网址,您应该将其粘贴到此处。
  • 引脚尺寸。您可以为您的Pin图选择SmallMediumLarge,您也可以在此处隐藏描述。

做出选择后,您将看到“预览”窗格更新。这让您可以先睹为快,看看您的小工具在前端的外观:

pinterest-preview.pngo_

在此下方,您将看到几个代码片段。接下来我们将需要这些,因此请保持小工具构建器打开并进入最后一步。

3. 将小工具代码添加到您的WordPress核心文件

要在WordPress文章或页面中显示Pinterest图像,您需要插入Pinterest Widget Builder中的两个代码片段。这曾经涉及第三方插件,但WordPress现在拥有自己的编辑器,非常适合此类一次性任务。

在开始之前,重要的是要有一个干净且最新的备份,以及一个子主题。这有助于在有更新时保留您的网站,并在最坏的情况发生时为您提供退路。

您可以在WordPress仪表盘的外观 > 主题编辑器屏幕中找到代码编辑器:

theme-editor.pngo_

到达此处后,在右上角选择您的子主题:

select-theme.pngo_

接下来,在屏幕右侧的列表中找到Theme Footer文件,然后向下滚动到标签。在此之前,粘贴以下代码:

您可以通过行快速定位位置:

footer-file.pngo_

完成后,保存更改并前往您想在其上显示Pinterest图像的文章或页面。

4. 将小工具代码添加到WordPress

最后一步是展示您的Pinterest Pin。为此,请前往您选择的文章或页面,然后插入一个新的段落块

虽然您可以为此使用自定义HTML区块,但我们的测试并未产生可行的示例。鉴于小工具是一个链接,我们可以在段落区块中使用它并使用它的功能。

添加块后,您需要从右上角的WordPress菜单中打开代码编辑器:

code-editor.pngo_

打开后,找到您的新段落,然后从小工具编辑器输出中粘贴您的代码:

insert-code.pngo_

您现在可以退出代码编辑器。在您保存更改之前,请随时使用段落块设置在您的文章中对齐您的Pin小工具。我们选择了居中对齐,但您显然可以自由地做任何您想做的事情:

final-widget.pngo_

虽然这是在WordPress文章或页面中显示Pinterest图像的可靠方法,但还有其他方法。让我们看一下特定于平台的方法。

不幸的是,没有多少合适的插件可用于在WordPress文章或页面中显示Pinterest图像。

gs-pins-for-pinterest.pngo_

例如,Pinterest的GS Pins看起来可以完成这项工作,但您只能将单个Pins显示为小工具。尽管插件会定期更新并获得好评,但这对于我们的需求来说不够灵活。

Jetpack是我们所知道的唯一具有在您的网站上嵌入单个Pin图的功能的插件,并且也符合我们的要求。

jetpack.pngo_

当然,Jetpack的安装和激活与任何其他插件一样。准备就绪后,您应该按照第一种方法获取所需Pin图的URL。一旦你有了它,前往你的文章或页面,并添加一个Pinterest区块

pinterest-block.pngo_

接下来,添加您的Pin图的URL,然后单击Embed

embed-pin.pngo_

最后,保存您的更改,并在您的网站前端查看Pinterest图像:

front-end-pin.pngo_

不幸的是,定制的方式并不多。这是一种耻辱,因为对于Jetpack用户来说,这种方法将是第一个停靠点。除非您想深入研究并添加自定义CSS类,否则它可能不是满足您需求的完美解决方案。

Pinterest不会成为每个企业都想使用的社交媒体平台。即便如此,与平台保持一致的公司的用户群是庞大的——你的潜在收入也可能是相同的规模。

在WordPress文章和页面中显示Pinterest图像有两种主要方式。让我们再次快速回顾一下:

  1. 使用官方Pinterest Widget Builder在WordPress中创建丰富的可嵌入小工具。
  2. 如果您是Jetpack用户,您可以使用随附的Pinterest Block在WordPress文章和页面中显示图像。

本文内容来源于公开网络,出于传递信息之目的整理发布。原文版权归原作者所有,若涉及侵权请先提供版权后联系我们删除

(0)
WP之家WP之家
上一篇 2025年3月13日 下午5:12
下一篇 2025年3月13日 下午5:12

相关推荐

  • 如何通过MySQL数据库修改WordPress网站的URL

    WordPress使用MySQL数据库来存储其所有数据,包括站点URL。因此,如果出于某种原因您需要更改WordPressURL,则有必要调整MySQL中的一些数据。继续阅读以了解如何操作。如果您只有

    2025年3月13日
  • 如何为Google Workspace (G Suite) 设置Google MX记录

    GoogleWorkspace(前身为GSuite)专为需要通过Gmail发送电子邮件的企业而设计。它还包括其他具有高级存储的软件,例如GoogleDrive、GoogleDocs等。要让您的企业电子邮件与GoogleWo

    2025年3月13日
  • Gutenberg和Elementor:两个WordPress页面构建工具的主要区别

    Gutenberg与Elementor:如何正确地选择?这取决于您希望从WordPress页面生成器中获得哪些功能。我们将解释Gutenberg和Elementor的基本原理,然后对两者进行直接比较。以下是我们根据多年的使用经验和严格的测试,深入了解Gutenberg

    2025年3月13日
  • WordPress文章分类新增、编辑和删除管理

    发布WordPress文章时,不应该忘记的一个方面是它的分类。这是因为忽略此组件可能会损害网站的流量和在搜索结果中的排名。WordPress分类根据共享主题、项目或特征对内容和文章进行组织或分组。它也是默认的WordPress分类法之一。此外

    2025年3月13日
  • 如何在子域名上安装WordPress

    想在子域上安装WordPress?一般来说,在子域上安装WordPress与在根域上安装WordPress的工作原理几乎相同。不过,您需要注意一些调整,这也是我们创建这篇在子域上安装WordPress完整指南的原因。首先,我们将简要讨论Wo

    2025年3月13日
  • 2025年从0开始学习WordPress建站,最详细的WordPress教程

    为什么WordPress如此受人追捧? 开源和免费:WordPress是一个开源免费的项目,并且修改后源代码的都归用户所有。 易于使用:WordPress提供直观的后台管理界面,即便是没有技术背景的用户也能轻松创建和管理网站。 …

    2025年3月18日
  • 如何使用WordPress创建美食博客

    不管你是否意识到,食物是我们生活的核心。有些人将其用作燃料,而另一些人则将食谱作为一种艺术形式呈现。如果您属于后者,并且想创建一个美食博客来分享您的热情,那么WordPress是一个顶级平台。几乎每个话题都有一个博客利基,有些话题比其他话题更受大众关注。当某些利基成为时尚时,人们就会蜂拥而至。说到时尚,有时

    2025年3月13日
  • 如何实现Contact Form 7联系表单接入Zoho CRM平台

    将联系表格添加到您的WordPress网站使用户能够联系查询和业务建议。但是,如果您没有使用客户关系管理(CRM)解决方案,您可能会失去这些潜在客户。幸运的是,您可以使用ContactForm7和?Zoho轻松地将您的联系表单与CRM配对。在这篇文章中,我们将介绍将ContactForm7接入Zoho的好处及实际操作分步教程。ContactF

    2025年3月13日