如何在WordPress博客文章中隐藏可堆叠的图像

如何在WordPress博客文章中隐藏pin

你想要在博客文章中隐藏可点击的图片？

如果是，那么在本教程中，我们分享了一些简单的方法，你可以很容易地做到这一点。

当谈到驱动流量到你的网站，Pinterest是一个最好的来源沿着搜索引擎。

现在，如果你一直在使用这个平台，那么你必须熟悉这样一个事实，即建议你必须创建多个引脚，因为有些引脚往往比其他引脚做得更好。

记住这一点，

在浏览网页时，有时当你从其他网站上钉钉时，你一定注意到它会让你从多个钉钉中选择。

这些Pinterest图片在页面上是不可见的。

这些网站基本上是在博客文章中隐藏大头针，你可以使用我们下面分享的方法在你的网站上轻松做到这一点。(我们建议使用美味的别针对于这个)

此外，如果你正在寻找一个免费的工具来创建引脚，那么我们建议使用帆布。

如何在WordPress中隐藏可堆叠的图像

在我们继续前进之前，重要的是要知道，在本教程中，我们已经分享了在WordPress中隐藏pin的多种方法。

其中包括使用

插件
代码

我们建议使用插件来隐藏使用WordPress编辑器和Elementor创建的帖子和页面中的可显示图像。

这个建议背后的原因是-它会节省你的时间，并让你配置其他Pinterest属性，以提高在平台上的知名度。

记住这一点，下面是你可以在博客文章中隐藏可显示图片的所有方法

如何隐藏pin使用Tasty pins插件

如果你一直在为搜索引擎优化你的页面和帖子，那么你必须使用一个SEO优化插件来让事情变得更容易。

类似的隐藏pin和优化他们的Pinterest，你将不得不使用一个插件称为Tasty pins。

使用这个插件你不仅可以隐藏引脚，还可以优化你的网站上的其他图片。

下面我们分享了一些你可以用Tasty Pins做的事情

藏针
添加自定义引脚说明
添加自定义引脚标题
禁用特定图像的固定
添加Pinterest保存按钮
添加Pinterest标签
添加Pinterest关注框

和更多的。

所有这些功能，使美味的大头针必须有插件，如果你正在寻找在Pinterest上增长。

最好的部分是Tasty Pins为您做了艰苦的工作，因为您只需点击几下即可完成所有这些工作，无需编码。

尝试美味的别针

假设你已经安装了这个插件，使用Tasty Pins隐藏WordPress中的可折叠图像，第一步是添加或编辑页面或帖子。

它会把你带到默认的WordPress编辑器。

在这里，你将不得不向下滚动到页面的最底部，直到你找到Tasty Pins设置。

在此之下，你会发现Pinterest隐藏图像设置，将允许您上传和隐藏在博客文章的引脚。

你需要点击这里的选择图片，它会带你到媒体库，在那里你可以上传或选择一个你想要隐藏的图片或图片。

在单击Select之前，请确保添加

Pinterest标题
Pinterest文本
Alt文本

增加在Pinterest和搜索引擎上的可见度。

在选择这个图像或别针，它将显示在Pinterest隐藏的图像。请参考下面的截图。

重要的是要知道，如果你想隐藏多个引脚，那么你将不得不重复这个过程。

检查引脚是否隐藏

要检查是否pin实际上是隐藏的，您需要查看此页面或帖子，并单击Pinterest浏览器扩展。

正如你在上面的截图中看到的，它只显示了我们使用Tasty Pins插件隐藏的2张图片。

请注意-如果在页面或帖子上还有其他图像，那么这些将沿着隐藏的大头针以及显示。

如果你想禁用固定的特定图像，然后美味的别针也给了你一个选择。

此外，如果你想隐藏的别针出现在任何其他图像之前，当用户在Pinterest上分享你的内容，那么你将不得不在WordPress编辑器的Tasty pins设置中选择强制固定隐藏图像的选项。

这是一个非常有用的选项，它将鼓励用户只在博客文章中固定隐藏的可固定图像。

以上就是你现在知道如何在WordPress中使用Tasty Pins隐藏可堆叠的图像。

如果你喜欢你读过的东西，并且想读试试Tasty Pins吧然后你可以点击下面的按钮

尝试美味的别针

