當(dāng)前位置:首頁>WordPress建站>基礎(chǔ)教程>WordPress集成有字庫字體插件美化文章標(biāo)題和內(nèi)容

WordPress集成有字庫字體插件美化文章標(biāo)題和內(nèi)容

有字庫簡介

有字庫是全球第一中文Web Font(網(wǎng)絡(luò)字體)服務(wù)平臺。

我們致力于美化網(wǎng)頁界面,降低網(wǎng)頁設(shè)計和維護(hù)的難度,同時提升效率。

Web Font 的服務(wù)在國外已經(jīng)比較普及, 著名的有Google Fonts、Typekit等網(wǎng)站,但是國內(nèi)在中文Web Font上面一直是一片空白,眾多中文網(wǎng)站設(shè)計者們只能望洋興嘆。 有字庫為此應(yīng)運(yùn)而生。
在正式介紹插件以前,先來普及下有字庫能夠干什么,換句話說,就是其特色功能。由于官方的介紹比較長,在本文我就簡略描述下,需要具體了解的可以通過我給的鏈接查看。

特色功能

在線字體:

通過按需截取的方式生成小字庫(可以小到幾十K,甚至幾K),有效控制了字體文件的大小,使中文也加入了網(wǎng)絡(luò)字體的陣營。

解決了之前由于中文字體過于龐大,小則三五兆,大則十幾兆,在線字體只流行于英文網(wǎng)站的情況。

美化網(wǎng)頁:

現(xiàn)在已經(jīng)不是萬維網(wǎng)初期的草莽時代,用戶們對網(wǎng)頁的效果越來越挑剔。

由于網(wǎng)頁中最主要的元素莫過于字體了,所以要根據(jù)不同的場景,采用不同風(fēng)格的字體。

全面兼容:

常見的都支持,不過有一點點兒版本限制,基本可以忽略不計負(fù)面影響。

極速穩(wěn)定:

采用了阿里云的存儲與CDN服務(wù),即使官網(wǎng)宕機(jī),其服務(wù)依舊可用。

簡單易用:

有字庫有三種調(diào)用方式,第一種是CSS引用方式,第二種是Javascript引用方式,第三種就是用有字庫的SDK?。

而我這次介紹的,就是第三種方法——官方開發(fā)的WordPress插件。
百度云盤下載地址https://pan.baidu.com/s/1nvPm8Nv

托管獨享:

這是針對商業(yè)客戶的功能,為了客戶方便使用其購買的商業(yè)字體開發(fā)的。

有字庫對你從方正、蒙納能字體廠商處購買的字體進(jìn)行托管,該字體只有你自己才能使用,其他人無權(quán)使用。

要了解更多,可訪問有字庫官方:http://www.youziku.com/introduce/index

接下來的是我個人認(rèn)為的一點優(yōu)勢:

第一,其字庫服務(wù)使用了安全證書,能有效保證網(wǎng)站的綠鎖正常。使用最新版的Chrome瀏覽器的人可能深有體會,沒錯,就是上面會有大大的“安全”字樣。

第二,每個月贈送10萬庫幣,個人用戶使用基本上不用出太多的錢。

第三,這個是我潛伏在群里看他們聊天發(fā)現(xiàn)的。如果你對你的字特別有信心,有字庫可以免費幫你把自己的字制作成字體,然后進(jìn)行托管使用。

第四,暫時沒發(fā)現(xiàn),先占坑留著。接下來,就正式開始介紹其插件的使用步驟了。

使用步驟

第一,下載插件。百度云盤下載地址https://pan.baidu.com/s/1nvPm8Nv

選擇其較新的版本,點擊下載到電腦桌面。

下載完成以后對壓縮包名稱進(jìn)行重命名,比如我的是“youziku”。

第二,安裝插件。

登錄WordPress后臺,點擊 插件 》 安裝插件 》 上傳插件 》 選擇文件 》現(xiàn)在安裝。安裝完成以后,會跳轉(zhuǎn)到成功界面。點擊下面的啟用插件,進(jìn)入下一步的設(shè)置。

第三,設(shè)置插件。

進(jìn)入有字庫官網(wǎng),注冊并登錄帳號。點擊個人中心進(jìn)入我的賬戶。點擊接口白名單,添加要使用服務(wù)的域名,通常只需添加其一級域名(不帶 www. 的部分),默認(rèn)的帶 www. 的二級域名就會自動添加上。

接下來,鼠標(biāo)移動到WordPress后臺的左側(cè)邊欄的有字庫設(shè)置,會彈出“有字庫設(shè)置”和“初始化設(shè)置”。點擊初始化設(shè)置,填入有字庫分配的ApiKey和UserKey。

進(jìn)入有字庫官網(wǎng),點擊在線字庫。選擇你喜歡的字體進(jìn)行收藏,至少選擇兩款字體,一款標(biāo)題字體和一款內(nèi)容字體。

然后導(dǎo)入你收藏的字體,并保存更改。如果以后收藏了更多的字體,再次重復(fù)其操作。我們也可以在這里導(dǎo)出其字體設(shè)置,并妥善保存,以便日后不時之需。

點擊“初始化設(shè)置”上方的“有字庫設(shè)置”,選擇合適的文章標(biāo)題字體和文章內(nèi)容字體,保存更改并應(yīng)用到所有文章。特別提示,下方的自定義字體設(shè)置部分,需要使用者個人有較扎實的前端知識,適合網(wǎng)頁設(shè)計師和前端工程師等專業(yè)人士使用,這里就不多說了。

到了這里基本上就設(shè)置完成了。如果你只是想測試一下,上一步中只需選擇相關(guān)字體并保存更改,不用應(yīng)用到所有文章。隨機(jī)選擇一篇文章,點擊編輯器上方的綠色有字庫標(biāo)識,選擇合適的字體,把代碼插入到文中,然后進(jìn)行文章更新。多刷新幾遍,然后就可以看到具體效果了,如下圖。

聲明:本站所有文章,如無特殊說明或標(biāo)注,均為本站原創(chuàng)發(fā)布。任何個人或組織,在未征得本站同意時,禁止復(fù)制、盜用、采集、發(fā)布本站內(nèi)容到任何網(wǎng)站、書籍等各類媒體平臺。如若本站內(nèi)容侵犯了原著者的合法權(quán)益,可聯(lián)系我們進(jìn)行處理。

給TA打賞
共{{data.count}}人
人已打賞
歡迎關(guān)注WordPress大學(xué)公眾號 WPDAXUE
基礎(chǔ)教程

WordPress 文章/頁面添加時間限制,到期后自動重定向到指定網(wǎng)址

2017-2-8 8:27:52

基礎(chǔ)教程

使用 Email Templates 美化 WordPress 發(fā)出的郵件

2017-4-16 10:05:27

0 條回復(fù) A文章作者 M管理員
    暫無討論,說說你的看法吧
?
個人中心
購物車
優(yōu)惠劵
今日簽到
有新私信 私信列表
搜索

红桥区| 邹城市| 定日县| 三穗县| 黑河市| 子洲县| 衡阳市| 江源县| 开鲁县| 东莞市| 新乡市| 哈尔滨市| 光山县| 梓潼县| 蕉岭县| 仪陇县| 固始县| 墨竹工卡县| 余庆县| 夏津县| 孝感市| 栾川县| 禹州市| 贡山| 银川市| 营口市| 乌鲁木齐县| 金门县| 甘南县| 许昌县| 来凤县| 桃江县| 杭锦后旗| 盐山县| 钦州市| 灌阳县| 明星| 定结县| 肇州县| 阿荣旗| 屏东市|