一淘邀请码:JAG42 手机安装一淘,输入一淘邀请码,领淘宝全场立减8元福利
一淘新用户输入一淘邀请码领取8元立减福利

1. 一淘是阿里巴巴旗下的返利平台,和淘宝天猫通用的,您可以放心参与

2. 不需要绑卡乱七八糟的绑定和认证,只需两步就可以领淘宝8块钱

3. 安装一淘登陆 输入一淘邀请码: 领取新人8元立减福利 查看图文教程

4. 一淘APP购物每笔都有额外的返利,而且还有一淘专享优惠券

5. 点击看详细教程

由 歪迪资源屋 推送

怎样在wordpress使用Font Awesome字体图标

本文简介 Font Awesome是一款矢量的图标或可以称为字体图标,他的所有属性都可以通过CSS进行设定,包括:大小、颜色、阴影或者其它任何支持的效果。不旦有效解决了图像加载慢的问题,而且好……

Font Awesome是一款矢量的图标或可以称为字体图标,他的所有属性都可以通过CSS进行设定,包括:大小、颜色、阴影或者其它任何支持的效果。不旦有效解决了图像加载慢的问题,而且好提供了超过5000+的图标方案。

在wordpress使用到fantawesome字体图标的方式有两种。第一种呢,通过wordpress插件安装好fontawesome字体图标插件,就可以直接使用了,第二种方法就是把字体图标的文章载入到我们的wordpress主题中来,合二为一。

安装插件在wordpress插件中搜索Font Awesome 默认选择安装即可
Font Awesome Icons是一款短小精悍的插件,功能只有两个:
一、将Font Awesome的css和字体文件集成到WordPress
二、提供调用图标的shortcode

下面是关于Font Awesome代码集成的方法
关于集成也有两种方案一种是调用第三方的CDN不用占用我们自己的物理空间,直接调用第三方,方便+方便的选择。
第二种是下载官方的文件包到我们的本地然后添加到主题包内,进行手动的集成。

最简单的方式:BootstrapCDN (由MaxCDN提供)

将以下代码粘贴到网页HTML代码的 部分.

<link href="//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">

当新版本发布时,BootstrapCDN需要一点时间来同步到最新版本。稍安勿躁 ?

首先我们要通过官方下载到fontawesome文件包

将font-asesome文件夹直接解压到你主题的根目录下

2. 打开主题的functions.php,添加如下代码

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主要的css文件,还会条件化加载修复ie7的css样式。

3. 大功告成,下面就是使用了,官方推荐的方法是用i标签加class来添加,例如

<i class="fa fa-camera-retro fa-lg"></i>
这篇文章如果帮到了你

如果文章内容或图片资源失效或者您对文章有异议,请留言反馈或点击右下角邮件图标发送邮件说明情况,我们会及时处理,谢谢!
原创宝塔面板开启防盗链的方法详细教程2020-12-27
为了节省建站成本,大多数站长都会选择一些小服务器,在另加CDN、云存储之类的来减轻服务器的压力,但是这类功能大多收费。 如果自己网站的图片都让别人复制图片链接地址,那么自己CDN流量就跑得贼快,花了钱得不到好处。 所以今天无言讲讲宝塔面板怎...
原创wordpress调用当前用户头像的方法2020-12-05
当前用户就是当前登陆者,当你用户登陆怎么才能自动显示用户设定的头像呢,一句代码即可实现,代码如下 <?php global $current_user;get_currentuserinfo();echo get_avatar( $c...
原创马保国邀视频通话网站源码2020-11-27
上传源码到服务器之后,打开就是马宝国的微信电话,然后就是闪电五连鞭 源码下载地址 http://pan.53431.com/file/339411-473352640
原创Elementor Pro-v3.0.6破解版下载和安装教程2020-11-21
Elementor是wordpress上一款优秀的页面构建器插件,他可以在不写任何代码的情况下,使用可视化的拖曳来做出一款你喜欢的网站页面。Elementor Pro则是他的高级版本,解锁了所有Elementor的收费功能。 Element...
原创Typecho博客主题–joe_theme免费下载2020-11-21
主题开源免费,并且代码里写上了注释,如果需要学习可以直接看源码 基于 BootStrap-gird框,一站响应式,支持大屏,IPad, 手机 (响应式还在开发中) 使用 Pjax 插件,传统页面跳转,不会刷新网站,无感切换页面 使用 smo...
原创修改wordpress博客单篇文章的ID的方法2020-09-04
本文介绍修改wordpress博客单篇文章的ID的方法,在很多时候,某些情况下,我们需要将某篇文章换一个ID来达到我们特殊的需求,比如小胖很早前就将一篇文章删除了,现在发现该文收录良好排名还不错,但点开提示404不存在,真是太浪费这个资源了...
转载WordPress数据库备份管理插件:WP-DBManager 汉化2020-08-16
通过WP-DBManager插件可以管理您的WordPress数据库。 允许您优化数据库、修复数据库、备份数据库、还原数据库、删除备份数据库、删除/清空表以及运行选定的查询。 并可自动备份、优化和修复数据库。 其它有相似功能的插件只能备份数...
原创WordPress付费模板:RiPro7.0无授权破解修复版免费分享2020-07-26
源码介绍 V7.1.0 2020-06-22 最新 重新优化后台设置选项,新增首页幻灯片可以自定义高度选项,主题设置-首页设置----幻灯片模块,自定义高度 默认400 新增友情链接模式选择,可以只在首页显示友情链接,也可以在全站都展示友情...
原创WordPress付费主题 : JustNews v5.7.3免授权破解版免费下载2020-07-26
JustNews主题专为博客、自媒体、资讯类的网站设计开发,自适应兼容手机、平板设备,支持前端用户中心,可以前端发布/投稿文章,同时主题支持专题功能,可以添加文章专题。 主题介绍: JustNews是一款专为博客、自媒体、资讯类的网站设计开...
原创WordPress大前端主题DUX6.4版本主题下载2020-05-30
DUX主题是一款经典的wordpress主题,现在更新又来了一波,更新到了DUX6.4版本,本次更新功能点较多,也着实耗费了一番心力,且个个备受很多用户的期待。 DUX6.4值得一提的功能:百度收录 百度收录功能基本是国内站长必备,且前几天...
原创日主题RiPro v6.6去授权破解版免费分享2020-05-28
全新发布,更加专业,资源,素材,源码站运营首选,支付宝原生/当面付、微信扫码/H5支付、码支付、虎皮椒、PAYJS。QQ/微信/微博一键登录,付费下载、付费查看、支持卡密、会员、推广佣金、作者佣金、前端发布资源等。
原创wordpress给主题调用今日(最近24小时)最新发布文章数量2020-03-08
其实标题中写着调用今日最新发布文章数量是不准确的,因为1天为24小时,调用只能按时刻调用24小时,它的计数方式是以当前时间为准,所以是调用当前时间向前推24才对,不必计较了,因为时间依然在往后推移呀。。。 获取最近24小时发布的文章数 /*...

评论 抢沙发


觉得文章有用就打赏一下文章作者

微信扫一扫打赏