如何在WordPress图片上添加悬停钉按钮保存按钮

如何添加悬停Pinterest保存按钮的图像

后开始写博客首先想到的是增加流量，Pinterest是一个可靠的来源。

如果你还没有使用这个平台，我强烈建议你从今天开始，几个月后，你就会看到结果。

几天前，当我浏览Pinterest时，我注意到博客的特色图片比专用图钉更常见。这并不是我们所期望的，因为我们为每篇文章都创建了专用的大头针。

仔细研究一下，这让我意识到，有些人可能没有使用Pinterest浏览器扩展来钉文章，当他们使用社交分享按钮分享时，它钉上了特色图片。

为了解决这个问题，我们找到了一个快速的解决方案添加一个Pinterest悬停按钮的图像．这个问题可以很容易地解决使用社会共享插件称为社会的快速这是我们在博客不插电中使用的社交分享插件，我们强烈推荐它

还有更多。您可以通过访问官方网站．此外，如果您使用我们的链接购买插件，您可以获得30%的折扣。

另外，我们使用并推荐的另一个插件是美味的别针．这是一个Pinterest优化插件，提供了很多功能，将帮助你增长你的Pinterest流量。

在我们进一步讨论之前，在使用Social Snap和Tasty Pins之前，我们尝试使用许多免费插件来解决这个问题，其中大多数要么与布局或主题不兼容，要么导致其他问题。所以我们决定选择这个选项。

此外，我们认为添加这个按钮不仅可以让人们选择钉住其他图片，还可以鼓励他们在Pinterest上分享更多，因为每当鼠标指针悬停在图片上时，就会出现一个突出的Pinterest标志或保存按钮。

前进,

这个任务可以通过两种方式完成

• 使用插件
• 手动

在本文中，我们将讨论这两种方法WordPress.org和博客网站。如果你是WordPress.com用户，正在寻找实现这个功能的方法，那么让我告诉你，如果你使用的是免费计划，你不能编辑代码或安装插件来将这个功能添加到你的博客。（WordPress.com和WordPress.org）

话虽如此，

我们将在本文中讨论的实现Pinterest Save按钮的第一种方法是使用插件。这是最简单的实现方法，也是推荐的方法。

如何添加Pinterest保存按钮的图片在WordPress

在我们继续之前，重要的是要知道当我们实现这个时，我们遇到了一个Pinterest官方插件用于帮助您的网站添加此功能。

不幸的是，该插件无法下载，并于2019年2月15日关闭。

故事的寓意- Pinterest目前没有官方插件来帮助这一点。但是，其他插件可以帮助您做到这一点，我们将在本文后面讨论它们。

如何添加悬停Pinterest保存按钮在WordPress使用插件

如果你想使用插件添加Pinterest悬停按钮，这个过程非常简单和直接。正如前面提到的，在写这篇文章的时候，我们搜索了一些可以帮助你实现这个功能的免费插件，我们发现其中一些插件已经很久没有更新了，并且与当前版本的WordPress不兼容。

我们不建议使用任何这样的插件，因为使用它们可能对您的网站安全构成威胁。

为此，您可以根据需要使用下面提到的2个插件中的任何一个

• 美味的别针
• 社会的快速

列表上的第一个插件是Tasty Pins，使用这个插件，你可以在WordPress中添加Pinterest保存按钮，只需点击几下。

如果你已经在使用社交分享插件，想要添加这个功能，并想要优化你的博客Pinterest然后美味别针插件是给你的。

如果你想把你的社交分享插件切换到更好的地方，我会建议你导航到社会的快速部分使用侧栏中的目录。

在前进的道路上,

本文的下一个内容是

如何添加悬停Pinterest保存按钮的图片在WordPress手动

在我们开始本节之前，重要的是要知道在WordPress中实现图片的Pinterest保存按钮是非常简单的，如果你喜欢添加代码到你的网站。

如果你没有，我强烈建议你通过Social Snap或Tasty Pins来做这件事。关于如何使用这两个插件的教程已经在上面详细讨论过了。

话虽如此，

在本节中，我们将讨论以下主题

• 创建Pinterest保存按钮
• 手动添加代码
• 插入Pinterest Pin它的按钮代码使用插件
• 手动禁用图像钉住

此外，在这篇文章的后面，我们已经介绍了如何在Blogspot的图像上添加Pinterest Save按钮。如果您是谷歌博客或Blogspot用户，那么您可以使用侧边栏中的内容表导航到该部分。

废话不多说，让我们开始教程

如何创建Pinterest保存按钮的图像

每当我们使用“手动”这个词时，有些人可能会认为这个过程可能有点复杂，不适合你。

但这次情况有所不同，过程很简单，很容易执行。

来添加图片Pinterest按钮，你要做的第一件事就是参观Pinterest小部件构建器你会看到一个工具，就像下面的截图

您可以使用此工具创建3种类型的保存按钮

1. 一个图像-这个按钮将让人们只分享一个特定的图像，从你选择的页面。是的，你没听错。您需要提供要固定的图像的链接。
2. 任何图像-你得到的下一个选项是“任何图像”。使用此选项，您将能够创建一个按钮，让人们可以选择和分享您的帖子或页面上的各种图像。
3. 形象徘徊-你得到的最后一个选项是创建悬停按钮。使用此选项，您将能够在图像上添加一个按钮，只有当有人将鼠标指针放在图像上时才可见。它可以是Pinterest图标或矩形保存按钮，这取决于你实现的按钮类型。

在前进的道路上,

当你选择“图像悬停”，你有2个选项在它下面

1. 轮
2. 大

如果你想在你的图片上有一个圆形的Pinterest按钮，选择圆形并增加大小，选择“大”。

