修复移动设备上不显示的 WordPress 菜单的 3 种方法

已发表: 2022-11-14

如果您使用的是 2015 年或更早创建的 WordPress 主题,则您的主题可能未针对移动视图进行优化。 这可能会导致您的菜单无法在移动设备上正确显示。 您可以采取一些措施来解决此问题: 1. 检查您的主题是否有移动专用版本。 如果是这样,请切换到该版本并查看您的菜单是否正确显示。 2. 如果您的主题没有特定于移动设备的版本,请尝试更改主题代码中的“viewport”设置。 这将告诉浏览器如何针对不同的屏幕尺寸缩放您的内容。 3. 如果这些选项都不起作用,您可能需要购买针对移动视图优化的新 WordPress 主题。

如何更改 WordPress 移动视图中的菜单?

图片来源:imgur

要更改您的移动菜单样式,请登录您的 WordPress 仪表板,然后导航至外观 > 自定义 > 标题 > 移动菜单。 您需要的样式将通过下拉菜单进行选择。

要创建不同的移动菜单,您可以使用免费插件。 WP Mobile Menu 插件可在此处下载。 该视频由 Liquid Web 制作 - 托管领域最有帮助的人。 您现在可以使用代码 WordPress33 在 WordPress33 上获得折扣。 这是一个移动友好且响应迅速的菜单,提供免费和付费版本。 同时,我将向您介绍如何立即使用免费版本。 免费版本带有大量附加功能,但我将向您展示如何立即开始使用。

如果您转到外观部分并寻找选项,您可能会找到一位相当慷慨的作者,为您提供此选项。 我的最新版本的 WordPress 与该产品兼容,有 60,000 次活跃安装,超过 40,000 条评论,今天有超过 60,000 名用户安装。 观看此视频时,请确保您看到的是当前日期和时间。 这是一个探索性问题,可让您确认您是否愿意向他们提供数据。 你有完全的自由。 当我们打开它时,颜色似乎是我们所有的选择,我们可以按照我们喜欢的任何顺序来操纵它们。 呵呵,呵呵:-/ 为此,请单击“颜色”返回此菜单,然后向下滚动到右侧菜单区域而不是左侧。

当您单击“添加菜单”时,它可能是您在移动菜单中使用的导航。 当您对插件有任何疑问时,您应该首先联系开发人员。 每天、每周和每月,Liquid Web 专家都可以为您提供及时的 WordPress 解答。

在移动设备上隐藏菜单

如果你想隐藏自定义菜单或其他移动菜单,你必须在你的菜单项中包含类'mobile-hide'。

如何强制更新 WordPress 主题?

图片来源:pinimg

要制作您的 WordPress 主题,请转到外观。 通知横幅将显示在所有有可用更新的主题中。 当您单击要升级的主题时,会出现一条消息,提示“立即更新”。

使您的 WordPress 网站上的代码保持最新至关重要。 如果您不利用更新,您的网站可能会变得容易受到攻击。 您应该始终保持网站最新的三个主要原因:这是您的网站,对您很重要,而且很有用。 本指南将教您如何安全地执行更新。 至关重要的是,所有 WordPress 主题、插件和 WordPress 核心功能在可用后立即更新。 必须更新主题以与最新版本的 WordPress 保持兼容。 开发人员还更新它们以利用添加到它们的任何新功能。

如果您要进行任何更新,请备份您的网站。 使用 Kinsta 托管,您每天都可以访问您网站的实时自动备份。 您可以选择在更新之前执行手动备份和自动备份。 因此,我建议您这样做以确保您的站点自上次备份以来保持安全。 如果您的托管服务提供商不提供简单的备份,您将需要使用备份插件。 您希望确保您网站的访问者不会受到任何停机时间的负面影响。 当一天中(或一周中的某一天)的访问者数量低于平均水平时,最好在一天中的任何时间(或一周中的任何一天)密切关注您的网站。

