主机参考: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中启用GZIP压缩(3种方式)
- PHPCM构建信息发布和管理政府问题网站(建筑政府网站)
- 如何防止文本选择并在WordPress中复制/粘贴(简单)
- 如何找出谁在托管网站(两种方式)(如何判断托管是否正式)
- 如何将示例数据添加到WooCommerce(使用产品图像)
本文由主机参考刊发,转载请注明:如何在移动设备上隐藏WordPress小部件(初学者容易) https://zhujicankao.com/147161.html
评论前必须登录!
注册