Genericons:又一个Icon Fonts 集合项目( Automattic出品)

6,367
Genericons:又一个Icon Fonts 集合项目( Automattic出品)
  • 4.17 / 5 5
4.17分(6票)
Genericons:又一个Icon Fonts 集合项目( Automattic出品)

之前在《WordPress 开发之使用WordPress 3.8+后台图标(dashicons)》一文中介绍过WordPress 的一个Icon Fonts 项目Dashicons。现在WordPress 的母公司Automattic 也出来个类似的项目Genericons,连项目主页都差不多。

Genericons简介

Icon Font ,或者说Web font是什么不用说了,还不懂的请自行补脑。Genericons是由官网WordPress 的母公司Automattic 开发的一个Icon Font 项目,类似的有Fontello、Font Awesome。

Genericons官网:http://genericons.com

genericons-set-2013

Genericons 之项目引用

针对WordPress 开发者或者独立项目中使用Genericons ,用法跟《WordPress 开发之使用WordPress 3.8+后台图标(dashicons)》中的方法一样,请自行使用之。

针对WordPress 用户,官方出了个插件 Genericon’d,可以借此比较方便在写文章中使用。

该插件使用方法如下:

1、在文章时候为相关选择器使用类似  class= "genericond genericon genericon-tablet"的代码:

1
2
<a class="genericond genericon genericon-tablet" href="http://devework.com/"> 啦啦啦啦啦拉了拉!</a>
<a href="http://devework.com/"><i class="genericond genericon genericon-tablet"></i>  啦啦啦啦啦拉了拉!</a>

或者可以直接使用短代码:

1
<a href="http://devework.com/">[genericon icon=tablet] 啦啦啦啦啦拉了拉!</a>

喵~本文目前有1条留言,欢迎发表评论!

  1. 传说中的沙发
    :

    学习。。

    [回复]

打破沉默,我来发表评论鸟~