如何在WordPress帖子編輯器中使用圖標字體(無需HTML)


圖標字體是用作字體的矢量圖標。 它們在Web設計師中很受歡迎,因為它們看起來比位圖圖像更漂亮。 使用CSS可以調整它們的大小而不會降低質量和样式。 這就是為什麼許多WordPress主題都使用圖標字體的原因。 最值得注意的是,默認的二十三個和二十四個主題。 但是,對於初學者而言,在其WordPress網站上使用圖標字體有點複雜。 在本文中,我們將向您展示如何在WordPress帖子編輯器中使用圖標字體,而無需編寫任何HTML或CSS。

Genericons GPL許可的開源圖標字體集

影片教學

訂閱WPBeginner

如果您不喜歡該視頻或需要更多說明,請繼續閱讀。

您需要做的第一件事是安裝並激活WP Visual Icon Fonts插件。 激活後,您需要轉到 設置»圖標字體 選擇圖標字體集。 當前,該插件附帶Font Awesome和Genericon字體。

選擇要與WordPress主題配合使用的圖標字體

選擇字體後,您現在可以在WordPress帖子,頁面,自定義帖子類型甚至主題模板文件中使用它。 要使用圖標字體,您需要創建或編輯帖子,並且您會注意到 圖示 旁邊的按鈕 添加媒體 按鈕。 單擊圖標按鈕將打開一個下拉菜單,其中包含圖標字體集中所有可用的圖標。 從此下拉菜單中選擇一個圖標將在帖子編輯器中插入該圖標。

在WordPress帖子和頁面中添加圖標字體

您還可以使用可視編輯器中的按鈕更改字體大小和顏色。

要在主題中使用圖標,生成所需HTML的最簡單方法是在帖子編輯器中添加圖標字體,然後切換到“文本”編輯器以復制HTML代碼。 將其粘貼到要顯示圖標字體的模板文件中。

複製圖標字體HTML以在主題文件中使用

圖標字體可用於在WordPress中創建漂亮的登錄頁面,而無需使用圖像。 它們還可以用於突出顯示長篇文章或文章的不同部分。 此插件為您帶來369個帶有Awesome字體的圖標和62個具有Genericon字體的圖標。

我們希望本文能幫助您在WordPress中添加很棒的圖標字體。 通過在下面留下評論,讓我們知道您打算如何在WordPress項目中使用圖標字體。