在 WordPress 中調整字體大小的指南

更改 WordPress 網(wǎng)站中的字體大小對于一小部分文本來說可以快速輕松地完成,但如果您想對較大的文本部分進行更改,則可能需要做更多的工作。 p>

在這個快速教程中,我將向您展示如何更改 WordPress 網(wǎng)站中的字體大小。

我將向您展示兩種快速方法:

  • 更改單個塊中的字體大小
  • css 類添加到塊中,然后設置該類的樣式

我還將向您介紹如何通過編輯樣式表來更改整個網(wǎng)站的字體大小。

如果您想了解如何向 WordPress 添加全新字體或更改字體顏色,您也可以在此處了解如何操作。

如何更改文本塊的字體大小

讓我們從最快的方法開始。

當您編輯 WordPress 帖子中的文本時,您可以選擇使文本塊的字體大小與頁面上其他塊的字體大小不同。

這有助于突出顯示頁面的特定部分。

您應該謹慎使用此方法:太多會使您的網(wǎng)站看起來混亂且不專業(yè)。如果您多次這樣做,請確保對所有較大或較小的文本部分使用相同的字體大小。

首先找到您要更改字體大小的文本塊。

在 WordPress 中調整字體大小的指南

在屏幕右側的阻止窗格中,打開文本設置 選項卡。

在 WordPress 中調整字體大小的指南

在這里您可以選擇放大或縮小文本,或者為其指定確切的字體大小。我已將字體大小增大到

在 WordPress 中調整字體大小的指南

您可以進一步增強它并使其變得更大,但要小心不要讓您的網(wǎng)站看起來很混亂。

或者,選擇特定的字體大小,并確保將其用于網(wǎng)站上所有較大或較小的字體塊。

最后,點擊更新來更新您的帖子,或點擊發(fā)布來發(fā)布它。這將保存您的更改。

如何使用 CSS 類更改字體大小

如果您想確保所有較大的文本塊具有相同的大小,并且不想記住您使用的大小,您可以使用 CSS 類為所有元素分配一致的字體大小類。

再次找到您的文本塊,然后在窗格中打開高級選項卡。

在 WordPress 中調整字體大小的指南

其他 CSS 類字段中,輸入 CSS 類。我將使用 text-large:

在 WordPress 中調整字體大小的指南

現(xiàn)在點擊更新發(fā)布保存您的帖子。

您現(xiàn)在有兩個選項可以使用該類編輯塊的大小:

  • 在定制器中添加樣式。
  • 將樣式添加到主題的樣式表中。

在定制器中設置類的樣式是最簡單的方法,并且在更新主題時不會給您帶來任何問題。

轉到 WordPress 管理中心中的外觀 > 自定義,然后單擊其他 CSS

在 WordPress 中調整字體大小的指南

其他 CSS 窗格中,輸入以下內容以使文本變大: p>

.text-large {  font-size: 1.2em; } 

使用 em 代替特定字體大小將使該文本的大小成為普通段落的 1.2 倍。

在 WordPress 中調整字體大小的指南

點擊發(fā)布按鈕保存您的更改。

現(xiàn)在轉到您的實時網(wǎng)站中的帖子,您將看到帶有 text-large 類的塊比其周圍的文本大:

在 WordPress 中調整字體大小的指南

如果您想進一步增大尺寸,只需在定制器中編輯 CSS 即可。現(xiàn)在,每當您想要增大某個塊時,您只需為其指定該類,然后字體大小就會為您更改。

更改主題樣式表中的字體大小

使用我展示的兩種方法,您不需要編輯主題中的文件或深入了解 CSS。它們?yōu)槟峁┝艘环N快速更改 WordPress 字體大小的方法。

但是,如果您想要編輯網(wǎng)站中現(xiàn)有元素的大小(例如所有段落或列表),或者想要在樣式表而不是定制器中添加 CSS,則需要編輯主題的樣式表.

您可以在我們的向 WordPress 網(wǎng)站添加自定義 CSS 的指南中找到有關編輯樣式表的更多信息。如果您想更深入地了解,這是一個很好的起點。

結論

更改 WordPress 網(wǎng)站中文本的字體大小可能需要幾分鐘的時間。您可以直接編輯塊的字體大小,也可以為其指定一個類,然后為您的類編寫 CSS。

無論您采用哪種方法,請謹慎使用以達到最大效果,并確保您最終不會得到一個看起來混亂且不專業(yè)的網(wǎng)站。

使用專業(yè)的 WordPress 主題讓您的網(wǎng)站變得美麗

您正在對您的 WordPress 網(wǎng)站進行改造嗎?我們專業(yè)設計的 WordPress 主題集合可以在幾分鐘內為您的網(wǎng)站帶來全新的外觀和感覺。

在 WordPress 中調整字體大小的指南

以下是 ThemeForest 2020 年推出的一些最暢銷和新興的 WordPress 主題。 p>

? 版權聲明
THE END
喜歡就支持一下吧
點贊5 分享