安严中国SEO博客建站教程 | seo地图 | 博客地图

免插件快捷给网站菜单导航栏添加个性精美图标-安严苏州SEO博客
  • 安严网络!苏州SEO推广团队!
  • 提供seo技术学习教程!百度搜索词推广、seo外包服务。
  • 苏州SEO优化博客,分享网站搭建流程/seo技术教程,
  • 上海seo优化知识,网络营销推广,百度seo快排技术等SEO优化技术。
  • 网站seo服务/企业网站搭建/网站托管seo外包,请点这里网站服务

免插件快捷给网站菜单导航栏添加个性精美图标

wordpross建站教程 安严seo 2017-12-16 22:10:51 396次浏览 已收录 0个评论 扫描二维码

网站导航菜单栏是网站重要的组成部分,其设计关系着网站的可用性和用户体验度。现在很多网站的菜单栏都很单一乏味,作为网站的主导航菜单,我们要多重视网站菜单栏的设计美观度。下面教大家一个技巧—如何给网站菜单栏导航栏添加精美个性小图标。

网站导航栏的精美图标添加展示

怎么样导航栏是不是很漂亮!是不是很想要图片中的效果?其实很简单,让我们开始添加小图标之路吧!

网站导航栏添加精美图标教程步骤一

首先打开这个网站:

http://fontawesome.io/icons/

然后是不是看到了很多图标。我们看中哪一个就点击哪一个。比如我点击一个home图标。

网站导航栏添加精美小图标

然后看到网站下面的那个<i>标签没?就是它<i class=”fas fa-home”></i>

网站导航栏添加精美图标教程步骤二

seo给网站导航菜单栏前添加精美小图标的代码

复制好之后,差不多就是这样的。点击保存菜单就好了。看下实际效果吧!

网站导航栏添加精美图标教程步骤三

返回网站首页看看你的图标添加效果吧!

网站精美导航栏图标添加完整教程

哈哈!这下知道了吧!简单吧!或许有人问那个网站的所有图标我都可以用吗?
其实也不是说所有,差不多98%的吧!最近有代码更新可能会有些代码调用的不一样但是大致不会错,有问题欢迎下方留言,以便苏州SEO的我及时更新!


苏州SEO博客版权所有丨如未注明 , 均为原创丨本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:免插件快捷给网站菜单导航栏添加个性精美图标:https://www.feiheseo.cn/jianzhan/wordpross/725.html
喜欢 (2)
[感谢支持]
分享 (0)
安严seo
关于作者:
2017年入行的一个网站seo优化技术小白。单身也很宅。没有长出倾国倾城的容貌但也迷住万千女人的心;没有拥有富可敌国的财富但也渴望征服世界的经济!

您必须 登录 才能发表评论!