如何在移动设备上隐藏WordPress小工具(初学者友好)

05/25/2024

你是否希望为手机用户隐藏特定的WordPress小工具?

小工具通常显示在网站的侧边栏或页脚上。有时,一个小工具在桌面电脑或笔记本上看起来不错,但在较小的移动设备上效果可能不佳。

在本文中,我们将向你展示如何在不编写任何代码的情况下,隐藏移动设备上的WordPress小工具。

为什么要在移动设备上隐藏WordPress小工具?

你的网站在全尺寸电脑屏幕上可能看起来很棒,但这并不一定意味着它在较小的屏幕上也会看起来很好。

即使当你查看你的WordPress站点的移动版本时,布局没有立即看起来很混乱,也一定要滚动到最底部查看。

在大多数响应式WordPress主题中,小工具会根据访问者的屏幕尺寸出现在不同的位置。通常,WordPress主题会将小工具移动到页面的最底部。

让我们看看一个例子。

下图显示了一个网站在桌面电脑上的外观。可以看到,搜索小工具出现在侧边栏的顶部。

然而,当在智能手机上查看时,那个侧边栏的小工具会出现在内容的下方。

这意味着访问者需要滚动到页面的最底部才能搜索你的博客文章、产品或其他内容。

更糟糕的是,有时这种行为会导致两个相同的小工具并排出现。

例如,许多WordPress博客所有者在侧边栏和页脚中都放置了联系信息小工具。如果这些小工具移动,移动访问者可能会看到相同的小工具并排出现。

话虽如此,让我们看看你如何能够轻松地在移动设备上隐藏一个WordPress小工具。

如何在移动设备上隐藏WordPress小工具

隐藏移动用户小工具最简单的方法是使用Widget Options插件。这个插件让你可以根据日期、用户角色、设备等显示不同的小工具。

首先,你需要安装并激活Widget Options插件。有关详细信息,请参阅我们关于如何安装WordPress插件的分步指南。

激活后,你需要进入WordPress仪表盘的外观 » 小工具页面。

在这个页面,你会看到你添加到你WordPress网站的所有小工具。

要编辑一个小工具,只需点击它的名字。

在小工具的设置中,你会看到一些新的部分,这些部分是由Widget Options插件添加的。

首先,点击小手机图标,并确保‘隐藏/显示’下拉菜单显示‘在选中的设备上隐藏’。

然后,简单地选中你希望隐藏小工具的每个设备。

你通常希望勾选‘平板电脑’和‘手机’旁边的框。

然后,点击‘保存’按钮来存储你的更改。

现在,用移动设备访问你的网站。小工具将不再出现在小工具区域。

如何在WordPress中制作小工具的移动版本

有时,你可能希望向移动访客显示一个版本的小工具,而向桌面用户显示另一个版本。

例如,你可能希望在桌面上显示你最近的五篇文章,但在移动设备上只显示三篇,以免屏幕显得过于混乱。

为此,你只需要在你的网站上添加两个单独的最近文章小工具。有关更多信息,请参阅我们关于如何添加WordPress小工具的分步指南。

然后,你可以配置一个小工具在桌面电脑上显示,另一个则在移动设备上显示。

首先,打开你想要向桌面用户显示的小工具。然后,点击小手机图标,并确保‘隐藏/显示’下拉菜单设置为‘在选中的设备上隐藏’。

之后,勾选‘平板电脑’和‘手机’旁边的框。

现在,这个小工具只会出现在使用桌面电脑的访问者面前。

接下来,你可以对这个小工具进行任何更改。例如,我们在‘显示文章数’框中输入‘5’。

完成后,不要忘记按‘保存’按钮保存你的设置。

之后,你可以制作第二个专门用于移动设备的小工具。

简单地重复上述相同的过程,但这次勾选‘桌面’旁边的框以在桌面设备上隐藏小工具。

现在,你可以对你的移动小工具进行任何更改。例如,你可能在‘显示文章数’框中输入‘3’。

像往常一样,完成后点击‘保存’按钮。现在你有了桌面版本和移动版本的同一个小工具。

我们希望本文能帮助你学习如何在移动设备上隐藏WordPress小工具。你可能还想查看我们的网站最有用的小工具列表,或者查看我们的指南,了解如何在特定页面上显示或隐藏小工具。

如果你喜欢这篇文章,欢迎订阅我们的YouTube频道获取WordPress视频教程。你也可以在Twitter和Facebook上找到我们。



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"}
>