移动页眉和页脚菜单以及返回页首按钮

A view of a mountain covered in clouds

这次是为了提高移动屏幕的易用性、

  • 安装页眉菜单
  • 安装页脚菜单
  • 安装返回顶部按钮

这篇文章主要介绍了添加插件的三个要点

页面语言切换

使用 WP Mobile Menu 安装页眉菜单

已添加 WP 移动菜单插件,用于安装页眉菜单。

该插件允许您在免费框架中设置三种类型的菜单。

  • 标题菜单
  • 左侧菜单
  • 右侧菜单

底部菜单为收费范围。

可以进行详细的设置,因此我将逐一检查每个设置。完成伪全局菜单内容的输入后,就可以在移动设备上将其隐藏。

可以添加固定页面、类别、标签和链接。似乎无法自由添加档案、其他插件的结果等。

启用顶部菜单和右侧菜单。

作为 Google AdSense 的一项措施,顶部菜单不会固定在屏幕上,而是在滚动时消失。广告不显示在第一个显示区域内,因此打开侧边菜单时也不会隐藏广告。

使用 WP Mobile Bottom Menu 安装页脚菜单

已添加 WP 移动按钮菜单插件,用于安装页脚菜单。

到目前为止,已经安装了一个自制的伪脚本菜单。

不过,由于缺乏技术经验,我无法稳定地显示伪页脚菜单。

我再次寻找插件,发现 WP Mobile Botton Menu 似乎很容易使用,于是我安装并配置了它。

手机屏幕上应显示页脚菜单。

但是,当我指定图像而不是图标时,显示就会中断,因此我决定使用 Font Awesome 图标,直到找到原因为止。

WP Front Scroll Top 的返回顶部按钮

页面顶部的返回按钮也无法正常工作,因此安装了 WP Front Scroll Top 插件。

要在 Google reCAPTCHA 和页脚菜单之间取得平衡比较困难,但设置本身却非常简单快捷。

该页面上安装的伪页脚菜单中返回页面顶部的按钮不稳定,不能正常工作或无法工作,因此已将其删除。

安装了 WP Front Scroll Top 插件的按钮运行稳定,滚动停止后显示也会随之消失。

调整 LiteSpeed 缓存设置

WPFront Scroll Top 插件起初也不稳定:即使在 LiteSpeed Cache 插件的页面优化中排除 JavaScript 并在 style.css 中添加 CSS 内容,它仍然无法稳定运行。

最后,通过将 JavaScript 中的 “延迟 JS 加载 “项设置为 “延迟”,实现了稳定运行。

最大限度地使用 LiteSpeed Cache 页面优化功能

2025 年 2 月也达到了 LiteSpeed Cache 插件的页面优化使用上限。尽管只有 21 天。

原因是多方面的。

  • 事实上,为了反映 CSS 调整的结果,UCSS 不止一次被完全删除。
  • 由于每篇文章都用三种语言撰写,因此一天至少要生成 24 个 UCSS。

按照这种速度,很难在所有页面上创建 UCSS。我们的设置是不生成分类页面。检查是否有其他项目可以排除在外。

在 UCSS 生成之前,我无法知道我添加的插件是否能正常工作。我将对各个领域进行细微修改,为下个月(3 月)恢复使用页面优化功能做准备。

Musubi

优化移动屏幕、

  • 标题菜单
  • 页脚菜单
  • 返回顶部按钮

已安装。每个插件都已安装和配置完毕。目前,我要添加到移动屏幕上的项目到此为止,我们将在三月份之前完成调整,届时 LiteSpeed Cache 插件的页面优化功能将恢复使用。

今天中午无法更新,所以晚上更新。我不能在午休时间更新,因为我有个人研究要做。有些日子就是这样。

Comments

发表回复

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