如何使用 SlickNav 为移动用户优化 WordPress 菜单

菜单是一个导航工具,帮助访问者及时找到他们要找的东西。 如今,大多数网站的反应是自然的,但您可能需要更进一步来帮助移动用户。 而斯利克纳夫插件是完美的工作。

这样,您就可以在几分钟内构建高度可自定义的移动友好菜单。 这些不仅有助于确保您的网站易于导航,而且还有助于使网站看起来更好。 还有一个选项,添加一个标志到菜单,以改善品牌。

今天,我将向您展示如何在 WordPress 中创建时尚的快速纳夫菜单。

为什么移动导航菜单很重要?

截至 2021 年 5 月,移动流量占了上半部分。 占互联网流量的55.31% 它每年都在增长。 因此,确保您的网站已为移动访问者做好准备至关重要。

移动用户在网站上面临的最大问题之一是菜单。 让我们面对现实吧,有时它们只是不适合移动设备的大小,这会使浏览网站变得困难。 为移动用户自定义菜单是改善体验的好方法。

此外,菜单是一个很好的营销领域,因为几乎每个用户都可以与之交互。

新网站开发人员犯的最大错误之一是不要为内容打上品牌。 品牌的力量是大公司保持主导地位的方式,向菜单添加徽标是做到这一点的一种方式。 它有助于提高品牌知名度,并展示您的创意方面。

要自定义菜单,请单击 移动友好的文字新闻网站.

如何使用 SlickNav 自定义 WordPress 菜单

第 1 步:安装光滑导航

酒店 光滑导航移动菜单 插件是一个非常简单的自定义工具,用于WordPress菜单。 这还允许您完全自定义菜单的外观、创建子菜单或添加搜索字段。 最重要的是,它易于使用。

在短短几分钟内,有一个功能齐全的WordPress菜单,准备给游客留下深刻印象。

单击左侧管理面板中的插件[新規追加]让我们从选择一个选项开始。

在可用的搜索框中搜索 SlickNav 移动菜单。 这将向上拉其他插件,这些插件可能很有用。

光滑导航移动菜单

向下滚动,直到找到 SlickNav 移动菜单插件,[今すぐインストール]单击该按钮以激活插件。

立即安装

第 2 步:查找菜单 CSS 类或菜单 ID

在开始实际自定义过程之前,您需要特定信息来告诉 SlickNav 要编辑的菜单。 插件允许您使用菜单 CSS 类或菜单 ID。

最简单的方法是获取菜单 ID,此处将对此进行详细说明。

单击“外观”,然后选择“菜单”选项。

菜单

使用顶部的下拉列表选择要编辑的菜单。 单击“选择”按钮。

选择

当您查看页面上的 URL 时,最后一个数字是菜单 ID。 请复制它,以便进行下一步。

菜单 ID

如果要编辑多个菜单,请重复此过程以获取所需的菜单 ID。

在继续之前,请务必了解,插件自定义页仅更改菜单的外观。 要实际添加新项,请单击 文字新闻菜单区域.

第 3 步:自定义菜单

菜单 ID 准备就绪后,即可开始自定义。 这个过程非常简单,但不幸的是,插件没有预览选项。 因此,实际看到它的唯一方法是单击“更新”按钮。

唯一的问题是,它出现在实时网站上,因此不建议一次进行一次更改。 相反,最好检查设置,然后查看成品的外观。 然后,您可以返回进行编辑。

如果您的网站很忙,我们建议您在办公时间以外执行此操作。

要开始使用,请单击[設定],然后单击[SlickNavメニュー]选择一个选项。

光滑导航菜单

首先,将菜单 ID 粘贴到第一个文本框中。 请注意,如果有多个菜单,则可以用逗号分隔它们,但它们都显示相同。 但是,这是保持网站上所有内容一致的好方法。

粘贴 ID

配置列表相当全面,因此我将讨论主要功能。 但是,我们强烈建议您根据需要编辑每个设置,以获得最佳效果。

[画像ロゴ]使用选项上传网站徽标的图像。 该插件建议图像深度为 45px,宽度可达 200px。

在下面,有一个替代文本选项的徽标,所以一定要填写它。

菜单徽标

搜索字段显示的内容是[検索ラベル名]您可以使用选项进行自定义。

搜索字段

选择要使用的动画库。 jquery 或速度。 如果你不熟悉这些,jquery是非常常见的,它完美地适用于几乎任何网站。 密度使用相同的查询 API,但速度要快得多。

动画库

完成所有设置并完全满意后,[更新]单击该按钮。

更新

更改将应用于网站的菜单,以便您可以查看。 如果您对外观不满意,可以返回到“设置”页进行调整。

祝贺您在 SlickNav 上制作了移动友好的菜单。

使整个网站移动友好

在 WordPress 中创建移动导航菜单只是运行移动友好网站的一个方面。

例如,你有没有想过一些按钮有多近? 也许不是,但你应该。 对于拥有大手指的移动用户来说,这可能是一场噩梦。

最终结果是他们意外地点击了错误的按钮,这是让他们离开的可靠方法。

即使按钮响应,将按钮放在非常接近的位置也会损害其用途。

要考虑的另一件事是,侧边栏是否需要在移动设备上显示。 由于屏幕非常小,强制访问者存在边栏可能会占用屏幕空间。 它甚至会导致一些讨厌的页面和帖子。

简而言之,仅仅依靠响应式设计是不够的。 您需要考虑一些细节,以及它们如何适合您的整个移动体验。

帮助访问者查找内容

将访问者带到您的帖子或页面已经够难了。 而充分利用这些访问将成功的网站与失败分开。

菜单在第一印象中起着重要的作用。

客户希望在几秒钟内找到他们要找的东西,这是为导航菜单设计的。 因此,在创建易于导航的网站时,这应该是一个优先事项。 这是新网站的最大问题之一,许多开发人员经常忘记移动用户。

使用响应式工具很棒,但有时是不够的。 相反,您必须手动编辑和自定义特定元素,以获得最佳体验。

您认为默认的 WordPress 导航菜单在移动设备上看起来很棒吗? 觉得自定义选项易于使用吗?

给TA打赏
共{{data.count}}人
人已打赏
WordPress 教程

如何成为WordPress开发人员,并在2022年闪耀

2022-8-12 23:12:35

WordPress 教程

如何建立股票市场网站以吸引受众

2022-8-13 2:15:39

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索