WordPress 插件|Menu Image(汉化版)菜单栏添加CSS图片

广告也精彩

WordPress导航菜单添加个性图标的方法有很多,我通常直接添加 fa fa图标。也就是经常说的fontawesome图标

WordPress 插件|Menu Image(汉化版)菜单栏添加CSS图片
<span><i class="fa fa-list"></i> 经验笔记</span>

注意这里有一些细节建议学习

  1. 图标代码是用<span>标签包裹起来的,这样会避免个别情况下不对齐问题
  2. </i> 后面,有一个空格,这样做的原因是图标和文字不会太拥挤
  3. 具体要用什么图标,可以到http://fontawesome.dashgame.com/ 官网去查找即可,将自己喜欢的图标代码替换即可
  4. <span><i class=”fa fa-图标代码”></i> 菜单名称</span>

这种方法适合很多网站,都是这个原理,只要您的网站支持fontawesome图标就行。

不过,今天偶然又看到一个可以在导航菜单文字前添加图片的WordPress插件,安装插件后,会在菜单设置面板中添加上传图片的选项,并可以设置两张不同的图片用于鼠标 Over/ out,如图:

WordPress 插件|Menu Image(汉化版)菜单栏添加CSS图片

与添加字体图标异曲同工,不过却没有字体图标显示效果好,胜在方便,对于新手来说更简单。

这个是汉化版的,安装后不建议升级,升级后汉化失效!失效!失效!


WordPress 插件|Menu Image(汉化版)菜单栏添加CSS图片本站下载绝不收费,输入验证码后查看
验证码:
请关注本站微信公众号,回复“验证码”,获取验证码。在微信里搜索“知不识”或者“zhibushi”或者微信扫描右侧二维码都可以关注本站微信公众号。

广告也精彩
版权声明:zhibushi 发表于 2020-07-15 16:04:05。
转载请注明:WordPress 插件|Menu Image(汉化版)菜单栏添加CSS图片 | 知不识
广告也精彩

暂无评论

暂无评论...