如何在WordPress中添加“跳转到食谱”按钮(2种简单方法)

11/11/2023

为何在美食博客文章中添加“跳转到食谱”按钮?

并不是每一个食谱文章都需要“跳转到食谱”按钮,但对于那些在食谱说明前有大量内容的博客,这个功能能够带来很大好处。许多食谱网站在进入步骤前,会介绍食谱的背景故事、个人轶事或一些有用的烹饪技巧。这有助于加强与读者的联系。然而,我们需要考虑到,许多用户可能只是想要找到食谱本身。他们可能对背景故事不感兴趣,只想马上下厨。添加一个“跳转到食谱”按钮为这些用户提供了一种快捷方式,可以直接跳到他们感兴趣的内容。这不仅可以提升用户体验,还可能延长访客的停留时间,提高页面浏览量,减少跳出率。

添加“跳转到食谱”按钮的两种简便方法

我们将演示使用插件和自定义代码两种方法添加“跳转到食谱”按钮:
方法一:使用WP Tasty添加“跳转到食谱”按钮(推荐)
方法二:使用自定义代码免费添加“跳转到食谱”按钮
此外,我们还将提供一些提升您美食博客用户体验的小贴士。

方法一:使用WP Tasty添加“跳转到食谱”按钮(推荐)

在WordPress中添加“跳转到食谱”按钮的最简便方法是使用WP Tasty。这个食谱卡插件因其丰富的功能广受美食博主欢迎,它不光能添加“跳转到食谱”按钮,还能让你的食谱可打印,并轻松转换为用户偏好的计量单位。此外,你还能以清晰有序的方式添加营养数据、烹饪时间、份量大小和用户评分。虽然WP Tasty没有免费版本,但对于想要通过美食博客盈利的人来说,这是一个非常值得的投资。购买后,根据指示安装插件并激活。之后,在WP Tasty的仪表盘中,输入激活码并选择需要激活的插件。默认情况下,“跳转到食谱”和“打印食谱”按钮都是勾选启用的,你可以通过设置更改按钮的样式。

方法二:使用自定义代码免费添加“跳转到食谱”按钮

手动添加“跳转到食谱”按钮对于初学者来说听起来可能有些吓人,但不用担心,我们会逐步引导您完成每一步。如果这是您第一次为WordPress添加自定义代码,我们建议使用WPCode这类代码片段插件,确保在不直接编辑主题文件的情况下安全插入代码。该插件有免费版本,适合预算有限的人士。安装WPCode后,依次添加PHP代码片段和CSS代码片段,分别实现按钮功能和样式。在文章的食谱部分添加#recipe锚点,就可实现按钮的跳转功能。

提升美食博客用户体验的小贴士

除了“跳转到食谱”按钮之外,还有其他的WordPress设计元素可以优化您的美食博客。比如,在文章中高亮显示重要信息或烹饪技巧,添加脚注以更详细地说明某个步骤或成分。此外,由于很多用户会在手机或平板上浏览您的食谱,确保网站的移动友好性很重要。最后,面包屑导航链接可以改善网站导航,这些位于页面顶部的小链接让用户更容易找到自己在网站结构中的当前位置并返回先前浏览的内容。



Related Posts

  • 2025-02-16
  • WordPress 教学

你是否想过,能不能用更引人注目的方式取代WooCommerce中基本的促销徽章?答案是肯定的!通过自定义产品徽章,你可以在在线商店中突出新产品、折扣商品或限时优惠。在这篇文章中,我们将展示给你两个简单的方法,使用强大的插件或添加简单代码来为你的WooCommerce商店添加自定义产品徽章。

閱讀更多
  • 2025-01-18
  • WordPress 教学

我们都知道推荐计划是强大的武器。但要找到真正的品牌代言者并不容易。许多计划吸引的只是想快速赚钱的人,导致非真实的推广,无法有效转化客户。幸好,作为 WooCommerce 商店的店主,您有一个巨大的优势:一群真正喜爱和使用您产品的内置客户群。通过将这些现有客户转化为推广合伙人,您可以释放真实口碑营销的力量。

閱讀更多
  • 2025-01-10
  • WordPress 教学

最近,我们的一位比利时读者在其在线商店中苦于销售增长缓慢。除了其他建议外,我们建议他们在网站上设置Bancontact支付。Bancontact是一种主要在比利时使用的流行支付系统,客户可以通过银行账户进行安全的实时支付。

閱讀更多

{"email":"Email address invalid","url":"Website address invalid","required":"Required field missing"}
>