初學者指南:無需代碼即可創建 WordPress 帖子模板
已發表: 2021-09-06正在尋找一種無需代碼即可創建自定義 WordPress 帖子模板的方法?
使用 WordPress 帖子模板,您可以創建一個模板,您可以輕鬆地將其應用於您的部分或全部內容,從而節省您的時間並幫助您創建有凝聚力的設計。
在過去,創建自定義單個帖子模板的唯一方法是編輯主題代碼。 但是現在,情況發生了變化,有一些很棒的無代碼拖放工具可以幫助您輕鬆設計自定義 WordPress 帖子模板。
在本文中,我們將向您介紹 WordPress 帖子模板並討論它們的一些好處,以防您不熟悉它們。 然後,我們將向您展示無需代碼即可創建自己的模板的兩種不同方法。
讓我們潛入水中!
目錄:
- 什麼是 WordPress 帖子模板?
- 為什麼您可能想要使用 WordPress 帖子模板
- 如何創建自定義 WordPress 帖子模板
- 方法 1:使用 WordPress 塊編輯器 (Gutenberg)
- 方法二:使用 Elementor
什麼是 WordPress 帖子模板?
帖子模板是您的內容在發佈時使用的設計。 例如,假設您寫一篇文章、添加標題、上傳特色圖片等。文章模板控製文章標題的顯示位置、特色圖片的位置(在文章標題上方還是下方? )、主要內容顯示,作者姓名顯示在哪裡,等等。
默認情況下,您的帖子模板由您的主題控制。 Neve 等一些主題使您能夠使用內置設置自定義此模板:

但是,您一次只能編輯一個模板。 如果沒有保存多個模板的靈活性,您就只有很少的選擇。 例如,如果您想對一個類別的帖子使用一個模板,而對另一個類別的帖子使用不同的模板怎麼辦?
這就是自定義 WordPress 帖子模板的用武之地。這些是預製結構,您可以個性化並應用於部分或全部內容。
為什麼您可能想要使用 WordPress 帖子模板
使用 WordPress 帖子模板最明顯的好處是速度。 一旦您投入時間製作它們,就無需精心編輯每個新帖子的結構。 相反,您可以簡單地選擇要應用於該帖子的模板並開始處理內容。
這有助於您將更多時間花在其他重要任務上。 無論您是想提高網站的搜索引擎優化 (SEO) 還是增加博客的受眾參與度,這些模板都可以幫助您騰出時間來安排時間。
預製模板還可以幫助標準化您的內容結構。 一致性可能是乾淨、專業的網站設計的關鍵。 如果您已經在站點的其他區域使用模板,則尤其如此。 例如,如果您對頁面結構進行了重大更改,您可能希望創建與之匹配的帖子。
正如您可能想像的那樣,使用一種可以讓您輕鬆完成工作的工具很難找到故障。 雖然構建初始 WordPress 帖子模板的過程需要一些時間,但我們強烈建議您試一試——您稍後可能會感謝自己!
如何創建自定義 WordPress 帖子模板
現在,讓我們看一下無需代碼即可創建 WordPress 帖子模板的兩種有效方法:
- 原生 WordPress 塊編輯器,AKA Gutenberg – 免費。
- Elementor Pro 頁面構建器插件 – 49 美元起。
我們建議嘗試每種方法——您將獲得幾乎相同的結果,但過程可能會有所不同。
方法 1:使用 WordPress 塊編輯器 (Gutenberg)
對於創建自定義 WordPress 帖子模板的本機方式,您可以在本機 WordPress 塊編輯器(AKA Gutenberg)中使用新的模板編輯模式。 此功能在 2021 年 7 月發布的 WordPress 5.8 中推出。
如果您使用的是經典編輯器而不是塊編輯器,則需要跳到下一個方法。
這是 WordPress 的核心功能,因此它是 100% 免費的,您無需安裝插件即可訪問它。 但是,如果您的主題專門啟用了模板編輯模式,您只會看到模板編輯模式。 因為這是一個相對較新的功能,所以在我們撰寫本文時,並非所有主題開發人員都啟用了它。
基本上,如果您沒有看到此功能,則可能意味著您的主題開發人員尚未添加對它的支持。 如果是這種情況,您可以:
- 通過將此代碼片段添加到您的子主題的functions.php文件或像 Code Snippets 這樣的插件手動添加支持 -
add_theme_support( 'block-templates' );
- 跳到第二種方法,它適用於任何主題。
1.打開模板編輯器
首先使用塊編輯器創建一個新帖子。 在Post settings 側邊欄中,您會看到一個名為Template的選項:

同樣,如果您的編輯器中沒有此選項,可能是因為您當前的主題尚未與最新的 WordPress 版本兼容。
接下來,單擊新建。 在隨後的彈出窗口中,輸入模板的名稱並選擇Create :

