如何在移动设备上隐藏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

  • 2024-12-12
  • WordPress 教学

多语言表单有助于与全球观众沟通,使您的网站更易于使用,并吸引更多用户。本文介绍了如何使用WPForms和Formidable Forms插件在WordPress中创建多语言表单,以帮助您轻松实现这一目标。

閱讀更多
  • 2024-10-21
  • WordPress 教学

如果您在WordPress管理区域或其他地方遇到‘jQuery未定义’错误,不必担心,这是一个常见的问题。本文为您介绍了该错误的原因以及六种解决方法,以便让您的网站恢复正常运行。

閱讀更多
  • 2024-10-17
  • WordPress 教学

越来越多的人倾向于使用语音搜索而不是在搜索栏中输入关键词。语音搜索被认为是在线交互的未来,各种设备上数百万人每天都在使用它。与通过普通SEO优化网站一样,将网站适配语音搜索同样重要。在本文中,我们将深入探讨为什么语音搜索SEO如此重要,以及如何优化您的WordPress网站以捕获这些语音搜索。

閱讀更多

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