WordPress怎么给导航菜单添加个性小图标

WordPress怎么给导航菜单添加个性小图标

3月 28, 2019 阅读 528 字数 574 评论 0 喜欢 0

WordPress怎么给导航菜单添加个性小图标 你是否还在为别人导航模板上有小图标而发愁?为什么别人的导航看起来比自己的要美腻?下面来说说WordPress如何给导航菜单添加个性小图标: 步骤一:WP后台–插件–安装插件页面搜索:Font Awesome 4 Menus,下载安装并启用。 步骤二:到这里找到你需要的图标 http://fontawesome.io/icons/,

比如我们要这个home图标(如下图)

IMG_256

步骤三:找到合适的图标,点击图标后进入新页面会看到类似如下的标签,图中的i标签比较长,我们只需要提取出我们需要的部分。

IMG_256

步骤四:WP后台—外观—菜单,进入菜单设置页面,选择并编辑一个菜单项,也可以直接在仪表盘中自定义您的站点。 由于模板的不同,后台菜单位置添加方式不同, 小邓具体列出了两种情况如下: 情况一:菜单栏中没有CSS栏

IMG_256

情况二:菜单栏中有CSS栏 设置完后,请前往前端查看是否设置成功。如若失败了,请查看后台是否开启了缓存。

IMG_256

总结: 由于WP很多模板的导航都是封装调用,导致在代码中无法准确的找到导航修改位置。WP的好处在于插件特别多,使用插件能节省不少时间并且有效的解决问题。其次,网站的美观度是影响跳出率的致命因素,作为用户进入网站映入眼帘的导航栏,一个具有观赏价值的导航能够让用户觉得网站做的很用心,设置导航时要与网站背景色相匹配。

发表评论

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