2. 使用主題塊設計您的模板
您現在在模板編輯器中,您可以在其中開始設計帖子的佈局。 您可以使用兩種類型的佈局元素:
- 主題塊- 這些將動態插入使用該模板的每個帖子的內容。 例如,帖子標題、帖子特色圖片、帖子內容等都有主題塊。因此,如果您添加帖子內容塊,您的模板將顯示來自該帖子編輯器的內容。
- 常規塊——這些塊對於使用該模板的每個帖子都是相同的。 例如,您可以添加顯示在內容下方的 CTA 表單。
下面,您可以看到帖子標題塊顯示了來自編輯器的帖子的實際標題。 您還可以根據自己的喜好調整排版和顏色選項:

您可以在塊插入器的主題部分中找到所有主題塊:

您還可以使用所有常規塊,包括佈局塊(如列)。 但是,請記住,如果您添加內容塊,則對於使用此模板的每個帖子都是相同的。
3. 保存您的模板並將其應用於您的帖子
對設計感到滿意後,單擊“發布”以保存模板。 請注意,您需要將模板與帖子分開保存,否則這些更改將應用於您的帖子內容。

為此,您只需取消選中帖子標題旁邊的框,如下所示:

如果您決定稍後編輯您的模板,您可以打開一個帖子,在Settings中找到Template選項,然後選擇Edit :

請記住,您對現有模板所做的更改將出現在使用該模板的每個帖子上。 如您所見,您還可以選擇創建另一個模板。 如果您想為不同類型的帖子(例如指南、列表和常見問題解答)使用不同的佈局,這將非常有用。
每當您想創建新帖子或編輯現有帖子時,都可以單擊“模板”面板中的下拉菜單並應用正確的模板:

我們認為這是創建帖子模板的最簡單方法。 種類繁多的塊也為您提供了大量的自定義選項。 但是,如果您正在尋找一些更高級的功能,請考慮使用第二種方法。
方法二:使用 Elementor 創建單個帖子模板
添加模板的另一個主要方法是使用 Elementor Pro 插件。 這個插件提供了更多的設計自由度和功能,如果你需要更多的靈活性,它是完美的。
1.新建一個帖子模板
在我們開始之前,您需要安裝並激活 Elementor 的高級版本。 該插件的免費版本具有一些令人印象深刻的功能,但不幸的是,創建自定義單個帖子模板並不是其中之一。
完成後,您應該會在 WordPress 儀表板上看到兩個新的菜單選項: Elementor和Templates 。 單擊模板 > 添加新的,您應該會看到一個新的彈出菜單。 然後,選擇您的模板類型——在本例中為Single Post——並為其命名:

接下來,您將看到另一個彈出窗口。 這個將向您展示一些可用於入門的預製模板。 您可以編輯它們以滿足您的需求,或者按原樣使用它們。 或者,您可以關閉窗口以從頭開始創建您的設計:

2. 使用小部件自定義您的 WordPress 帖子模板
此時,您應該在 Elementor 的主編輯界面中。 它應該如下所示。 如果您選擇了模板,您將看到您導入的模板:

從這裡,您可以從左側菜單中拖放小部件。 您還可以將它們拖到頁面上後,將它們拖到任何您需要的地方。 您將主要關注 Single 小部件,因為這些小部件可讓您插入帖子的標題、內容、特色圖片等。
如果您在構建空模板時遇到問題,Elementor 有一個解決方案。 單擊左下角的齒輪圖標。 然後,您將能夠選擇一個特定的帖子作為您的佔位符內容。 例如,當您添加帖子標題小部件時,Elementor 將顯示來自您的佔位符帖子的真實標題。 不過,不要擔心內容——帖子本身將保持不變。
3. 選擇在哪裡使用您的模板
完成編輯後,單擊左下角的發布按鈕。
這將打開一個界面,讓您選擇要使用模板的位置。 也就是說,哪些帖子應該使用這個模板?
為了控制它,Elementor 允許您添加“條件”。
如果您想為每個帖子使用此帖子模板,您只需將條件設置為All Singular即可。 否則,您可以設置規則以針對特定類別、標籤、作者等的帖子。或者,您可以針對特定帖子。

完成後,單擊保存並關閉,您的新模板將適用於您根據條件定位的所有帖子。
開始創建自定義 WordPress 帖子模板
WordPress 帖子模板在速度和一致性方面可以為您的網站提供很多幫助。 幸運的是,開始使用這些工具非常容易。 通過掌握一些技術,您應該能夠簡化帖子創建過程並更有效地進行網站設計。
在本文中,我們介紹了構建 WordPress 帖子模板的兩種有效方法:
- 使用塊編輯器中的內置模板編輯器創建不同的佈局。
- 使用 Elementor Pro 的 Theme Builder 功能來設計自定義模板。
在我們完整的塊編輯器指南中查看塊編輯器的功能。 如果您想了解有關 Elementor 的更多信息,可以閱讀我們完整的 Elementor 評論。
您對創建 WordPress 帖子模板有任何疑問嗎? 在下面的評論部分讓我們知道!