【Divi教學】在Divi主題中新增字體步驟教學

by

【Divi教學】在Divi主題中新增字體步驟教學

by

在使用Divi有文字內容的Module時(像是Text, Blurb…等等),在Text Font欄位中,除了現成的Google字體可以選擇以外,另外也可以上傳自己想要使用的特殊字體。今天這篇文章要教你如何在Divi編輯器中上傳字體,以及如果遇到上傳失敗的問題時,要如何解決

1.新增字體至Divi步驟教學

首先,Divi提供的預設字體,基本上都是來自Google的免費英文字體,如果要使用特殊的中文字體,通常需要自行上傳。上傳的方法很簡單,照著以下圖示及步驟即可:

  1. 點選Module中的Design設定欄
  2. 打開你要設定的文字設定區塊(Text/Title)
  3. 點擊Text Font文字字體
  4. 點選Upload上傳
  5. 點選Choose font files選擇要上傳的字體檔案(ttf/oft)
  6. 輸入要顯示的字體名稱Font Name
  7. 點擊下方藍色按鈕Upload上傳
  8. 完成!
Upload steps

字體上傳完成後,整個網站可以使用,使用其他Module時,都可以直接選用已經上傳好的字體。


2.字體上傳失敗問題

當你在上傳字體時,有可能會碰到上傳失敗的狀況,視窗中會顯示「很抱歉,基於安全性考量,系統不接受這個檔案類型。」,如果是使用英文版Wordpress,則會顯示 ‘Sorry, This File Type Is Not Permitted for Security Reasons’,而這個問題通常是來自於Wordpress系統本身為了安全考量而設置的檔案限制,避免你上傳了不適用的檔案導致系統有問題。

upload font file issue

解決方法

解決方法有很多種,有些人會安裝可以更改檔案限制設定的外掛調整,使用起來雖然很方便,但變成你的網站要長時間使用這個外掛,有可能會拖慢網站速度,而且一但刪除外掛後,又再度不能上傳新的字體了。

我個人會建議使用另一種方法,透過網站管理員的外掛,直接修改網站的設定,修改完後,直接把外掛刪除,未來也還是可以上傳字體。

記得先將網站備份,再對網站進行修改,避免任何系統問題產生喔!

請先到網站後台Dashboard點選外掛→安裝外掛,並且搜尋File Manager,點選立即安裝,並在安裝完成後點選啟用。

Install File Manager plugin

開啟WP File Manager,找到一個名為「wp-config.php」的檔案後,滑鼠右鍵點選「Code Editor」

Edit wp-config.php

將下列程式碼複製貼上到編輯器最下方,點選Save & Close關閉編輯器,接著就可以再度開啟Divi編輯器,你會發現字體可以順利上傳囉!

define('ALLOW_UNFILTERED_UPLOADS', true);

Copy & paste code

注意事項

在完成上方的程式碼步驟後,記得回到外掛→已安裝的外掛中,找到WP File Manager,停用該外掛並且刪除。

之前曾經有過類似的外掛被駭客入侵的事件發生,許多有安裝該外掛的網站,都被駭到無法開啟網站,造成很多麻煩,所以我自己習慣在使用完類似的外掛後,都一律將其刪除,否則網站的後台一不小心就被完全掏空了。

Delete plugin once finish

如果你對於這篇文章有任何疑問或者建議,都歡迎你在底下留言給我喔:)

本文作者 – LiLing

90後的台灣女生,目前正於紐西蘭擔任多媒體設計師,擅於利用Wordpress建立網站,分享各種不必使用程式語法,也可以架設網站的101種方法。

相關文章

👋

Hi, I’m LiLing

在紐西蘭任職多媒體設計師,擅於利用Wordpress建立網站,搭配Divi主題,分享各種不必使用程式語法,也可以設計網站的101種方法。

🙌

社團交流

歡迎你加入Divi使用者討論平台,有任何問題都歡迎在上面向我提問:)

👩🏻‍💻

免費領取Divi入門手冊

領取Divi新手設計入門手冊

2 Comments

  1. TW

    感謝分享, 我也是用DIVI 的,加油

    Reply
    • LiLing

      不客氣:)!

      Reply

Leave a Reply to LiLing 取消回覆

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *