WordPress / WordPress教程

WordPress引入 Font Awesome 6版本的图标

浅时光博客 · 11月27日 · 2022年 · 本文1411个字,预计阅读4分钟 9368次已读
Font Awesome 6.2 Pro
价格:免费
  • 普通用户暂无购买权限 升级VIP
  • 终身VIP购买价格 : 免费
版本6.2.0 Pro
格式ZIP
最近更新2022年12月28日

一、下载样式库


Pro版本是付费的,免费版本只能使用2种免费的样式,我这里免费提供给大家Pro 6.2.0版本的本地包,大家请自行下载获取

二、上原文链接:https://www.dqzboy.com传至服务器


  • 将下载下来的样式库文件解压并重新命名为fontawesome,然后上传到文章来源(Source):https://www.dqzboy.comWordPress服务所在的目录下;
  • 例如我这里上传到了:/opt/wordpress/wp-content/uploads/

三、主题引用样式


通用引用方式

  • 现在需要在主题的header.php文件里面引用样文章来源(Source):https://www.dqzboy.com式库;代码如下:
<!-- 添加 font-awesome 图标 -->
<link href="/wp-content/uploads/fontawesome/css/all.css" rel="stylesheet"> <!--load all styles -->
<!-- END -->

向下兼容引用

说明:有的主题默认使用的是Font Awesome 文章来源(Source):浅时光博客v4版本的图标样式,直接引用v6版本的样式会导致有些使用v4版本的图标样式无法显示,官方也提供了兼容性解决方案,操作如下:

温馨提示: 谢绝白嫖!您的账号需绑定邮箱之后再进行评论(先绑后评),才可正常查阅内容!点击绑定邮箱

四、免费付费版本区别



本文作者:浅时光博客
原文链接:https://www.dqzboy.com/12636.html
版权声明:知识共享署名-相同方式共享 4.0 国际 (CC BY-NC-SA 4.0)协议进行许可,转载时请以超链接形式标明文章原始出处和作者信息
免责声明:本站发布的内容(图片、视频和文字)以及一切破解补丁、注册激活和软件解密分析文章仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。访问和下载本站内容,说明您已同意上述条款!


0 条回应

必须 注册 为本站用户, 登录 后才可以发表评论!