您想为移动用户隐藏特定的 WordPress 小部件吗?

小部件是经常显示在网站侧边栏或页脚中的动态内容。有时,小部件在台式计算机或笔记本电脑上可能看起来不错,但在较小的移动设备上则不然。

在本文中,我们将向您展示如何在移动设备上隐藏 WordPress 小部件,而无需编写任何代码。

为什么在 WordPress 中隐藏移动设备上的小部件?

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

即使在查看 WordPress 网站的移动版本时,布局不会立即显得混乱,但始终滚动到最底部也很重要。

在大多数响应式 WordPress 主题中,小部件将根据访问者屏幕的大小显示在不同的位置。通常,WordPress 主题会将小部件移动到桌面上位于页面底部。

让我们看一个例子。

下图显示了站点在台式计算机上的外观。如您所见,搜索小部件出现在侧边栏的顶部。

但是,在智能手机上查看时,侧边栏小部件会出现在内容下方。

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

更糟糕的是,有时这种行为可能会导致两个相同的小部件彼此相邻出现。

例如,许多 WordPress 博客所有者在侧边栏和页脚中放置了“最近的帖子”小部件。如果这些小部件移动,那么移动访问者可能会看到彼此相邻的相同小部件。

话虽如此,让我们看看如何在 WordPress 中轻松隐藏移动设备上的小部件。

如何在 WordPress 中隐藏移动设备上的小部件

T为移动用户隐藏小部件的最简单方法是使用小部件选项插件。该插件可让您根据日期、用户角色、设备等显示不同的小部件。

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

激活后,您需要转到 WordPress 仪表板中的外观 » 小部件页面。

在此屏幕上,您将看到已添加到 WordPress 网站的所有小部件。

要编辑小部件,只需单击其名称即可。

在小部件设置中,您将看到小部件选项插件添加的一些新部分。

首先,点击移动小图标,并确保“隐藏/显示”下拉列表显示“在选中的设备上隐藏”。

之后,只需检查要隐藏小部件的每个设备即可。

您通常需要选中接下来的复选框o“平板电脑”和“手机”。

之后,单击“保存”按钮来存储您的更改。

现在,继续使用移动设备访问您的 WordPress 网站。该小部件将不再出现在小部件区域中。

如何在 WordPress 中制作移动版本的小组件

有时,您可能希望向移动访问者显示小部件的一种版本,而向桌面用户显示不同的版本。

例如,您可能希望在桌面设备上显示最近的 5 篇帖子,但在移动设备上仅显示 3 篇帖子,这样屏幕就不会显得混乱。

为此,您只需将两个单独的“最近的帖子”小部件添加到您的网站即可。有关更多信息,请参阅我们有关如何在 WordPress 中添加小部件的分步指南。

然后,您可以将一个小部件配置为显示在台式计算机上,将另一个小部件配置为显示在移动设备上。

首先,打开小部件您想要向桌面用户显示的内容。然后,单击小移动图标,并确保“隐藏/显示”下拉列表设置为“在选中的设备上隐藏”。

之后,继续选中“平板电脑”和“移动设备”旁边的复选框。

现在,此小部件只会向使用台式计算机的访问者显示。

接下来,您可以对小部件进行任何更改。例如,我们在“要显示的帖子数”旁边的框中输入“5”。

完成后,请不要忘记按“保存”按钮来存储您的设置。

之后,您就可以将第二个小部件设置为仅限移动设备使用。

只需重复上述相同的过程,但这一次,选中“桌面”旁边的框即可隐藏桌面设备上的小部件。

您现在可以对您的移动小部件进行任何更改。例如,您可以在 &# 中输入“3”8216;要显示的帖子数量”框。

与往常一样,完成后点击“保存”。您现在拥有同一小部件​​的桌面版本和移动版本。

我们希望本文能帮助您了解如何在 WordPress 中隐藏移动设备上的小部件。您可能还想查看我们的最佳拖放 WordPress 页面构建器列表,以自定义您的网站或如何在 WordPress 中创建自定义主题而无需编写任何代码。

如果您喜欢这篇文章,请订阅我们的 WordPress 视频教程 YouTube 频道。您还可以在 Twitter 和 Facebook 上找到我们。

By

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注