9 個 WordPress 最佳排版插件

已發表: 2021-06-26

良好的排版對您的網站至關重要。 排版包括字體、佈局、首字下沉、圖標等。 現在可以使用 Gutenberg 完成大部分工作,但字體仍然是插件可以產生重大影響的領域。 在本文中,我們將介紹幾個選項來幫助您為 WordPress 選擇最佳的排版插件。

1. Divi Builder 插件

分區插件

Divi Builder 插件將 Divi Builder 添加到任何 WordPress 主題。 它包含 800 種 Google 字體,您可以添加您的 Google API 密鑰以自動獲取新字體。 您還可以上傳更多內容。 儘管 Divi 插件不僅僅是排版,但即使您沒有充分利用 Divi Builder,它也是一個不錯的選擇,因為它具有許多排版功能。 Divi 主題中也提供了排版選項。

分區插件

在包含文本的任何模塊中搜索字體並查看每種字體的預覽。 最近使用的字體位於頂部,因此很容易找到。

分區插件

字體是完全可設計的。 樣式內聯或在模塊的設置內。 獨立自定義每個模塊的每個標題大小。

分區插件

只需單擊幾下,即可將樣式設置為全局樣式並將其擴展到其他模塊。

主要特點

  • 字體和文本樣式。
  • 創建全局樣式。
  • 獨立調整桌面、平板電腦和手機的字體。
  • 拆分測試您的排版選擇。
  • 應用前預覽樣式。
  • 擴展樣式。
  • 複製和粘貼樣式。
  • 色彩管理器。
  • 查找和替換樣式。
  • 文字陰影。

價格:每年 89 美元,終身 249 美元 | 更多信息

2. 使用任何字體

使用任何字體

Use Any Font 是一個簡單的 WordPress 排版插件,允許您上傳新字體。

使用任何字體

在設置屏幕中上傳新字體。 您還可以添加預定義的字體。

使用任何字體

選擇預定義字體會打開一個模式,您可以在其中搜索和選擇您想要的任何字體。 它提供了一個預覽,所以你知道你得到了什麼。 有近 24,000 種可供個人和商業使用的選項。

使用任何字體

從設置屏幕為任何元素分配字體。 您還可以添加自定義元素。

主要特點

  • 將字體分配給任何元素。
  • 分配給自定義元素。
  • 上傳新字體。
  • 近 24,000 種預定義字體。
  • 專業版增加了多種字體上傳。

價格:免費,專業版起價 9.99 美元 | 更多信息

3. 高級編輯器工具

高級編輯器工具

高級編輯器工具適用於古騰堡和經典編輯器。 它添加了許多排版選項,並允許您在經典塊和經典編輯器中自定義經典編輯器的工具欄。 它為古騰堡添加了一個新的段落塊。 如果需要,您還可以用經典編輯器替換塊編輯器。

高級編輯器工具

Gutenberg 設置包括塊編輯器的工具欄、經典段落和經典塊、工具欄的未使用按鈕以及許多選項。 這些設置側重於排版,並允許您自定義所需的確切功能。

高級編輯器工具

您還可以使用相同的工具欄、未使用的按鈕和選項自定義經典編輯器。

主要特點

  • 向古騰堡和經典編輯器添加排版選項。
  • 自定義工具欄。
  • 調整文字顏色。
  • 向古騰堡添加一個段落塊。
  • 用經典編輯器替換塊編輯器。

價格:免費 | 更多信息

4. 谷歌字體排版

谷歌字體排版

Google Fonts Typography 為主題定制器添加了一個具有基本和高級設置的新菜單。 從 998 種 Google 字體中進行選擇,並將它們應用到您網站上的特定元素。 您可以預覽字體,以便在發布之前了解它的外觀。

谷歌字體排版

主題定制器中添加了一個新菜單,其中包括基本設置、高級設置、字體加載和調試工具。

谷歌字體排版

基本設置允許您為基本排版、標題和按鈕選擇字體系列。 您還可以選擇字體粗細和样式。

谷歌字體排版

高級僅為品牌、導航、內容、側邊欄、頁腳和加載字體添加自定義設置。 此示例顯示內容設置。

谷歌字體排版

如果您有 API 密鑰,也可以添加 Adob​​e 字體。

主要特點

  • 使用主題定制器。
  • 包括基本和高級設置。
  • 發布前預覽。
  • 專業版增加字體大小和顏色,本地託管,優化加載,上傳自定義字體。
  • 添加 Adob​​e 字體。

價格:免費,專業版起價 59 美元 | 更多信息

5.字體真棒

字體真棒

Font Awesome 可以輕鬆地向您的內容添加圖標。 您可以使用免費或專業圖標,並在 SVG 或 Web 字體之間進行選擇。 圖標可以從 CDN 或 Web 工具包加載。 圖標會通過短代碼或 HTML 添加到您的內容中。 免費版包含 1600 多個圖標,您可以使用專業版添加更多圖標。