如果你不想要圆形按钮呢?Pinterest默认为你提供矩形Pinterest保存按钮．再次增加大小，你必须选择“大”。这是它的样子

此外，当你选择保存按钮而不是Pinterest标志时，你也可以选择语言。如果你有博客英语以外的语言。这对你来说是一个很好的选择。

如何添加Pinterest保存按钮的图片在WordPress没有插件

一旦你完成了所有的选择，你会得到一个代码，你需要添加到网站的页脚。您将在预览图像下面找到此代码。

现在，在浏览器的另一个选项卡登录到你的WordPress仪表板。如果你愿意把它添加到你的网站的页脚，这个过程是非常直接的，否则你可以通过插入页眉页脚插件来做，这是在这一部分之后解释的。

如果您愿意添加代码，请导航到>>主题编辑器

它会把你带到WordPress仪表板中的一个新屏幕，在右边，你可以看到所有主题文件的列表。搜索名为Theme footer或footer.php的文件

当您找到文件时，单击它并向下滚动，直到您找到身体< / >标签。现在将代码粘贴到它的正上方。下面是截图供参考

您需要做的最后一件事是单击Update File以保存更改并在更改没有反映的情况下清除缓存。

使用插入页眉和页脚插件

就像我提到的，对于那些不习惯直接向网站添加代码的人，可以使用插入页眉和页脚插件。

这是一个免费的插件，你可以通过这个链接下载它。如果你想的话，这个插件也很有用

• 在谷歌搜索控制台验证您的网站
• 添加谷歌分析到你的WordPress网站
• 验证你的网站Pinterest
• 在必应网站管理员工具上验证您的网站

一旦你下载并安装了插件，你会发现一个新的选项设置插入页眉和页脚。点击它，它会带你到插件设置，在那里你会看到两个空框，标签为

1. 头文件中的脚本
2. 页脚中的脚本

在页脚中的脚本框中添加Pinterest保存按钮代码

您需要做的下一件事是单击Save以保存所做的更改。

您已经成功实现了图片保存按钮．

一句忠告-当你添加这样的代码片段到你的网站，确保你把它们添加到子主题，而不是主主题，否则你将失去所有的变化，一旦主题更新。

在你完成实现Pinterest Pin它按钮上的图像。我想到的下一个问题是

如何告诉Pinterest不要保存图片

这个操作也很容易执行，你所需要做的就是去一个页面或一个帖子，然后点击编辑。它会把你带到WordPress编辑器。

如果你是一个古腾堡用户，你所要做的就是找到你不想让人们钉住的图像，并选择图像块。当您选择图像块时，它将显示您三个点。点击它，它会显示一个菜单，你需要选择编辑为HTML。

当您选择Edit as HTML时，它将显示如下截图所示的代码

记住，图像总是被包装起来的< img >标签。当你找到< img >标签，接下来需要做的是添加data-pin-nopin = " true "在最后。下面是添加标签后的样子。

当你添加这个属性时，WordPress会显示一个类似于下面截图的错误。

要解决此错误，您需要单击Convert To HTML。这样做，你的图像块将永久转换为HTML。

这个过程的最后一步也是最重要的一步是保存您所做的更改。

如果你使用的是经典编辑器，那么当你进入WordPress编辑器时，你会看到视觉和文本两个选项。

您需要按照上面的建议选择文本并搜索图像代码，下面是代码的样子

一旦你找到了图像，你所需要做的就是添加data-pin-nopin = " true "，然后单击Update保存更改。

如何在博客上添加Pinterest钉住它的按钮

Blogger or Blogspot是谷歌提供的一个免费且非常受欢迎的博客平台。添加Pinterest保存按钮的图片在博客非常类似于在WordPress中手动完成的方式。

该过程的第一步是创建save按钮，其操作方法与前面解释的完全相同。你需要去参观Pinterest保存按钮生成器并为你的Blogspot博客创建一个。

创建按钮后，接下来需要做的是登录到Blogspot仪表板并转到>>编辑HTML

它将带您到代码编辑器，您需要找到身体< / >标签。为此，你可以使用搜索功能，Windows是Ctrl + F, Mac是Cmd + F。

将使用小部件构建器生成的代码添加到它的上方。

添加代码后，单击Save Changes并访问博客上的任何页面，查看是否反映了更改。

恭喜。你已经成功地实现了Pinterest保存按钮的图片在你的Blogspot博客。

如何排除图片钉在Pinterest

要排除图片被钉在Pinterest上，请访问任何页面或帖子并单击编辑。它会把你带到Blogspot编辑器。

在工具栏中，在最开始，你会看到2个选项，即撰写和HTML。你需要选择HTML，它会带你到代码编辑器，在那里你需要搜索要排除的图像。

要排除需要添加的图像data-pin-nopin = " true "在代码的最后。这是一个截图

在进行更改之后，单击Update以保存更改。

就这些

一旦实现了Pinterest保存按钮或固定按钮我相信这将鼓励访问者在Pinterest上更多地分享你的内容，从而增加流量。

当我们谈到Pinterest和增加流量的话题时，我会建议你设置Pinterest Rich Pins在添加保存按钮并学习之后如何隐藏pin图片在博客帖子

如你所知，搜索引擎优化有助于从搜索引擎带来流量。为了优化你的网站搜索引擎，确保你阅读了我们的页面搜索引擎优化小抄。

综上所述，我希望本教程对您有所帮助，并能够添加Save按钮。如果你有任何问题，请随时发送给我们。

另外，不要忘记在社交媒体上分享这篇文章，并关注我们。订阅我们的通讯，收到最新的更新和惊人的博客交易在收件箱里。