如何隐藏别针在元素后

说到Elementor和Pinterest，经常被问到的一个问题是，如何在使用它创建的帖子中隐藏pin元素页面生成器。

如果您一直在使用Elementor，那么您已经知道它有自己的编辑器，您可以使用它来创建帖子。

它的小部件确实有一个选项，只需点击一下就可以隐藏在设备上。然而，要添加其他Pinterest属性，您将不得不添加代码。

这使得这个过程有点混乱和耗时。

此外，自定义代码是仅在Elementor职业这让免费版用户陷入了困境。

我们不希望那样。

为了方便您，我们建议使用美味的别针隐藏元素帖子和页面中的可折叠图像。

使用这个插件，免费版和专业版用户都可以在帖子中隐藏pin，只需点击几下。

除此之外，您还可以在elements中为其他图像添加自定义pin描述和标题。

看到,美味的大头针与元素工作吗

记住这一点，这个过程的第一步是编辑element帖子或页面，而不是用element编辑它。

在编辑时，它会带你到默认的WordPress编辑器，你会在底部看到Tasty Pins的设置。

在Tasty Pins设置中，您会发现添加隐藏的Pinterest图像的选项。

在这里，你必须点击选择图片，它会带你到媒体库，在那里你可以上传和选择图钉

一旦你选择了你想要隐藏的引脚，一定要添加Pinterest的文字和标题，以增加可见性。

在您完成选择引脚之后，它将在选择图像选项旁边可见。

如果你想在elements帖子中隐藏多个pin，你必须重复这个过程。

选中的大头针将显示在它旁边。

在这个过程中的最后一步是点击更新，这就是你已经成功地隐藏在元素帖子Pinterest图片。

重要的是要知道，如果你想先显示用户隐藏的pin，那么你必须选择“强制隐藏图像的pin”选项。

如果你喜欢你读过的东西，并且想读试试Tasty Pins吧然后你可以点击下面的按钮

尝试美味的别针

如何使用Social Snap隐藏可点击的图片

在我们深入教程的这一部分之前，让我们先了解一下什么是Social Snap。

Social Snap是一个流行的社交媒体插件，你可以使用它在你的WordPress网站上轻松添加分享和关注按钮。

这个插件有很多功能，它可以让你做的不仅仅是添加关注和分享按钮，比如

为社交媒体平台添加自定义图像、标题和描述
网址缩短
页面浏览量计数器
分析
展示表现最好的岗位
添加Open Graph标签

和更多的。

总而言之，当涉及到你的社交媒体需求时，这个插件是一个完整的包。

记住这一点，重要的是要知道，如果你想购买Social Snap，那么你可以使用我们的网站获得30%的折扣特殊的链接。

下面是计划

加收$27.30(1个站点)
Pro- $69.30(3个站点)
机构- $209.30(15个地盘)

获取社交快照

假设你的网站上安装了Social Snap，要使用这个插件隐藏pin，第一步是编辑帖子或页面。

它会把你带到默认的WordPress编辑器

进入WordPress编辑器后，你需要在Post / page设置中找到Social Snap选项卡

在社交Snap选项下，你会发现Pinterest的图像设置。

现在点击上传图片按钮，它将带你到媒体库，在那里你可以上传或选择现有的图片作为隐藏pin。

在下一步，你需要添加一个描述的图像，你可以通过在Pinterest的描述选项中输入一个描述，可以在你上传的隐藏图像下方找到。

重要的是要记住，你可以在描述中添加标签，Social Snap会让你这样做。

完成后，单击Save draft或update保存所做的更改。

现在你已经在你的博客文章和描述中包含了一个隐藏的pin，如果有人使用Pinterest分享按钮分享你的内容，它只会向他们显示隐藏的图像。

如果你想使用Social Snap在WordPress中包含多个图片，那么让我告诉你，这个插件目前不提供这个功能，为此，你需要美味的别针。

这里总结了您需要了解的所有设置使用Social Snap在WordPress中隐藏图片。

如果你有任何插件相关的问题或有困难配置它，然后联系Social Snap客户服务你的问题会很快得到解决。

获取社交快照

如何在使用代码的帖子中隐藏可pinnable图像

