探索建站和运维乐趣

自定义WordPress主题小图标可用Font Awesome样式工具

我们是不是经常看到有些网站导航菜单前面有一些小图标,这些小图标并不是真图片格式,而是用的Font Awesome样式图标。我们有些主题中是带有这些功能的,如果我们主题没有自带也可以增加这个功能,具体如何引用Font Awesome图标工具样式呢?

这里有两个办法可以实现,一个是直接用插件,一个是用代码。

第一、插件实现

我们可以直接搜索Font Awesome Icons插件安装激活。然后根据需要进行添加到内容、导航中都可以。

第二、代码实现

我们可以下载Font Awesome样式放到我们当前主题对应目录:

文件:https://github.com/FortAwesome/Font-Awesome/zipball/master

然后我们需要在配置文件引用。

// 代码实现 laobuluo.com
add_action( 'wp_enqueue_scripts', 'load_fontawesome_styles' );
function load_fontawesome_styles(){
    global $wp_styles;
    wp_enqueue_style( 'font-awesome', get_template_directory_uri() . '/font-awesome/css/font-awesome.min.css' );
    wp_enqueue_style( 'font-awesome-ie7', get_template_directory_uri() . '/font-awesome/css/font-awesome-ie7.min.css' );
    $wp_styles->add_data( 'font-awesome-ie7', 'conditional', 'lte IE 7' );
}

注意对应引用Font Awesome文件。然后我们可以根据样式来修改需要设置图标。

<i class="icon-camera-retro"></i>

比如这个可以设置照相机的图标。

赞(0)
转载保留:老部落 » 自定义WordPress主题小图标可用Font Awesome样式工具


关注公众号『老蒋朋友圈』

获取更多建站运营运维新知!
互联网创业、前沿技术......