Managed-WP.™

如何輕鬆更改 WordPress 網站的全域字體


更改 WordPress 網站上的全域字體會對其整體外觀和使用者體驗產生重大影響。合適的字體可以讓您的內容更易於閱讀、強化您的品牌形象並創造更具視覺吸引力的版面。在本文中,我們將引導您完成使用各種方法變更 WordPress 網站的全域字體的過程。我們將介紹從使用 WordPress Customizer 到使用 CSS 和安裝外掛的所有內容。

目錄

  1. 使用 WordPress 自訂器
  2. 新增 Google 字體
  3. 自訂 CSS 方法
  4. 使用插件
  5. Gutenberg 編輯器字體
  6. 結論

1.使用WordPress定制器

WordPress 自訂器 是一個內建工具,可讓您修改網站的設計和佈局,包括全域字體。您可以按照以下方法使用它來更改網站字體:

1.1 訪問定制器

登入您的 WordPress 儀表板並導航至 外觀 → 自訂.

1.2 找到排版設置

在定制器中搜尋排版設定。這可能會因您使用的主題而異,但通常您會看到類似 版式, 字體, 或者 字體設定.

1.3 更改全域字體

從可用選項中選擇所需的字體,並根據需要調整字體大小、行高和其他屬性。對更改滿意後,點擊 發布 按鈕儲存並更新您網站的全域字體。

2.新增 Google 字體

Google 字體,您可以輕鬆存取各種字體以在您的網站上使用。以下是如何在 WordPress 網站上新增和使用 Google 字體:

2.1 選擇字體

瀏覽可用的字體 fonts.google.com 並選擇最適合您網站設計的字體。按一下字體,然後選擇要使用的樣式(例如,普通、粗體、斜體)。

2.2 嵌入字體

選擇字體和样式後,點擊 嵌入 標籤以取得需要添加到您的網站的程式碼。複製生成的連結並將其貼上到您的 WordPress 主題的 標頭.php 文件,就在收盤前 標籤。

2.3 應用程式字體

若要將字體套用到整個網站,請在 Google Fonts 提供的程式碼中找到 font-family CSS 屬性,然後複製它。然後,將此 CSS 屬性新增至 身體 主題中的選擇器 樣式.css 文件。

3. 自訂 CSS 方法

如果您的主題不支援透過 WordPress Customizer 進行字體定制,您仍然可以使用自訂 CSS 更改全域字體。請依照以下步驟操作:

3.1 訪問附加 CSS

從您的 WordPress 儀表板,前往 外觀 → 自訂,然後找到 附加 CSS 部分。

3.2 新增自訂 CSS

附加 CSS 文字區域和替換 你的字體系列 使用所需的字體:

主體 { 字體系列: 你的字體系列; }

點選 發布 按鈕儲存並將新字體套用到您的整個網站。

4.使用插件

有幾種外掛程式可以幫助您輕鬆更改網站的全域字體,例如 簡易 Google 字體自訂 Adobe 字體(Typekit)。以下是使用字體插件的一般步驟:

4.1 安裝並啟用插件

在WordPress插件目錄中搜尋所需的字體插件,安裝並啟用它。

4.2 配置插件設定

轉到插件的設定頁面並根據需要進行配置。例如,您可能需要輸入您的 API 金鑰,從插件的字體庫中選擇字體,或調整字體屬性。

4.3 應用程式字體

最後,請按照插件的說明將選定的字體套用到您的網站。這可能涉及添加 CSS 類別或修改主題的 CSS 檔案。

5. Gutenberg 編輯器字體

如果您使用 Gutenberg 區塊編輯器,您可能有其他選項可以直接在編輯器中控製字體。這些選項可能包括:

  • 區塊工具列中的字體大小和行高控制
  • 段落首字下沉樣式
  • 標題、段落和其他文字元素的全域樣式選項。

若要存取這些字體設置,請在編輯器中選擇所需的文字元素,然後在右側設置面板或螢幕頂部的區塊工具列中尋找相關選項。

6. 結論

更改 WordPress 網站的全域字體是改善其整體設計和可讀性的有效方法。正如我們所討論的,有多種方法可以做到這一點,包括使用 WordPress Customizer、Google Fonts、自訂 CSS 和外掛程式。最合適的方法取決於您的個人偏好和主題的功能。透過遵循本文概述的步驟,您將能夠使用完美的全局字體創建更具視覺吸引力的網站。


熱門貼文

我的購物車
0
新增優惠券代碼
小計