VPS参考测评推荐
专注分享VPS主机优惠信息
衡天云优惠活动
新天域互联优惠活动
wexlayer优惠活动
最新

如何在移动设备上隐藏WordPress小部件(初学者容易)

主机参考:VPS测评参考推荐/专注分享VPS服务器优惠信息!若您是商家可以在本站进行投稿,查看详情!此外我们还提供软文收录、PayPal代付、广告赞助等服务,查看详情!
我们发布的部分优惠活动文章可能存在时效性,购买时建议在本站搜索商家名称可查看相关文章充分了解该商家!若非中文页面可使用Edge浏览器同步翻译!PayPal代付/收录合作

为移动用户隐藏某些WordPress小部件?

小部件是动态内容,通常出现在网站的侧边栏或页脚中。 小部件在台式计算机和笔记本电脑上可能看起来不错,但在小型移动设备上却不好。

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

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

仅仅因为您的网站布局在全尺寸的计算机屏幕上看起来不错,这并不意味着它会在小屏幕上自动看起来不错。

查看WordPress网站的移动版本时,布局看起来很混乱。 在这种情况下,一种解决方案是隐藏智能手机或平板电脑上的某些小部件。

在移动设备上测试您的网站时,即使布局看起来不会立即混乱,始终始终滚动到网站的底部。

最响应的WordPress主题在不同位置显示小部件,具体取决于访问者屏幕的大小。 通常,WordPress主题将小部件移至页面底部。

让我们看看一个示例。

以下图像显示了台式计算机上的网站的样子。 如您所见,搜索小部件出现在侧边栏的顶部。

但是,在智能手机上,侧边栏窗口小部件出现在内容下方。

这意味着访问者需要滚动到页面底部进行搜索。

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

例如,许多WordPress博客所有者的侧边栏和页脚都有“最近的帖子”小部件。 当这些小部件移动时,移动访问者可以看到相同的窗口小部件彼此相邻。

,所以让我们看一下如何轻松隐藏WordPress移动设备上的小部件。

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

隐藏移动用户隐藏小部件的最简单方法是使用小部件选项插件。 该插件允许您根据日期,用户角色,设备等查看不同的小部件。

首先,您必须安装和激活窗口小部件选项插件。 有关更多信息,请参阅我们有关如何安装WordPress插件的分步指南。

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

此屏幕显示已添加到WordPress网站的所有小部件。

要编辑小部件,请单击名称。

窗口小部件设置显示了一些由小部件选项插件添加的新部分。

首先,单击“小移动”图标,并确保所选设备隐藏在视图/显示下拉列表中。 然后检查要隐藏小部件的每个设备。

通常,您需要选择平板电脑和移动设备旁边的复选框。

,然后单击“保存”按钮以保存更改。

现在,使用您的移动设备访问WordPress网站。 小部件在小部件区域将不再可见。

如何在WordPress中创建窗口小部件的移动版本

有时,建议向移动访问者展示一个版本的窗口版本,以及向桌面用户展示一个不同的版本。

例如,您可以在桌面设备上查看最后五个帖子,但是在移动设备上,只有三个帖子,因此屏幕看起来不会混乱。

要这样做,只需在您的网站上添加两个最近的帖子小部件即可。 有关更多信息,请参阅我们有关如何在WordPress中添加小部件的分步指南。

您可以配置小部件以在桌面计算机上显示,以及在移动设备上显示的另一个小部件。

首先,打开要查看桌面用户的小部件。 接下来,单击小移动图标以确保您隐藏/显示下拉列表集设置以隐藏选定的设备。

之后,选择平板电脑和移动设备旁边的复选框。

这个小部件仅对使用台式计算机的访问者可见。

您可以更改小部件。 例如,在要显示的帖子数量旁边的框中输入5。

完成后,不要忘记按“保存”按钮以保存设置。

之后,可以设置物质的第二和小部分,并且使用了有限数量的转移。

只需重复上面的相同过程,但是这次选择“桌面”旁边的框以隐藏桌面设备上的小部件。

您可以更改移动小部件。 例如,您可以输入3以获取显示框的帖子数。

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

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

有关PHP速度学习视频(从初学者学习)的免费教程

如何学习PHP? 如何开始PHP? 我在哪里可以学习PHP? 如何立即学习PHP? 不用担心,这是PHP速度学习教程(向初学者学习)。需要它的朋友可以保存和下载并学习它!

下载

这几篇文章你可能也喜欢:

本文由主机参考刊发,转载请注明:如何在移动设备上隐藏WordPress小部件(初学者容易) https://zhujicankao.com/147161.html

【腾讯云】领8888元采购礼包,抢爆款云服务器 每月 9元起,个人开发者加享折上折!
打赏
转载请注明原文链接:主机参考 » 如何在移动设备上隐藏WordPress小部件(初学者容易)
主机参考仅做资料收集,不对商家任何信息及交易做信用担保,购买前请注意风险,有交易纠纷请自行解决!请查阅:特别声明

评论 抢沙发

评论前必须登录!