如何在WordPress中輕鬆更改字體大小


您要更改WordPress帖子或頁面中的字體大小嗎?

有時,您可能希望增加一行或一段,或者您希望增加整個頁面內容的字體大小。

在本文中,我們將向您展示如何輕鬆地在WordPress中更改字體大小。 您不僅將學習如何更改WordPress帖子中的字體大小,還將學習如何在整個網站上進行更改。

在WordPress中更改字體大小

影片教學

訂閱WPBeginner

如果您喜歡書面說明,請繼續閱讀。

方法1:使用段落標題

您的訪問者僅需幾秒鐘即可決定是要留下還是離開您的網站。 這樣您幾乎沒有時間說服他們留在您的網站上。

在內容中使用標題是吸引用戶注意力的好方法。

它們使您可以使用不同的標題(通常稱為“子標題”)將文章和頁面分成幾部分。

標題對於SEO也是很好的。 搜索引擎為適當的標題提供比普通段落文本更大的權重。

如何在默認的WordPress區塊編輯器中添加標題

您可以通過簡單地添加“標題”塊將標題添加到帖子或頁面中。 您可以搜索它,也可以在WordPress塊編輯器的“通用塊”部分中找到它。

在古騰堡添加標題欄

該塊將默認為標題2。通常,對於子標題,堅持標題2是合理的。 如果要更改此設置,則只需單擊“ H2”下拉菜單以選擇其他大小。

在塊編輯器中選擇標題大小

或者,您可以在屏幕右側的塊設置中更改此設置。 您也可以在此處更改標題的顏色。

如何在較舊的經典編輯器中添加標題

如果您仍在WordPress中使用舊版經典編輯器,則可以使用“段落”下拉菜單添加標題。

只需突出顯示要變成標題的文本,單擊“段落”下拉菜單,然後選擇標題大小即可。

通過在經典編輯器中單擊“段落”下拉列表來創建標題

不同標題樣式的大小和顏色由主題的樣式表(style.css)控制。

如果您使用的是高級WordPress主題,則可以選擇在以下位置更改這些設置 外觀»定制

在文章中使用副標題可以使讀者更輕鬆地遵循您所講的內容。 同時,這也使您的WordPress帖子對SEO友好。

方法2:在塊編輯器中更改文本的大小

如果您想以更大的字體顯示一個段落甚至整個帖子,該怎麼辦? 您可以使用默認的WordPress區塊編輯器輕鬆完成此操作。

只需單擊任何段落塊,然後在右側的“文本設置”下選擇字體大小。

更改段落塊的文本大小

您可以從下拉菜單中進行選擇,該下拉菜單涵蓋“小”,“普通”,“中”,“大”和“巨大”。 如果您改變主意,則只需單擊“重置”按鈕即可將您的段落設置回默認文本。

還有一個“自定義”選項,您可以在其中簡單輸入所需的像素大小。 如果需要,還可以設置一個大的首字下沉以顯示在段落的開頭。

這些選項在WordPress的舊版經典編輯器中不可用。 如果要使用它們,請考慮進行切換。 我們有關如何使用新的WordPress塊編輯器的教程將為您提供幫助。

如果您確定要使用經典編輯器,那麼下一個選項適合您。

方法3:使用TinyMCE高級插件更改字體大小

TinyMCE Advanced是一個WordPress插件,可讓您更好地控製字體大小和文本格式以及一系列其他功能。

這在較舊的經典編輯器中特別有用,但在塊編輯器中也可以使用。 它添加了一個名為“經典段落”的新塊,其中包含所有TinyMCE控件。

要使用它,您首先需要安裝並激活TinyMCE Advanced插件。 如果您不確定如何執行此操作,請查看有關如何安裝WordPress插件的分步指南。

接下來,前往 設置»TinyMCE高級 配置編輯器設置。 您可以在這裡設置想要在TinyMCE Advanced工具欄中使​​用的按鈕。

如果您在經典編輯器中使用它,那麼您應該看到TinyMCE默認在第二行圖標中啟用了“字體大小”下拉菜單。

如果需要,可以向上拖動將其移至第一行。

經典編輯器TinyMCE Advanced菜單上的字體大小下拉按鈕

如果您使用的是塊編輯器,則需要向下滾動屏幕,並通過拖放將“字體大小”下拉列表添加到工具欄:

將字體大小按鈕添加到TinyMCE Advanced塊工具欄

確保單擊屏幕底部的“保存更改”。

要查看操作中的按鈕,請創建新帖子或編輯現有帖子。

在塊編輯器中,您現在可以選擇添加“經典段落”塊。 它將具有TinyMCE Advanced控件,如下所示:

TinyMCE Advanced插件添加的塊編輯器中的Classic Paragraph塊

在經典編輯器中,您會看到帶有字體大小下拉菜單的TinyMCE Advanced工具欄:

使用TinyMCE Advanced編輯器更改字體大小

您可以從下拉菜單中選擇任何字體大小。

注意:這不能為您提供WordPress塊編輯器那樣多的選項,並且您不能輸入自己的字體大小。

方法4:使用CSS更改站點範圍的字體大小

如果您每次編輯帖子時都在更改字體大小,那麼您可能希望通過在主題中進行永久更改來簡化它。

好消息是您可以更改整個網站的默認段落大小。 最好的方法是使用下面的主題自定義程序 外觀»定制

某些WordPress主題可能會附帶一個選項,您可以更改字體大小。 如果可以找到此選項,則無需編寫CSS代碼即可使用它。

但是,如果主題不具有該功能,則可以添加自定義CSS來添加自己的字體大小規則。

只需在主題定制器中單擊“其他CSS”選項。 您可以在此處存儲所有自定義CSS代碼。

使用定製程序將CSS代碼添加到您的網站

現在,在附加的CSS文本框下,只需添加您的CSS代碼。 在此示例中,我們將字體大小更改為“ 16px”,您可以選擇其他字體大小。

p { 
font-size:16px; 
} 

您會在屏幕右側的預覽中立即看到更改。 如果您對字體大小感到滿意,請單擊屏幕頂部的“發布”按鈕以使其生效。

注意: 您的自定義CSS只會應用於您正在使用的主題。 如果以後選擇切換到其他WordPress主題,則需要再次將其複制並粘貼到定製程序中。

上面的代碼僅適用於段落文本。 如果要更改所有h2子標題的字體大小怎麼辦?

只需修改上面的代碼以將主題中的h2元素作為目標即可,如下所示:

h2 { 
font-size:32px; 
} 

通過將h2更改為h3,h4或h5,您也可以對其他標題執行相同的操作。

我們希望本文能幫助您學習如何輕鬆更改WordPress中的字體大小。 您可能還想查看有關如何在WordPress中使用自定義字體的指南,或我們的最佳拖放WordPress頁面構建器插件列表。

如果您喜歡這篇文章,請訂閱我們的YouTube頻道WordPress視頻教程。 您也可以在找到我們 推特 和Facebook。