您可以在暂存站点上测试您的站点,该站点与您的实时站点位于同一台服务器上。 URL https://staging-site-name.cloud 是您的暂存站点的名称; 它将需要您的实时站点的副本进行暂存。 然后您将被带到暂存站点,您可以在其中登录、更新和测试该站点。 创建一个子 WordPress 主题并上传您的 WordPress 定制将是更新您的定制主题的最安全方式。 您可能已经更改了子主题以适合您的父主题。 确保您已准确确定所做的更改以及它们如何与父主题交互。 当您更新主题时,您从主题目录或主题供应商处对主题所做的任何更改都将丢失。

通过创建第三方主题的子版本,您可以对其进行适当的编辑。 您可以创建一个与父主题协同工作的子主题来创建网站。 在这种情况下,它将设计元素和功能添加到父主题,而不影响其功能或设计元素。 可以通过对父主题中的文件使用相同的名称来覆盖子主题中的文件。 如果您的主题是为 WooCommerce 定制的,它可能已经集成。 仅当您已经在使用版本 3 时才需要这样做。如果您已经在使用版本 3,则可以这样做。

如果您将额外的模板文件添加到您的主题中,通常会包含这些文件。 第一步是创建一个子主题,然后复制它的所有模板文件。 如果您使用最新的主题,您的站点将更加安全并且您将受益于可能添加的任何新功能。 在运行更新之前,请确保它已经安装在您的暂存站点上; 它应该在尝试运行更新之前完成。 仅当您想对系统进行更改时才应执行此操作。 首先,先制作一个子主题,然后添加您所做或需要的任何更改。

如何更改您的 WordPress 主题

由于 WordPress 主题有多种样式和颜色可供选择,因此很难找到适合您网站的主题。 WordPress 主题目录是搜索主题的绝佳起点。 如果您喜欢要激活的主题,请转到“激活”页面。 因此,您必须更改网站的主题。 一旦主题被激活,您可以在您网站的主页上查看新主题。 如果您想对主题进行任何更改,请转到外观。 通过选择激活按钮,您可以更改主题。


为什么我的 WordPress 网站在移动设备上看起来不一样?

图片来源:粉碎杂志

您可以使用 WordPress 主题定制器预览 WordPress 网站的移动版本。 转到 WordPress 仪表板上的外观以登录您的 WordPress 帐户。 您可以更改屏幕的外观。 在屏幕底部,单击移动图标。 查看网站的移动版本后,您将能够看到它在手机上的外观。

您的 WordPress 网站的移动版本可能与桌面版本不同,因为 WordPress 具有响应式设计。 与界面不吸引人的公司相比,用户更有可能从具有移动友好界面的公司购买。 如果您有这五个原因之一,您的 WordPress 网站在移动设备上可能看起来会有所不同。 无响应的主题将允许移动设备上的用户看到您的网站,就像在台式计算机上一样。 它不像将桌面设置转换为垂直移动屏幕那么简单。 如果您为您的 WordPress 网站选择一个响应式主题,您不会让它在移动设备上看起来很糟糕。 某些插件可能不会响应,因此请检查它们是否响应。

上传前检查媒体文件的大小。 大文件会减慢您网站的加载时间,并且加载时间可能根本不稳定。 通过压缩您的媒体,您将能够提高桌面和移动设备上的页面速度。 要清理您的移动网站,请使用短代码指定要隐藏的元素。 大多数主题已经构建为使您的网站适合移动设备。 如果您的 Jetpack 未启用,则不需要此模块。 通过单击此文件路径,您可以在 WordPress 仪表板上禁用该模块。 如果您的移动网站使用与桌面网站相同的主题,您可以在那里查看。

WordPress 移动菜单不显示

您的 WordPress 移动菜单可能无法显示的潜在原因有几个。 首先,检查您是否安装了移动响应主题。 如果您使用的主题不是移动响应的,那可能就是问题所在。 另一种可能是您的菜单在移动设备上设置为“隐藏”。 要检查这一点,请转到 WordPress 管理员中的外观 >菜单页面,然后查找“在移动设备上隐藏”复选框。 如果已选中,请取消选中它并保存您的更改。 最后,也有可能与您网站上的另一个插件或代码片段发生冲突,导致菜单无法显示。 如果您不确定如何解决该问题,您可以尝试停用所有插件并切换到默认的 WordPress 主题,看看是否能解决问题。 如果是这样,您可以通过一次重新激活一个插件来缩小导致冲突的插件。

