如何在WordPress中新增分頁符並自定義樣式？

使用理想的長度（字數）是文章在Google搜尋中排名良好的成功因素之一。沒有決定長度的規則，這取決於你寫的主題。然而，長篇文章往往表現良好，因為除了焦點關鍵詞之外，它們還可以對長尾關鍵詞進行排名。

不管怎樣，一次展示3000字以上的文章，會讓使用者很快感到疲倦和無聊。解決方案是在WordPress中使用分頁符，以便將文章分成幾頁。在本文中，我們將解釋如何在WordPress中使用分頁符並自定義樣式。

使用分頁符時會發生什麼？

分頁符是WordPress中將冗長的文章拆分為所需頁數的功能。您可以在一篇文章中插入多個分頁符以拆分為多個頁面。發表的文章會有一個分頁，使用者可以點選它進入下一頁閱讀更多內容。假設您在一篇文章中插入了兩個分頁符。在這種情況下，文章將分為三個頁面，如下所示，三個不同的 URL：

請記住，每個URL在WordPress中都是一個單獨的頁面，這意味著使用者可以獨立訪問它們。WordPress將在原始碼中新增同一拆分頁面（如 /2/ 或 /3/）的規範URL，以通知搜尋引擎這些可以被視為獨立頁面。

WordPress中分頁符的規範URL

但是，您的XML站點地圖將有一個文章URL，即文章的第 1 頁。無論您使用預設的WordPress站點地圖還是使用外掛為您的站點生成站點地圖，情況都是一樣的。

分頁符的優點

在WordPress中新增分頁符有助於通過以下方式提高可見性：

• 限制單個頁面的長度而不會拉伸太長。
• 使用者可以導航到下一頁或上一頁以閱讀內容，從而增加現場參與度和時間。
• 每個頁面都可能在搜尋引擎中排名，從而提高您的流量。

但是，請確保內容對您的讀者足夠有吸引力以保留它們並將頁面分解在適當的位置。否則，使用者可能會在未閱讀完整內容的情況下離開頁面，從而產生負面影響。

在古騰堡編輯器中新增分頁符

分頁符是古騰堡編輯器中的區塊之一，您可以在內容的任何位置插入它。建立要插入分頁符的段落塊，只需鍵入/page以插入該區塊。

在Gutenberg中查詢分頁符區塊

選擇要插入的分頁符區塊，它將顯示一條分隔線，如下圖所示。這個區塊沒有額外的設定，你唯一能做的就是插入或刪除。

古騰堡編輯器中新增的分頁符

現在，釋出或更新您的文章並在單獨的瀏覽器選項卡中開啟頁面。您可以在編輯器中看到您在其中插入分頁符的頁面導航連結。Gutenberg編輯器中分頁線下方的內容部分將移動到一個新頁面，您可以通過單擊第2頁連結訪問該頁面。您可以插入多個分頁符以將內容分成不同的頁面，這些頁面可以使用分頁連結訪問。下面是它在WordPress主題二〇二二的頁面上的樣式。

預設WordPress主題中的分頁符

在WordPress中自定義分頁符的樣式

您使用的主題將決定已釋出頁面上分頁符部分的樣式。正如您在上面的螢幕截圖中看到的那樣，分頁看起來很簡單，使用者甚至可能沒有注意到它出現在內容的末尾。

但是，商業主題使用自定義的內建樣式來使分頁的外觀更具吸引力。例如，下面是Astra和Kadence主題中分頁符分頁的樣式。

Astra主題中的分頁

Kadence主題中的分頁符

如果您想自定義分頁連結，WordPress提供了三個CSS類供您使用。您可以使用瀏覽器的開發人員工具部分更改實時站點的樣式，以找到適合您站點的合適CSS。

我們將在此處使用預設的二〇二二主題進行說明，當您使用不同的主題時，外觀可能會有所不同。分頁wrapper的CSS類是.post-nav-links，您可以使用以下樣式為此類新增一些背景、填充、邊框半徑。

.post-nav-links {
background: rgb(144 238 144);
padding: 10px;
border-radius: 5px;
}

此CSS程式碼將分頁wrapper更改為如下所示：

為文章導航連結新增背景顏色

其次是.post-page-numbers用於顯示數字連結的類。您可以將以下樣式新增到此類以顯示數字周圍的框。

.post-page-numbers {
border: 1px solid rgb(0 0 0);
padding: 5px 10px;
border-radius: 5px;
}

將框新增到頁碼

最後一類是.post-page-numbers.current區分活動頁面連結。您可以為活動頁面連結框新增不同的背景顏色，以便使用者可以輕鬆瞭解他們當前處於該突出顯示的頁面中。

.post-page-numbers.current {
background: rgb(255 255 0);
}

我們將黃色背景新增到活動頁面，如下所示：

當前頁面處於活動狀態

結合在一起，您可以在“外觀 > 自定義 > 附加CSS”部分下新增上述所有CSS樣式，以更改分頁的外觀。

使用主題自動分頁

一些主題使用完全不同的自動分頁設定方法。例如，流行的報紙主題提供根據您選擇的標題級別建立智慧列表。如果您選擇2級標題，則每當您在內容中使用H2標題時，主題將自動分頁並新增分頁。此外，您可以選擇顯示為下拉選單的分頁，以便使用者可以看到標題並選擇要閱讀的頁面。

下拉分頁

在經典編輯器中新增分頁符

如果您使用不支援Gutenberg的自定義文章型別或仍在使用舊的經典編輯器，那麼您也可以插入分頁符。切換到“文字”編輯器並將以下程式碼貼上到您要插入分頁符的位置。

<!--nextpage-->

在經典編輯器中新增分頁符

現在，切換回“可視”編輯器以檢視類似於Gutenberg編輯器的分頁符分隔符。釋出或更新內容以檢視實時內容中的分頁。