字體真棒

設置屏幕允許您在使用工具包或 CDN、專業或免費字體以及 SVG 或 Web 字體之間進行選擇。 您還可以選擇要使用的版本和兼容性。

字體真棒

此示例顯示使用短代碼將 Font Awesome 圖標添加到我的內容中。

字體真棒

我添加的圖標現在出現在前端的內容中。

主要特點

  • 添加帶有短代碼或 HTML 的 Font Awesome 圖標。
  • 免費版有超過 1600 個圖標。
  • 使用 SVG 或網絡工具包。
  • 選擇 CDN 或套件。
  • 專業版包括超過 7800 個圖標、4 種樣式、20 個託管專業套件、250 個上傳的圖標等。

價格:免費,專業版為 99 美元 | 更多信息

6. 風格指南

時尚指南

Styleguide 是一個簡單的 WordPress 排版插件,允許您從主題定制器中選擇字體和顏色。 它包含前 45 種 Google 字體,您可以使用代碼添加更多字體。 主題兼容性有限。 默認情況下,它不適用於 Divi。 如果它不適用於您的主題,則必須使用代碼添加主題支持。 它們包括代碼示例。

時尚指南

字體樣式選項已添加到主題定制器中。 設置包括標題字體、正文字體和背景顏色。 它還有一個暗模式選項,可以在頁面底部添加一個按鈕。

主要特點

  • 字體樣式添加到主題定制器。
  • 分別為標題和正文選擇字體。
  • 黑暗模式。
  • 用代碼添加更多字體。
  • 添加主題與代碼的兼容性。

價格:免費 | 更多信息

7. 頁面標題拆分器

頁面標題拆分器

Page Title Splitter 可讓您為標題設置斷點,以確定它們的分割位置。 這對於較小的屏幕尤其有用。 它適用於經典編輯器,並為您提供一個簡單的欄來放置斷點。 單擊該圖標可打開該欄。 然後將斷點放置在您在標題中單擊的位置。

頁面標題拆分器

這些設置允許您添加 CSS 類和样式,並選擇修改標題、菜單標題、小部件標題等。 它提供了有關如何使用它的詳細說明。

頁面標題拆分器

這是我創建的示例文章的斷點。 我已經設置了一個,但是您可以設置多個標記以在多個位置中斷標題。

頁面標題拆分器

斷點在前端拆分標題。 這可用於設計具有通常不可用的獨特佈局的標題。

主要特點

  • 為標題創建斷點。
  • 與經典編輯器一起使用。
  • 設置多個標記。
  • 使用 CSS 調整斷點。

價格:免費 | 更多信息

8. 次要標題

二級標題

Secondary Title 是一個簡單的 WordPress 排版插件,可與經典編輯器一起顯示另一個標題和常規標題。 它在標題字段上方添加了一個新字段,並提供了可以自定義外觀及其工作方式的設置。 它與帖子類型、類別和特定帖子 ID 兼容。

二級標題

設置允許您設置輔助標題的格式和設置顯示規則。 設置帖子類型和類別的規則。 它提供了次要標題的預覽,因此您可以對其進行調整。

二級標題

標題上方會添加一個新字段,您可以在其中輸入輔助標題。

二級標題

根據在設置屏幕中選擇的選項顯示標題。 這些是默認設置。

主要特點

  • 向經典編輯器添加新的標題字段。
  • 以您想要的任何方式調整標題設計。
  • 選擇使用輔助標題的帖子類型和類別。

價格:免費 | 更多信息

9. Zeno 字體調整器

Zeno 字體調整器

Zeno Font Resizer 允許您的訪問者在查看您的網站時更改字體的大小。 cookie 會保留這些設置,因此他們不必每次訪問時都更改它。 您可以控制他們可以做出的選擇、顯示的圖標、cookie 工作的天數等等。

Zeno 字體調整器

設置屏幕可讓您調整 HTML、調整大小步驟、最小和最大大小、調整大小圖標顯示的字符以及 cookie 設置。 HTML 允許您選擇調整大小的工作方式。

Zeno 字體調整器

我已經使用小部件將調整器添加到側邊欄。

主要特點

  • 調整調整大小步驟。
  • 設置最小和最大尺寸。
  • 選擇角色。
  • Cookie 會保留訪問者的設置。
  • 使用代碼或小部件添加它。

價格:免費 | 更多信息

結束的想法

這就是我們對 WordPress 最好的排版插件的看法。 有很多不錯的選擇可以使您的排版脫穎而出並吸引讀者的眼球。 如果您正在尋找 WordPress 的排版插件,您一定會在此列表中找到滿足您需求的東西。

我們希望聽到您的意見。 你最喜歡的 WordPress 排版插件是什麼?

精選圖片來自 ANTSTUDIO/shutterstock.com