手机菜单不显示在您的手机上是什么问题? 检查您的手机上是否安装了以下 CSS:此字体大小为 28 位,字体系列名为 Awesome,颜色名为 #000。 Navigate('click,'menu,'#navigate','title','Menu,'link': 'https://www.google.com/file/d/19vDvgXdRdtES3TQRmiTNh-nav-nav 如果我从PC 或笔记本电脑,我正在查看的窗口较小,我单击汉堡菜单,但没有任何反应,我在移动设备 (iPhone) 上访问该网站,但没有任何反应。如果您的主题是基于儿童的,您可能需要修改 header.php 文件才能运行此测试。如果您希望显示最新版本的主要悉尼主题,则需要对该文件进行一些更改。我的说明是否仍然有效或没关系吗?

为什么 WordPress 移动菜单不起作用?

当移动菜单开始工作时,表示您已停用的插件之一不再处于活动状态。 如果每个插件都被一个一个激活,菜单将恢复,直到完成。 您可以使用此方法确定错误来源并消除任何剩余的插件。 这也可能是由于 Javascript 损坏造成的。

如何修复 WordPress 网站上的无效点击

人们在使用 WordPress 网站时遇到的最常见问题之一是点击无法按预期工作。 FastClick这个原本是为了简化点击事件的库,经常出现这个问题。 FastClick 于 2013 年推出,当时移动流量相对稀少,移动浏览器也不太发达。 FastClick 是早期改进移动用户界面设计的绝佳工具。 WP Engine 不再支持 FastClick。 因此,如果您使用 WP Engine 来托管您的 WordPress 网站,您应该清除您的 WordPress 缓存以确保点击按预期工作。 为此,请转到 WordPress 管理栏并选择“WP 引擎”菜单项,然后单击“清除所有缓存”按钮。 您可以让 WP Engine 自动删除所有 WordPress 站点的存储缓存。

为什么我的菜单没有显示在 WordPress 中?

在 WordPress 仪表板上,转到外观,然后转到菜单。 确保菜单正确显示并且您没有无意中将其删除。 通过单击它,您可以管理您的位置。 确切的屏幕将取决于您的主题,但您应该看到标题菜单或主菜单。

“启用空白页面模板”选项:为什么您的页眉或页脚可能会消失

如果您无法解决 WordPress 网站页眉或页脚消失的问题,您应该禁用“启用空白页面模板”选项。 结果,将加载一个没有主题依赖项的空页面,显示您的页脚和页眉。 如果您想恢复页脚和页眉,您必须禁用“启用空白页面模板”。

如何在 WordPress 上恢复我的菜单?

要修改菜单,请转到定制器并选择它们。 在底部,选择“添加菜单”。 通过单击“创建菜单”,您可以更改新菜单的名称。 在“删除菜单”下,您会在指向新菜单的窗口中找到显示位置。

弹出菜单中的菜单项。 在 WordPress 中创建菜单项

您现在必须创建自己的菜单项。 当您启动导航菜单小部件时,通过单击 + 图标从弹出菜单中选择菜单。
如果您在菜单小部件中选择 + 图标,将出现添加新菜单项弹出菜单。
如果要创建新菜单项或为现有项目命名,请从下拉菜单中选择要使用的类别。
单击“菜单项”小部件中的 + 图标后,从弹出菜单中选择“添加新菜单项”。
您现在必须将您的菜单项链接到它们将显示的页面。 可以通过单击小部件中的 + 图标并选择添加新菜单项来访问添加新菜单项弹出菜单。
从下拉菜单中,输入菜单项的 URL 并选择一个类别。
请链接到您要共享的菜单项。
要添加新项目,请单击“菜单项”小部件中的 + 图标。

WordPress 移动菜单乱序

一些 WordPress 移动菜单乱序,因为它们没有更新到最新版本的 WordPress。 这可能会导致某些插件和主题出现问题。 建议您将 WordPress 安装以及所有插件和主题更新到最新版本。

切换移动菜单

切换移动菜单是移动设备上常用的一种菜单。 它通常是可以单击以打开或关闭菜单的按钮或链接。 菜单可以显示为项目列表、下拉菜单或滑动菜单。