当你使用wordpress建站时,您要为移动用户隐藏特定的WordPress小部件吗?
窗口小部件是动态内容,通常添加到网站侧栏或页脚中。有时,小部件在台式机/笔记本电脑设备上看起来不错,但是您可能希望将其隐藏在移动设备上。
在本文中,我们将向您展示如何有条件地在移动设备上隐藏WordPress小部件(无需编写任何代码)。
注意:在大多数响应式WordPress主题中,侧栏将显示在移动设备上您的内容下方。这就是为什么网站所有者通常希望在移动设备上隐藏某些小部件以加快移动用户的网站速度的原因。
如何在WordPress中隐藏移动设备上的小部件
为了本教程的缘故,我们将在我们的演示站点上隐藏搜索小部件,但是您可以使用它来隐藏任何WordPress小部件。
在我们的演示站点上,搜索小部件显示在侧边栏的顶部,在桌面上看起来不错。
但是,在手机上,侧边栏小部件显示在内容下方而不是旁边:
我们将隐藏“搜索”小部件,使其仅显示在台式机上,而不显示在移动设备上。
注意:在本教程中,术语“台式机”既包括笔记本电脑,也包括常规台式机。
首先,您需要安装并激活Widget Options插件。有关更多详细信息,请参阅有关如何安装WordPress插件的分步指南。
激活后,转到WordPress管理区域中的外观»小部件页面。
在此屏幕上,您将看到活动的窗口小部件放置在网站的窗口小部件就绪区域中。
让我们继续,通过单击小部件的名称来编辑“搜索”小部件:
在窗口小部件设置上,您将看到“窗口小部件选项插件”添加的新部分。在这里,只需单击小型移动图标,然后选择要在其上隐藏小部件的设备。
不要忘记点击“保存”按钮来保存您的更改。
现在,继续并使用移动设备检查您的站点。该小部件将不再出现在您的小部件区域中:
但是,如果您想在桌面设备上隐藏小部件而在移动屏幕上显示该小部件怎么办?
让我们看看如何做到这一点。
如何在WordPress中制作小部件的移动版本
有时,您可能想要为桌面访问者提供一个版本的小部件,为移动访问者提供一个版本。
例如,您可能想在台式机上显示五个最新帖子,但在移动设备上仅显示三个帖子。
使用Widget Options插件也很容易做到。您可以简单地创建两个窗口小部件,并将一个窗口小部件设置为仅在桌面上显示,而另一个窗口小部件仅在移动设备上显示。
首先,添加或打开只想在桌面上显示的小部件。然后,单击小型移动图标。之后,只需选中“平板电脑”和“移动设备”框即可在这些设备上隐藏小部件:
不要忘记按“保存”按钮来保存您的更改。
现在,添加或打开只想在移动设备上显示的小部件。重复相同的过程,但是这次,单击“桌面”复选框以隐藏桌面设备上的窗口小部件:
而已。您现在拥有桌面版和移动版的小部件。