如何創建和自定義 WordPress 帖子模板
已發表: 2022-09-19您想在 WordPress 中創建帖子模板嗎?
帖子模板允許您為博客帖子使用不同的佈局。 許多 WordPress 主題都帶有一些不同的頁面模板,如果需要,您也可以創建自己的模板。
本文將向您展示如何使用我們自己的 PostX 插件在 WordPress 中輕鬆創建和自定義帖子模板。 我們將分享所有選項,包括自定義項,以便您了解它的工作原理以及您獲得的選項。
什麼是 WordPress 帖子模板?
帖子模板是您發布的內容使用的格式。 例如,假設您撰寫帖子、包含標題、提交特色圖片等。帖子模板確定帖子標題出現在哪裡、特色圖片出現在哪裡、正文出現在哪裡、作者姓名出現在哪裡等。
您一次只能修改一個模板。 如果無法存儲大量模板,您的選擇將非常有限。 例如,如果您想為一個類別中的文章使用與另一個類別不同的模板怎麼辦?
這是自定義 WordPress 帖子模板的作用。 您可以自定義這些預製結構並將其應用於部分或全部材料。
什麼是自定義帖子模板?
對於那些沒有聽說過單篇文章模板的人,它決定了您的博客文章的計劃方式。
自定義單個帖子模板可讓您為不同的博客帖子使用不同的佈局,這意味著您可以為每個帖子賦予不同的外觀。
使用 PostX,您可以使用出色的 Gutenberg 塊構建博客文章模板。 為了讓設計更容易,PostX 讓你有機會改變它的一切。
即使您發布了一個模板,您也可以使用 PostX 對使用該模板的任何特定博客文章進行更改。
您何時需要自定義單個帖子模板?
有時,您可能希望特定 WordPress 文章具有獨特的外觀和感覺。 例如,您可以為特定類別中突出顯示的文章或故事使用不同的佈局。
在這裡,需要一個自定義的 WordPress 單篇文章模板。
默認為基於 WordPress 模板層次結構的單個帖子模板,WordPress 默認使用單個帖子模板。 默認情況下,所有主題都包含一個用於所有單個帖子的 single.php 模板。
一些主題可能會提供不同的模板或可以使用的佈局選項。
它類似於設計自定義頁面模板。 大多數 WordPress 主題都有頁面模板,可以在 WordPress 中修改帖子或頁面時使用。
WordPress 帖子模板的好處
速度是使用 WordPress 帖子模板最明顯的優勢。 在您投入時間創建每個新帖子後,無需精確更改每個新帖子的結構。 相反,您可以選擇本文的模板並開始處理文本。
這使您可以將更多時間用於其他關鍵職責。
無論您是要嘗試增強網站的搜索引擎優化 (SEO) 還是博客的受眾參與度,這些模板都可以幫助您節省時間。
此外,預製模板可能有助於統一您的內容組織。 一致性對於設計一個乾淨、專業的網站可能至關重要。 如果您以前在網站的其他位置實現了模板,則尤其如此。 例如,如果您對頁面結構進行了大量修改,您可能需要添加相應的文章。
正如您所料,識別減輕工作量的技術中的缺陷是一項挑戰。 因此,雖然創建第一個 WordPress 帖子模板可能需要一些時間,但我們強烈建議您嘗試一下,稍後您可能會感謝自己!
WordPress、古騰堡和 PostX
為您的 WordPress 網站尋找最有效的 Gutenberg 塊插件?
Gutenberg 塊是用於在新的 WordPress 塊編輯器(也稱為 Gutenberg)中構建內容佈局的編輯器塊。 WordPress 5.0 中引入的 Gutenberg 編輯器是一個完全基於塊的編輯器,其中每條內容都是一個可拖動的塊。
默認情況下,WordPress 提供了多種內容塊,包括段落、圖像、按鈕和列表。
然而,一整套插件目前致力於為古騰堡提供定制的內容塊。 然而,並非所有都為創建基於新聞/雜誌的網站提供全面的解決方案。
這就是 PostX 發揮作用的地方。 PostX 提供了一個全面的解決方案,其中包含大量古騰堡區塊,可以從一開始就構建一個網站。 此外,PostX 有多種設計變體、大量預製設計庫和初始捆綁包。
如何使用 PostX 創建 WordPress 單篇文章模板
如您所知,要開始使用插件,您必須先安裝它。 如果您想從免費版本開始,您可以在 WordPress 目錄中獲取它。
因此,首先,您需要安裝 PostX。 這是有關如何執行此操作的快速指南。 然後是最重要的部分:創建自定義模板。 要創建自定義模板,您需要做的就是:
- PostX → 生成器
- 然後單擊“+ 創建模板”。
- 選擇所需的模板選項。
- 您可以選擇“從頭開始”或導入預製的。
- 然後您可以開始編輯和自定義您的單個帖子模板。
安裝並激活插件後,您可以開始為單個產品頁面創建自定義模板。 為簡單起見,您可以按照以下步驟操作:
如何自定義 WordPress 單個帖子模板
現在您已經完成了初始程序,讓我們看看如何使用 PostX 自定義 WordPress 單個帖子模板。 與新的 WordPress Gutenberg 一樣,您將擁有一個基於塊的系統。 這意味著您必須選擇並添加塊才能獲得所需的輸出。 PostX 提供 18 種不同的 Gutenberg 塊,您可以使用它們來構建您的單個帖子模板。
以下是 PostX 提供的用於創建單個帖子模板的基礎知識:
帖子標題
帖子的標題就是文章的標題,稱為 H1 標題。 作為 H1 標籤,它可以幫助 Google 快速了解您的頁面是如何組織的。
PostX 提供什麼
因為它是基本的東西,所以 PostX 提供了其他人提供的東西。 但是,PostX 讓您可以完全自由地自定義這個基本的 Gutenberg 塊。
定制
在自定義設置中,您將獲得以下信息:
- 如果需要,您還可以更改文本顏色。
- 您可以完全控制選擇文本格式、大小、字體、粗細、高度、間距、裝飾、樣式和字母大小寫。
- 您可以調整標題的左側、右側、頂部和底部填充。
- 您可以在此處從 H1 到 H6、跨度和 div 中進行選擇。
- 您可以將對齊方式更改為左/中/右; 大多數插件的默認自定義相同。
發佈內容
文本、照片、信息圖表和視頻都可用於創建帖子的內容。
PostX 提供什麼
使用 PostX,您可以創建、優化和自定義您的內容。 這意味著更多的自由。
定制
- 您可以插入典型的首字下沉。
- 獲取內容的默認寬度。
- 根據您的要求自定義內容寬度。
- 如果需要,您還可以更改文本顏色。
- 您可以完全控制選擇文本格式、大小、字體、粗細、高度、間距、裝飾、樣式和字母大小寫。
發布特色圖片
帖子或頁面的特色圖片反映了其主題內容、基調或整體主題。 每個帖子和頁面上都有一個特色圖片的空間。
PostX 提供什麼
PostX 為這個 Gutenberg Block 帶來了令人興奮的方法。 您可以插入多個特色圖像塊以滿足您的需要和要求。
定制
- 根據您的要求自定義圖像寬度。
- 根據您的要求自定義圖像高度。
- 縮放圖像以在頁面上適當地對圖像進行排序。
- 調整半徑以使圖像具有經典的箱形或橢圓形外觀。
- 您可以將對齊方式更改為左/中/右。
麵包屑
WordPress 上的麵包屑是幫助您找到方法的鏈接。 用戶會看到將他們帶到當前頁面的更高級別的類別。 它們還可以輕鬆返回您已經看過的頁面。
PostX 提供什麼
PostX 提供基本的麵包屑功能,並通過為用戶提供完整的自定義選項使其變得有趣。
定制
- 啟用/禁用分隔符的選項。
- 修改文字顏色。
- 修改鏈接顏色。
- 將鼠標懸停在鏈接上時調整顏色。
- 您可以完全控制選擇文本格式、大小、字體、粗細、高度、間距、裝飾、樣式和字母大小寫。
- 調整麵包屑間距。
- 您可以將對齊方式更改為左/中/右。
- 選擇和修改分隔符符號、顏色和大小。
發布標籤
帖子標籤是 WordPress 的一種工具,可用於將帖子分組。
PostX 提供什麼
PostX 提供了非常可定制的帖子標籤塊。
定制
- 啟用/禁用發布標籤標籤。
- 啟用/禁用帖子標籤圖標。
- 如果需要,您還可以更改文本顏色。
- 選擇帖子標籤塊的背景顏色。
- 選擇帖子標籤塊的邊框顏色。
- 調整邊框半徑。
- 您可以完全控制選擇文本格式、大小、字體、粗細、高度、間距、裝飾、樣式和字母大小寫。
- 調整多個帖子標籤框之間的間距。
- 您可以調整 Post 標籤的左側、右側、頂部和底部填充。
- 您可以將對齊方式更改為左/中/右。
- 完全自定義標籤標籤。
- 完全自定義發布標籤圖標。
帖子類別
在 WordPress 網站上對內容進行分組的最常用方法是使用類別。 類別代表以某種方式相關的一個主題或一組主題。
PostX 提供什麼
PostX 提供了極其可定制的帖子類別塊。
定制
由於它與帖子標籤塊非常相似,因此我們沒有提及所有可用的自定義選項,因為它們具有相似的選項。
發布上一個和下一個
下一個和上一個鏈接可幫助訪問者在您的 WordPress 網站上找到自己的方式。 這些鏈接標籤是一些最強大的工具,可以幫助訪問者瀏覽您的整個網站。
PostX 提供什麼
PostX 提供可定制的上一個和下一個古騰堡塊。 此外,您甚至可以展示有關下一篇和上一篇文章的圖片。
定制
- 3 種預定義樣式可供選擇。
- 啟用/禁用標題。
- 啟用/禁用圖像。
- 啟用/禁用標題。
- 啟用/禁用分頻器。
- 啟用/禁用導航。
- 啟用/禁用日期。
此外,您將能夠完全自定義以下選項:
- 內容和標籤
- 標題
- 日期
- 圖片
- 導航
發表作者框
作者簡介框是一個小空間,您可以在其中放置有關撰寫帖子的人的信息、指向其社交媒體帳戶的鏈接以及其他內容。
PostX 提供什麼
這不是 WordPress 中的默認選項。 然而,PostX 為你帶來了它就像一道現成的菜餚。
定制
- 4 預定義的風格化佈局。
- 啟用/禁用圖像。
- 啟用/禁用文本寫入。
- 僅啟用/禁用作者生物文本。
- 僅啟用/禁用作者元。
- 啟用/禁用可點擊鏈接以顯示指定作者撰寫的所有帖子。
- 您可以將對齊方式更改為左/中/右。
發表評論
您網站的訪問者可以通過評論向您和彼此提出問題和疑問。 當您批准評論時,它將顯示在您的帖子下方。
PostX 提供什麼
這是 WordPress 的默認設置,但 PostX 通過提供大量自定義選項使其更易於管理。
定制
- 您將擁有三個預製的高級佈局。
PostX 對此塊有獨特的自定義選項,因為您可以根據需要自定義和修改此塊中的所有內容。
帖子查看次數
Post Views Count 可以輕鬆、快速且可靠地顯示帖子、頁面或自定義帖子類型的瀏覽次數。
PostX 提供什麼
PostX 消除了對主題和其他特定插件的依賴,並為您提供了可自定義的帖子查看計數 Gutenberg 塊。
定制
- 啟用/禁用前綴文本。
- 啟用/禁用帖子視圖圖標。
- 如果需要,您還可以更改文本顏色。
- 您可以完全控制選擇文本格式、大小、字體、粗細、高度、間距、裝飾、樣式和字母大小寫。
- 您可以將對齊方式更改為左/中/右; 大多數插件的默認自定義相同。
- 您可以在您想要的前綴上顯示任何文本。
- 更改前綴位置。
此外,您可以更改以下內容:
- 圖標樣式包括顏色、文本、大小以及介於兩者之間的所有內容。
後閱讀時間
閱讀時間讓您了解閱讀帖子需要多長時間(以秒或分鐘為單位)。
PostX 提供什麼
您不必使用任何其他插件來獲得它。 PostX在製作的同時帶來了後期閱讀時間塊; 您已經知道:可定制。
定制
由於它與帖子視圖計數塊非常相似,因此我們沒有提及所有自定義選項。
發表評論數
您的 WordPress 博客上可能有需要批准的評論、垃圾郵件、引用和 ping。 不幸的是,您的 WordPress 網站沒有簡單的方法來顯示確切的評論數量。
PostX 提供什麼
PostX 帶來了這個 Gutenberg 塊來輕鬆展示頁面上的評論計數。
定制
由於它與帖子查看/評論計數塊非常相似,因此我們沒有提及所有自定義選項。
相關文章
相關帖子功能從您的博客中收集相關信息,並將其顯示在每篇文章的末尾。 它會根據帖子的內容、標籤和類別列出您網站上的相關帖子。
PostX 提供什麼
PostX 使這個 Gutenberg 塊可以按照您在頁面上喜歡的方式進行調整。
定制
- 獲得三個預製佈局。
其他主要和高級定制也可用於此塊。
發布社交分享
社交分享讓人們可以在 Facebook、Twitter、Google、Linkedin、Whatsapp、Pinterest、Reddit 和其他網站上分享您網站的內容。
PostX 提供什麼
PostX 讓您可以使用此塊輕鬆組織您的社交分享選項。
定制
- 啟用/禁用您喜歡的社交媒體。
- 根據您的需要更改標籤。
- 更改社交圖標。
還有更多高級選項。
後作者元
作者元顯示了作者的姓名。 簡而言之,它獲取有關當前帖子作者的信息。
PostX 提供什麼
在顯示帖子作者時,您可能還需要一個作者元數據。 同樣,PostX 不遺餘力地讓您使用此塊完全控制頁面構建。
定制
與 PostX 之前的塊一樣,您可以優化、修改、調整以及介於兩者之間的所有內容,如下所示。
- 顏色
- 懸停顏色
- 文字排版
- 啟用頭像
- 啟用圖標
- 啟用標籤
- 結盟
- 阿凡達
- 標籤
發布日期元
它提供了允許您輸出日期和時間的方法。
PostX 提供什麼
想要在頁面的任何位置顯示日期和時間? PostX 讓您的願望成真。
定制
就像其他塊一樣,您可以修改以下內容:
- 啟用圖標
- 日期/時間格式
- 前綴啟用
- 日期/時間格式
- 顏色
- 排版
- 結盟
- 圖標
高級帖子元
高級帖子元數據結合了作者姓名、帖子發布日期、評論數、瀏覽量、閱讀時間、類別列表和標籤列表的元數據。
PostX 提供什麼
PostX 想把所有東西都放在一個地方,並使用這個特殊的 Gutenberg 塊來減少定制時間。
定制
由於 PostX 使用此塊將一些東西集中到一個地方,因此您將擁有與特定選項類似的所有自定義選項。
- 作者姓名
- 發布日期
- 評論數
- 觀看次數
- 閱讀時間
- 類別列表
- 標籤列表
結論
認為我們已經完成了嗎? 一點也不。 這只是使用 PostX 製作 WordPress 帖子模板的基本概述。 我們還為您分享了一個特定於區塊的指南。 那你還在等什麼? 使用 PostX 將您的想像變為現實。
您可以在我們的 YouTube 頻道上查看 WordPress 視頻教程。 此外,請在 Facebook 和 Twitter 上找到我們以獲取定期更新!
如何創建 WooCommerce 產品變體
如何優化精選片段
如何自定義 WooCommerce 添加到購物車按鈕
在網格佈局中顯示 WordPress 帖子的最佳方式