在我们深入教程的这一部分之前，这里有一个友好的免责声明——如果你不习惯编辑代码，那么使用我们提到的隐藏大头针的任何插件。(我们建议美味的别针）

记住这一点，有几种方法可以使用代码在WordPress中隐藏pin

不使用占位符图像
使用占位符图像

我们已经讨论了下面的两个过程，请确保仔细遵循每一步。

此外，我们不建议使用CSS显示属性隐藏引脚，因为它不会向平台提供有关其内容的信息。

这就是为什么我们已经包括了一个简短的教程，以及添加自定义Pinterest描述。

如何隐藏大头针没有一个占位符图像使用代码

首先，我们将使用一个名为display的CSS属性来隐藏pin。

风格= "显示:没有"

我们将使用属性data-pin-description添加自定义引脚描述。

data-pin-description="在这里添加你的描述，最大500个字符，最小100个字符"

假设您已经上传了图钉并将其添加到博客文章或页面中，该过程的第一步是将图像块编辑为HTML。

为此，您需要单击图像块工具栏上的省略号菜单或3个点，然后选择Edit as HTML。

这样做会将图像转换为代码，下面是截图供参考。

在下一步中，您需要在最后添加CSS显示属性。

你可以从下面复制它，并使用截图来知道放在哪里。

风格= "显示:没有"

当您将添加display属性时，您将得到一个错误声明“此块包含意外或无效的内容”。

这个错误是由于图像块不包括显示属性造成的，要解决这个问题，您必须单击尝试块恢复旁边的3个点。

它将向您显示转换为HTML的选项。

选择它将显示代码。

请记住，您不必选择尝试块恢复，因为它将删除您刚刚添加的CSS显示属性。

记住这一点，下面是第二次将其转换为HTML后的屏幕截图。

重要的是要知道，您可以单击工具栏上的预览，它应该不会显示任何内容。

这就确认了pin是隐藏的。

完成后，下一步是添加自定义引脚描述。

为此，您必须在CSS显示属性之后添加data-pin-description属性。

下面是您将需要的代码片段，然后是供参考的屏幕截图

data-pin-description="在这里添加你的描述，最大500个字符，最小100个字符"

请注意- Pinterest允许您添加最多500个字符，最低推荐值为100。

可以随意在data-pin-description属性中添加最多500个字符。

完成后的最后一步是单击Update并保存更改。

检查引脚是否隐藏

要检查可显示的图像是否被隐藏，以及自定义的Pinterest描述是否被平台获取，第一步是访问页面或帖子并单击Pinterest浏览器按钮。

这样做会打开一个盒子，你会看到隐藏的大头针。

在下一步中，您需要选择此引脚或图像，单击next并将其保存到板上。

一旦你完成保存，你需要访问你保存引脚和扩展它的板。

在这样做，它会显示你的标题下方的自定义引脚说明。

请注意-我使用一个私有的元素云网站来创建这个教程，因此标题是这个网站是私有的。在您的情况下，它将是页面的标题或您正在固定的帖子。

如果你想用这种方式隐藏多个可折叠的图像，那么你将不得不重复这个过程。

手动隐藏别针可能有点耗时，如果你是新手，它也可能令人困惑。

因此，我们推荐Tasty Pins。

以上就是现在你知道如何在不使用占位符图像的情况下在博客文章中隐藏引脚。

如何在WordPress中隐藏一个占位符图像使用代码

这种在WordPress中隐藏大头针的方法与我们上面讨论的非常相似。

然而，有一个不同之处在于，在这种方法中，我们将隐藏一个占位符图像，并将强制固定可固定的图像。

重要的是要知道，这种方法对页面速度的影响较小，因为它只加载占位符图像，其大小为1-3kb。

我们将使用的占位符图片的尺寸是100px x 200px，你可以通过保存下面的图片下载它。

一旦下载了占位符图像，下一步就是在媒体库中上传占位符图像和pin。

在此之后，你将不得不在你的WordPress网站上添加占位符到页面或帖子。

在下一步中，您需要在HTML中编辑此占位符图像，您可以通过单击图像块工具栏上的省略号菜单并选择Edit as HTML来完成此操作。

和前面一样，现在需要在最后添加CSS display属性。

下面是您需要添加的代码片段，后面是供参考的屏幕截图。

风格= "显示:没有"

在添加display属性时，它将显示一条错误消息，指出“此块包含意外或无效的内容”。

要解决这个问题，你必须点击旁边的3点尝试块恢复，它会向你展示将块转换为HTML的选项。

在这里，您将选择转换为HTML，它将图像块转换为HTML，并将显示一个预览选项。

当你点击这个预览选项时，它不会显示任何东西，这意味着你已经成功隐藏了图像。

如果你想知道是什么原因导致这个错误，为什么我们没有选择尝试块恢复，然后让我告诉你图像块没有显示属性。

因此，添加它将给出一个错误。

如果您不小心单击尝试阻止恢复，那么它将删除您不想要的显示属性。

记住这一点，这个过程的下一步是添加你想要隐藏的大头针。

为此，你必须使用Pinterest属性data-pin-media

您需要在display属性之后添加这个属性，它将包含pin的URL。

如果你想知道你在哪里可以找到pin的URL，那么让我告诉你，你必须去媒体库，展开pin，你会在底部找到URL。

下面是截图供参考。

回到data-pin-media属性，

下面是一个参考代码片段，在这里你只需要用你自己的引脚URL替换URL。

data-pin-media = " https://bloggingunplugged.elementor.cloud/wp-content/uploads/2020/07/Dog-hoodieDog-HoodieDog-Hoodie.jpg "

一旦你完成，直到这里，下一步是为隐藏的Pinterest图像添加一个自定义的pin描述。

为此，您将不得不使用data-pin-description属性，下面是代码片段，后面跟着一个截图供参考。

data-pin-description="此处添加描述，最小100个字符，最大500个字符"

在此之后，最后一步是单击Update并保存更改。

检查是否Pinterest图像是隐藏的

要检查Pin是否实际上隐藏，并在Pinterest上显示自定义Pin描述，第一步是访问帖子并单击Pinterest浏览器按钮。

这样做将显示隐藏的别针。

在下一步中，您需要选择引脚，单击下一步，它将允许您将其保存到板上。

一旦完成，你需要导航到Pinterest，找到pin并展开它。

它会在标题下显示你自定义的Pinterest描述。

如果你想用这种方式隐藏多个可折叠的图像，那么你将不得不重复这个过程。

以上就是您现在知道如何使用代码在WordPress博客文章中隐藏带有占位符图像的引脚。

如何在WordPress博客文章中隐藏Pinterest图片

上面我们讨论了在博客文章中隐藏引脚的两种方法，即手动和使用插件。我推荐哪一个?

您可以使用任何进程，无论是使用插件还是手动。但是，我建议使用插件(美味的别针)因为下面列出的两个原因

它节省了很多时间，因为它非常直接。
您可以在隐藏时优化引脚，而不必担心编码

话虽如此，我希望本教程对您有所帮助，并且能够轻松地执行此操作。让我们知道你选择的藏别针的方法。

还有，如果你还没有申请丰富的针，我建议你设置Pinterest丰富的引脚因为它可以让你的pin在feed中脱颖而出，并且可以让你获得更多的可见性和流量。

你可能会喜欢读下一个

如果您对此有任何疑问，请随时通过评论部分与我们联系，我们将很乐意回答这些问题。另外，不要忘记在社交媒体上与你的朋友分享这篇文章。

要获取我们的定期更新，请加入我们的Facebook群组，订阅博客和Youtube频道。

此外，请在各种社交媒体平台上关注我们。如果你正在寻找检查的工具，我们已经用来创建这个网站，然后看到betawy精装版部分和独家交易访问batway官网。

加入社区

辛格小朋友!

Jasmeet Singh是“不插电博客”的负责人。他的职业生涯始于一名业务流程外包员工，现在是一名全职博主。他写博客指南，并分享他与博客相关的个人经验。在业余时间，他喜欢读书、听播客和玩电子游戏。

47个评论

摩根说:

在

这是一篇非常有用的文章!我一直试图让这个工作没有成功，这打破了它完美!

回复
1. 辛格小朋友! 说:
  
  在
  
  谢谢你摩根。很高兴这篇文章能帮到你
  
  回复
Kareena 说:

在

这真是太有帮助了!你一步一步地分解了这个过程，使它很容易遵循。现在我有信心去尝试了。非常感谢!

回复
1. 辛格小朋友! 说:
  
  在
  
  谢谢你，Kareena
  
  回复
Leigha 说:

在

这是一个非常有用的，相关的和信息丰富的帖子!谢谢分享!

回复
1. 辛格小朋友! 说:
  
  在
  
  谢谢你，雷加
  
  回复
金伯利 说:

在

这是超级有用的，我一定会在我的下一篇文章中尝试一下。谢谢分享!

回复
1. 辛格小朋友! 说:
  
  在
  
  谢谢你，金伯利。请让我们知道它是否有效，以及您选择了哪条路线-插件还是手动
  
  回复
Craige Hardel 说:

在

我过去常常为此挣扎。最终你还是选择了社交战争，但你也很高兴能够打破手动操作的方式。

我找的时候根本找不到

回复
1. 辛格小朋友! 说:
  
  在
  
  谢谢你，克雷格。很高兴它对你有帮助
  
  回复
妮可•摩根 说:

在

这是非常重要的信息，对我来说改变了游戏规则!谢谢你的发帖!

回复
1. 辛格小朋友! 说:
  
  在
  
  谢谢你妮可
  
  回复
多拉Duvisac 说:

在

所以，现在我用Pinterest小部件开发人员在我的帖子上放了一个大头针。你认为隐藏图像更有利吗?谢谢所有有用的信息!

回复
1. 辛格小朋友! 说:
  
  在
  
  由于Pinterest会定期更新算法，并给予新图钉更多优先权，因此创建多个图钉是必要的。此外，重要的是要记住这里的大头针是垂直的，占用了很多空间。你可以在你的文章中添加一个或两个，但如果你要创建更多，那么隐藏图钉就变得很重要
  
  回复
卡西迪 说:

在

哇，这是令人难以置信的详细-谢谢!我要试一试。

回复
1. 辛格小朋友! 说:
  
  在
  
  谢谢，卡西迪。
  
  回复
图像地球旅行 说:

在

优秀和信息丰富的帖子!
在过去的几个月里，我刚开始认真地玩Pinterest，对所有的东西都很陌生，所以我很感激所有的提示。

回复
Zak 说:

在

Pinterest一直是我最喜欢的增加博客流量的平台之一。我从来不知道这个把戏!谢谢分享!我一定会试试的。

回复
1. 辛格小朋友! 说:
  
  在
  
  谢谢你Zak
  
  回复
邓肯说:

在

哈哈，我一开始以为这是“菠萝图像”。尽管如此，这仍然是很好的建议

回复
1. 辛格小朋友! 说:
  
  在
  
  这很有趣，谢谢你邓肯，很高兴你发现它有帮助
  
  回复
艾米说:

在

真正有用的信息!我可能会玩这个!

回复
1. 辛格小朋友! 说:
  
  在
  
  谢谢你，艾米
  
  回复
瑞秋Tindall 说:

在

非常有趣的!我将在我自己的博客上进一步调查这个问题。谢谢你的文章!

回复
1. 辛格小朋友! 说:
  
  在
  
  谢谢瑞秋
  
  回复
詹妮弗Towkaniuk 说:

在

非常全面的文章。感谢提供免费和付费的插件来隐藏图像。

回复
1. 辛格小朋友! 说:
  
  在
  
  谢谢你Jennifer
  
  回复
莎拉说:

在

不错的建议，但我只能在这篇文章中找到截图?

回复
1. 辛格小朋友! 说:
  
  在
  
  嗨，Sarah，谢谢你现在让我知道，当你点击Pinterest按钮，你会发现pin分享在Pinterest上
  
  回复
丽莎|时髦的老板 说:

在

感谢这篇详细的文章，我不知道你可以强迫某些别针被钉住。

回复
1. 辛格小朋友! 说:
  
  在
  
  谢谢你，Lisa，我希望你觉得这个教程有帮助，并且能够实施它
  
  回复
莎拉说:

在

这是一篇非常有深度的文章!我专注于我的Pinterest策略，这是非常有用的!

回复
1. 辛格小朋友! 说:
  
  在
  
  谢谢你萨拉
  
  回复
克莱尔 说:

在

我就是不知道怎么嵌入它们!但我要把它固定好，好好看看。非常感谢分享x

回复
1. 辛格小朋友! 说:
  
  在
  
  如果您对此有任何疑问，请告诉我。我很乐意帮忙。谢谢你！
  
  回复
蕾妮说:

在

我喜欢美味的别针!这篇文章是一个很好的资源Jasmeet!

回复
1. 辛格小朋友! 说:
  
  在
  
  谢谢你，蕾妮。很高兴你喜欢。
  
  回复
珍妮特 说:

在

这是非常翔实的，我正在努力与我的pin，这是非常有用的。
谢谢你！

回复
1. 辛格小朋友! 说:
  
  在
  
  谢谢你珍妮特
  
  回复
莎拉说:

在

非常感谢您的指导!我在Pinterest上推广我的博客，但我不喜欢在我的博客文章中有图钉。

回复
1. 辛格小朋友! 说:
  
  在
  
  这是一个非常简单的解决方案，可以在博客文章中隐藏pin。Tasty pins是一个了不起的插件。
  
  谢谢你！
  小朋友!
  
  回复
凯特说:

在

这篇文章太有帮助了!我刚开始写博客，这将帮助我加快我的pinterest游戏。谢谢楼主的分享!

回复
1. 辛格小朋友! 说:
  
  在
  
  谢谢你，凯特。很高兴你喜欢。
  
  回复
安娜说:

在

这听起来很棒，因为我一直在寻找美味的别针，因为我想在我的博客上创建别针描述!

回复
1. 辛格小朋友! 说:
  
  在
  
  Tasty Pins是Pinterest优化的一个惊人插件。我自己测试了这个插件，它比任何其他插件都要好得多。这是一个必须有插件，如果你想优化和隐藏引脚在博客文章
  
  回复
托马斯。 说:

在

你好，隐藏和重定向正在工作，但描述不是。当我去预览和点击别针图标(与pinterest浏览器扩展)，它只显示图片，仅此而已。
此外，是否有任何方法显示50%的pin图像大小，让他们在单击pin按钮时pin全尺寸?
我应该先把我的图钉上传到博客上，然后把它们放在我的pinterest上，还是我应该先把它们上传到我的pinterest上，然后从那里链接到我的博客?
如果他们从我的博客上别针，pinterest怎么知道这是我的别针?
我很困惑，抱歉问了那么多问题

回复
1. 辛格小朋友! 说:
  
  在
  你好,托马斯。
  
  我希望你一切都好。以下是对你的问题的回答
  1. 正如你所提到的，你成功地能够隐藏大头针，但描述是缺失的。这可能发生在两种情况下
    如果你正在使用我在帖子中提到的插件，那么如果你包含了它们，那么描述应该工作得很好，因为这些插件会自动添加data-pin-description属性。这里你唯一要做的就是检查你是否添加了描述。
    如果你手动隐藏引脚，然后检查你是否正确地包含了data-pin-description属性。在大多数情况下，要么缺少此属性，要么存在语法错误。
  2. 当谈到别针的尺寸时，创建一个常规尺寸的别针。长宽比为2:3。推荐尺寸为2000px x 3000px。一旦图像被创建，下载它的jpg格式，并减少重量使用工具，如tinyping或任何其他图像压缩工具。
    至于高度，你可以在默认的WordPress编辑器中通过添加大头针和使用光标来调整它的大小/缩放。这样做不会影响pin的长宽比，它在Pinterest上看起来一样，并且在帖子上占用更少的空间。
  3. 有几种方法可以做到这一点。由于Pinterest推荐钉新的图钉，平台上的大多数创作者在一个帖子中隐藏多个图钉使用插件，如美味的别针这样游客就有更多的选择。
    此外，还创建了一些额外的引脚，直接上传到Pinterest。
  4. 现在，Pinterest要知道这是不是你的别针。第一个信号是连接到引脚的URL。如果pin直接从网站或博客中固定，那么它会自动获取URL。如果你直接上传到Pinterest，那么它可以让你添加一个URL。
    此外，建议您将您的品牌添加到引脚中，以便在提要中轻松识别。
  我希望这对你有帮助。如果您有任何问题，请随时回复或留言。我很乐意帮忙。
  
  祝你好运
  小朋友!
  回复

如何在WordPress博客文章中隐藏可堆叠的图像

47个评论

留言回复取消回复

博客不插电-简单的初学者教程

开始

主要的导航

主题