提醒:本文最后更新于 193 天前,其中某些信息可能已经过时,请谨慎使用!
你似乎正在查看一篇很久远的文章。
为了你这样的访客,我特地保留了我的历史博文。不要笑话过去的我,用温柔的目光看下去吧。

首页 > 网站 > 在WordPress博客菜单上添加动态图标

添加图标

添加代码

首先在主题的头文件引用font-awesome.css

<link rel="stylesheet" href="https://code.bdstatic.com/npm/font-awesome@4.7.0/css/font-awesome.min.css">

食用

首先去这个网址:Fontawesome 中文网寻找图标。

在WordPress博客菜单上添加动态图标插图

找到了想要的之后,点击把复制源码前面的代码全部复制下来(点那个复制源码是没用的哦)

在WordPress博客菜单上添加动态图标插图2

复制完之后,在外观中找到菜单,打开。

在WordPress博客菜单上添加动态图标插图4

选择需要的页面,把刚刚复制的代码粘贴过来(空格后加上文字)

在WordPress博客菜单上添加动态图标插图6
<i class="fa 名称"></i> 文字

动态图标

添加代码

在主题的头文件引用一个CSS,代码如下:

<link rel="stylesheet" href="https://code.bdstatic.com/npm/font-awesome-animation@0.2.1/dist/font-awesome-animation.min.css">

食用

首先去到这个网站:Font Awesome Animation,找到自己喜欢的动画

在WordPress博客菜单上添加动态图标插图8

然后如图所示,调用

<span class="faa-parent animated-hover"><i class="fa 图标 动作名"></i> 首页</span>
在WordPress博客菜单上添加动态图标插图10

END

相关文章

   


If you wanna achieve you gotta believe.