如何将Instagram CTA添加到您的食谱卡中。 -我的散居厨房

作为亚马逊合作伙伴，我从符合条件的购物中赚钱。请阅读我的完整的会员披露在这里.

最近，我在很多食谱插件上看到了许多带有精美的Instagram CTA（号召性用语）的漂亮站点。我一直很好奇，知道该怎么做’mon who doesn’想要一个很酷的东西。如果您想阅读一些不错的技巧和我如何到达此hack的背景故事，请继续阅读，因为如果您愿意，我会喜欢的。但是，如果您急着流血，请点击下面的按钮？您可以保存此信息，以便稍后将此帖子固定在 Pinterest的.

该帖子可能包含会员链接。

跳转到教程

这些可爱的网站之一是少量的百胜由惊人的情侣比约克（Bjork）和林赛·奥斯特罗姆（Lindsay Ostrom）经营。经过进一步的研究，我发现他们使用了WP tasty插件，这是Bjork创建的惊人的食谱插件。嗯..我会因为这个而切换到这个插件，但是我已经在我的网站上使用了同样出色的插件 WP配方制作器（WPRM）这两个食谱插件是推荐的前两个食谱插件 Casey Markee是SEO世界中的一位大师，拥有Mediawyse数字营销公司我可以’t wait for the day my site can be audited by him or should I say 我可以’t wait for the day 我可以 afford the service of mediawyse. I have heard wonderful reviews from the sites he has audited. He literally works some magic on your site.

回到今天的主要主题，即如何在配方卡上添加INSTAGRAM CTA。我听说此功能在某些方面适用 WP Recipe Maker插件。是的，他们真是太棒了，他们倾听用户的需求，并孜孜不倦地工作，以确保他们的用户满意。由于他们正在开发该软件，因此我认为没有理由交换到另一个配方插件。因此，像平常一样，我开始在互联网上评分，看看是否可以找到添加该instagram CTA的任何方法‘call to action’ to my 食谱卡。我确实找到了一个，但是它是用于另一个插件的，它需要一些编码。编码不是我的事，所以我放弃了（有点）。

有一天，在编辑我的一个食谱的食谱卡片时，我注意到“忘记简短代码”插件的按钮插入器符号在 WPRM 答对了！！！灯泡时刻啊哈，我想我可以使用按钮插入器插件将CTA按钮添加到我的菜谱卡的底部，并获得与wp可口菜谱卡相同的结果。

您可以看到它的作用这里和这里并在上图中。我喜欢它，因为’可自定义以适合您网站的主题和最酷的部分。 无需编码YYYYY ！！！

我在这里看到的唯一缺点是，“忘记简码按钮”插件的更新时间为1年。现在我不是插件专家，但我所知道的是’当插件不定期更新时，这不是一件好事，这意味着插件不存在’t支持。因此，如果您打算在您的站点上使用本教程，请谨慎使用，以在我们等待升级时中止使用。

到目前为止，我已经在我的网站上使用Forget 关于 Shortcodes Plugin超过4个月来满足其他需求而没有出现问题，希望它能一直保持下去，因为它确实使我的生活更加轻松。

另一件事要注意，我在WPRM上尝试了此instagram CTA，因为’s我使用的食谱插件，但我想它可能对wordpress上的其他食谱插件有用。但是，如果您使用的是WORDPRESS博客平台，’t using WP配方制作器（WPRM）还是WP Delicious，我认为您应该看看它们并做出选择，因为根据Casey Markee的说法，如果您是美食博客，则它们是最佳SEO（搜索引擎优化）实践的佼佼者。

如何将Instagram CTA添加到您的食谱卡

STEP 1。下载忘记短代码按钮插件

安装提示*要安装插件，您可能需要在WP admin的upload plugin部分中上传zip文件。上传完成后，请单击安装插件。然后激活插件。有关详细信息，请参阅插件页面上的安装部分。

插件的下载和安装完成后，您将在Wordpress网站的后编辑屏幕上的工具栏上找到一个新按钮。这将显示一个弹出窗口，允许您在帖子/页面中创建一个新按钮。在这种情况下，您的配方卡。

第2步。 下载重新添加文本下划线并调整插件此步骤是可选的，但我将解释为什么您可能希望在本教程的后续内容中进行下载。

步骤3。 如果你没有’t downloaded the WPRM插件你可以这样做这里。如果您已经拥有WPRM或任何其他食谱插件，请转到步骤4

步骤4.插入 WPRM配方卡或任何食谱卡添加到您的帖子中。转到食谱卡的食谱说明部分。您会在此处找到“忘记短代码”按钮。（请参见下图中的红色箭头。）单击以打开按钮编辑窗口。

步骤5。 Click on the text area 和 type in your 呼吁采取行动. Move over to the URL section 和 type the URL to your Instagram的 account.

步骤6。 单击图标按钮以打开图标屏幕。下一步单击下拉菜单，然后选择品牌。然后浏览可用的品牌徽标并选择instagram。选择徽标后，您会注意到默认选择‘ 没有‘ moves to ‘之前‘在第二张图片中。{ 请查看图片中的星号（星号）。} 那指示您要显示Instagram徽标的位置。我通常更喜欢徽标优先出现，所以我先保留它。

您快要准备好了。现在让’s style the button.

步骤7。 样式按钮

一种。按钮的颜色

更改按钮的颜色并自定义以匹配您的主题。单击颜色按钮，然后通过插入颜色的颜色代码或使用光标来更改颜色，直到获得所需的颜色

b。按钮的形状

点击下拉菜单，其中包含‘Flat’作为其默认形状。如果希望放平，则可以跳过此部分，然后转到尺寸。如果需要其他形状，请单击它以打开下拉菜单，然后选择所需的形状。请参阅下图的A节。

C。按钮尺寸

接下来，单击下拉菜单选择您喜欢的尺寸。按钮的大小从小到大。我建议中型或大型。随意选择您喜欢的尺寸。请参阅下图的B部分

单击更新，然后保存您的帖子并预览您的帖子。您会在配方卡上看到CTA。参见下图。左边是我们刚创建的没有编码的CTA，右边是Pinch of Yum ’我尝试复制的食谱。

现在有一点障碍。我们的新作品没有’没有Instagram句柄或标签超级链接。与漂亮的模型不同，我们只是尝试复制？。因此，我们的读者可能不知道他们应该单击该按钮来转到Instagram，还是该按钮可以在任何地方使用。

唯一的选择是添加‘click 这里’到我没有的CTA按钮’非常喜欢，所以我决定检查是否可以在单词下划线以创建伪超链接。不幸的是，我发现WordPress删除了下划线，并在其先前的更新之一中证明了其合理性，但是看起来有些插件可以完成任务，’s where the plugin 重新添加下划线并说明理由进来

步骤8。 下载并激活“重新添加文本下划线并对齐”插件后，下划线符号将出现在您的wordpress编辑器的工具栏上。它也将在您的食谱说明部分中显示 WPRM 食谱卡。

要为您的单词添加一个伪超链接，您将要编辑刚创建的按钮，以在要超链接的单词下划线（在本例中为@mydiasporakitchen和#mydiasporakitchen）

编辑按钮以添加伪超链接

单击按钮，笔将出现x。注意：请勿单击笔，只是将光标移至要加下划线的单词上，将其突出显示，然后单击下划线符号对其下划线。单击更新并关闭，然后完成。