欧美激情一区二区三区全黄_国产一区二区三区视频_欧美日韩在线播放三区四区_欧美视频中文在线看

主題OL

ZBlog使用Font Awesome圖標的詳細教程

ZTOL ZBlog使用幫助 2020-02-19 2.9千 0

Font Awesome圖標是什么?大家只要打開自己的主題,看到文章列表頁或者文章詳情頁就可以看到文章標題或者簡介下方的發布時間、分類或者瀏覽量前面的那個小圖片就是Font Awesome圖標了。

注:并非所有的主題都是用的font awesome圖標,例如本站的圖標就不是,而是改用了使用稍微復雜一些的阿里圖標!這兩種圖標各有千秋,font awesome圖標得使用特別簡單,小白也能輕易上手,但可選性實在不多,且樣式不是很好看;而阿里圖標比較齊全,樣式也是各種各樣,幾乎可以滿足任何網站的硬性要求,然而它的使用稍顯復雜,第一次接觸的人還真不大容易上手!但不用擔心,以后我會出一篇教程的,今天先說Font Awesome圖標的使用教程。

ZBlog如何使用Font Awesome的教程詳解

本問題要分兩種情況來說,一種就是作為開發者如何在自己主題中引入和使用Font Awesome圖標庫,另一種情況就是作為主題的使用者該如何調用主題中已引入的Font Awesome圖標庫!

一,開發者如何在自己主題中引入和使用Font Awesome圖標庫

1,下載Font Awesome,去官網下載。

2,文件下載后解壓,得到兩個文件夾,font和css。上傳至你正在使用的主題的“style”文件夾內。

3,修改你正在使用主題的header.php文件,插入“<link rel="stylesheet" rev="stylesheet" href="{$host}zb_users/theme/{$theme}/style/css/font-awesome.min.css" type="text/css" media="all"/>”。

4,在想要調用圖標字體的地方插入”<i class="fa fa-thumbs-o-up"></i>“這種代碼即可調用了。

5,圖標的調用方法請參考下方主題使用者的教程。

備注:其實這樣的使用方法并非是最優的選擇,這只是普遍化的普通的引入和使用方法,其實還有一種引入和調用的方法才是我最建議開發者選擇的,本文中暫且不提,以后再給大家說來,到時這里會直接加上超鏈接引導大家進入。

二,主題的使用者該如何調用主題中已引入的Font Awesome圖標庫

作為一款主題的使用者,如果你的主題中已經引入了Font Awesome圖標庫,那么這時你只需要直接調用即可!調用方法如下:

1,打開Font Awesome圖標中文網,網址:http://www.fontawesome.com.cn/,并點擊導航欄的“圖標庫”按鈕,如下圖:

2,進入圖標庫頁面之后,找到你需要用到的圖標樣式并點擊如下圖:

3,點擊具體的某個圖標后,你即可進入圖標具體代碼頁,點擊復制代碼并將其添加到你需要的位置即可,如下圖:

4,圖標已成功添加到你需要的位置,如果刷新頁面沒有顯示出來,這時你可以“重新編譯主題緩存”和清理瀏覽器緩存即可!

發表評論

用戶頭像 游客
此處應有掌聲~

評論列表

還沒有評論,快來說點什么吧~

QQ在線客服

客戶服務

在線時間 上午:09:00-12:00 下午:14:00-21:00
主站蜘蛛池模板: 91国偷自产一区二区三区的观看方式 | 日韩精品福利片午夜免费观看| 欧美日韩精品免费看| av日韩中文字幕| 国产精品乱子乱xxxx| 久久久久免费视频| 秋霞无码一区二区| 色综合久久中文字幕综合网小说| 69av在线视频| 国产精品亚洲片夜色在线| 国产一区高清视频| 国产有码在线一区二区视频| 久久国产精品久久精品国产| 久久中文字幕一区| 久久成人av网站| 国产精品一区二区性色av| 国产一区香蕉久久| 国产精品自产拍高潮在线观看| 国产精品一区二区av| 国产精品久久久久高潮| 国产极品在线视频| 亚洲欧洲精品一区| 日本不卡高清视频一区| 欧美成人精品在线| 久久天天躁狠狠躁夜夜爽蜜月| 久久99国产精品99久久| 国产日韩av在线| 国产成人精品午夜| 亚州国产精品久久久| 人妻无码一区二区三区四区| 久久久精品欧美| 国产精品福利视频| 午夜精品一区二区三区视频免费看| 日韩欧美一区二区视频在线播放V| 日韩高清国产一区在线观看| 久久久精品美女| 国产精品盗摄久久久| 日韩av资源在线| 国产日韩在线亚洲字幕中文| 国产成人久久精品| 日韩欧美一区二区视频在线播放V|