WordPress頁面設計：短代碼v頁面模板

WordPress主題定制：頁面模板與短代碼的比較

WordPress憑藉其強大的功能和靈活性，在網頁設計領域佔據著主導地位。許多令人驚嘆的頁面設計都源於WordPress的主題定制功能，而這其中，頁面模板和短代碼扮演著關鍵角色。本文將深入探討這兩種技術，幫助您選擇最適合自己需求的方法。

核心要點

• WordPress主要通過頁面模板和短代碼實現自定義頁面設計。頁面模板用於在默認主題中顯示類別、文章和頁面；短代碼是可重用的代碼片段，提供複雜的功能和顯示選項。
• 需要對整個頁面進行自定義設計時，應優先選擇頁面模板；而短代碼更適合向主要內容區域添加自定義設計。
• 當多個頁面需要相同的設計模板時，短代碼更有效率。將短代碼添加到插件中，可以使模板與多個主題兼容。
• 選擇短代碼還是頁面模板取決於可重用性、依賴性、可移植性和易用性等因素。短代碼適用於多種用途，獨立於主題；頁面模板更適合單個靜態頁面，並依賴於主題和样式。

自定義設計的工作原理

每個主題都有自己實現自定義頁面設計的機制。主要有兩種技術：

頁面模板

默認主題包含用於顯示類別、文章和頁面的特定頁麵類型。我們可以使用WordPress頁面模板添加自己的頁面設計。只需在頁面頂部定義模板名稱即可。以下代碼包含一個基本的頁面模板：

<?php
/*
Template Name: 我的自定义模板
*/
get_header();
?>

    <!-- 内容 -->

<?php get_sidebar(); ?>

<?php get_footer(); ?>

定義模板後，您可以將其分配給新添加的頁面，如下圖所示：

短代碼

短代碼是可重用的代碼片段，充當快捷方式，提供複雜的功能和顯示選項。通常，短代碼設計模板放置在頁面編輯器中，您可以添加或修改必要的數據以生成自定義設計。下圖顯示了一個用於創建帶選項卡設計的短代碼：

兩種方法各有優缺點。 WordPress開發者面臨的挑戰在於針對不同情況選擇正確的方法。經驗不足的開發者往往會誤用這兩種技術，因此，在選擇短代碼或頁面模板來提供自定義設計之前，我們需要考慮以下幾點。

自定義設計如何融入頁面？

普通的WordPress頁麵包含多個子模板，例如頁眉、側邊欄、內容和頁腳。首先，我們來看一下使用以下屏幕的網頁結構：

頁面必須包含頁眉、頁腳和內容。側邊欄是可選的，我們可以根據自己的喜好將其對齊到右側或左側。現在，讓我們看看使用短代碼和頁面模板創建的自定義設計如何融入上述頁面。

短代碼可以插入到管理面板頁面創建區域的內容編輯器中。因此，從短代碼生成的任何設計都只適用於頁面內容。除非我們自定義模板文件，否則我們不能使用短代碼為頁眉、頁腳和側邊欄創建自定義設計。頁面模板作為單獨的文件放置在主題中。因此，我們可以自定義頁面模板文件，為上述屏幕中顯示的四個組件中的每一個添加不同類型的設計。

結論

如果需要對整個頁面進行自定義設計，則應優先選擇頁面模板。短代碼適合向主要內容區域添加自定義設計。

將數據填充到自定義設計中

主題開發者不能只創建帶有示例數據的模板，然後要求用戶通過更改源文件來管理他們自己的數據。 WordPress是一個內容管理系統，用戶應該能夠使用管理區域將數據填充到自定義設計中。 WordPress提供了使用自定義字段將動態數據添加到頁面的功能。但非技術用戶不熟悉向自定義字段添加必要的鍵和值。因此，大多數主題設計者使用主題的選項面板將數據填充到預定義的頁面模板中。這種方法的缺點是每個頁面模板只能有一個頁面。允許多個頁面的數據將使選項面板非常複雜難以處理。以下是用於將數據填充到主頁的示例選項面板：

另一方面，使用短代碼填充數據要容易得多。在tinyMCE編輯器中，我們可以創建自定義按鈕來插入短代碼。單擊按鈕後，短代碼將放置在頁面編輯器中，您可以根據需要用必要的數據填充短代碼。下圖顯示了一個帶有短代碼按鈕的內容編輯器，用於生成自定義設計：

這是最常用和最有效的方法。我們可以使用相同的短代碼設計模板創建多個頁面，並作為屬性填充相關數據。

結論

當您需要在多個頁面上使用相同的設計模板時，短代碼更有效。

將自定義設計添加到現有主題中

高級主題通常包含一組內置的頁面模板或自定義頁面設計。但是，假設我們想要創建一個默認情況下不可用的新設計模板。讓我們看看使用短代碼和頁面模板的可能解決方案。

頁面模板

我們可以將新設計創建為頁面模板，並將其複製到主題文件夾中以立即使其工作。每個頁面模板都放置在活動主題文件夾中。一旦我們更改主題，所有使用我們新設計頁面的內容都會崩潰，因為新主題中沒有該頁面模板。

短代碼

在這種情況下，我們可以將新設計創建為短代碼，並將其用於插件而不是包含在主題文件中，從而允許我們將其作為短代碼跨多個主題使用。

結論

每當您需要新的設計模板時，請在插件中創建短代碼，以使模板與多個主題兼容。

如何選擇短代碼和頁面模板

在前面的部分中，我們討論了在選擇短代碼或頁面模板時需要考慮的三個不同方面。現在讓我們來看一些通用準則，以確保我們有效地使用這些技術。

可重用性

當您希望多次使用相同的模板時，短代碼更適合。頁面模板更適合單個靜態頁面。主頁、關於、聯繫等頁面在大多數情況下用作獨立頁面。因此，頁面模板適合這些頁面。服務、作品集、項目等動態頁面最好創建為短代碼模板。

依賴性

短代碼可以用作獨立於主題的組件，而頁面模板則依賴於主題和样式。如果您正在創建供常用設計模板，請確保將其作為插件中的短代碼創建，以使其與跨主題兼容。

可移植性

與頁面模板相比，短代碼模板更易於移植。您可以將短代碼放置在頁面的任何位置，並且可以多次使用。另一方面，您需要一個完整的頁面才能使用頁面模板設計。

易用性

頁面模板由主題提供。作為用戶，您只需為任何給定頁面選擇頁面模板即可。短代碼和必要的數據放置在頁面內容編輯器中。因此，您很有可能錯誤地刪除內容。在這種情況下，所有帶有完整設計的數據都將丟失。與短代碼相比，頁面模板是永久性的，不易出錯。因此，從用戶的角度來看，頁面模板更容易和更安全地使用。

總體結論

沒有明確的結論說明哪種自定義模板設計方法更好。大多數情況下，這取決於本文中提到的各種因素的組合。您必須關注具體情況，並選擇最適合特定情況的方法。

希望我的分析能幫助您更好地理解使用短代碼和頁面模板的區別，以及哪種方法更適合您自己的自定義頁面設計。現在，您應該能夠為以下三種場景選擇短代碼或頁面模板：

1. 設計一個沒有側邊欄的3列頁面
2. 為您的博客設計一個廣告頁面
3. 設計一個價格表，以顯示不同產品和服務的套餐價格

期待您在評論區分享您的答案和理由。

WordPress頁面設計常見問題解答：短代碼與頁面模板

• WordPress中短代碼和頁面模板的主要區別是什麼？

WordPress中的短代碼和頁面模板用途不同。短代碼是可以插入到您的帖子和頁面中以添加特定功能或設計元素的小段代碼，例如按鈕、表單或滑塊。另一方面，頁面模板是決定WordPress網站上特定頁面或頁面組的佈局和設計的文 件。它們可用於為網站的不同部分創建獨特的佈局，例如作品集頁面、博客頁面或聯繫頁面。

• 如何在WordPress中創建自定義頁面模板？

要在WordPress中創建自定義頁面模板，您需要在主題目錄中創建一個新的PHP文件。您可以隨意命名此文件，但它應該以“.php”結尾。在此文件的頂部，您需要包含一個註釋，WordPress將使用此註釋來識別此文件為頁面模板。此註釋應如下所示：/* Template Name: 我的自定义页面 */。在此之後，您可以添加要在模板中使用的任何HTML、PHP或WordPress函數。

• 我可以在自定義頁面模板中使用短代碼嗎？

是的，您可以在自定義頁面模板中使用短代碼。為此，您需要使用WordPress提供的do_shortcode函數。此函數允許您在PHP文件中執行短代碼。例如，如果您有一個顯示聯繫表單的短代碼，您可以像這樣將其包含在您的頁面模板中：echo do_shortcode('[contact-form]');。

• 如何在WordPress中將自定義頁面模板分配給頁面？

要在WordPress中將自定義頁面模板分配給頁面，您需要編輯要為其分配模板的頁面。在頁面編輯器中，查找右側的“頁面屬性”框。在此框中，您將看到一個標記為“模板”的下拉菜單。單擊此菜單並選擇要使用的模板。然後，保存您的更改並查看您的頁面以查看新的模板。

• 我可以在同一頁面上同時使用短代碼和頁面模板嗎？

是的，您可以在同一頁面上同時使用短代碼和頁面模板。您可以將短代碼插入到頁面的內容中，並使用頁面模板來控制頁面的整體佈局和設計。這為您在設計和構建頁面方面提供了很大的靈活性。

• 使用短代碼或頁面模板有什麼限制？

使用短代碼的主要限制是，如果您的網站上有許多短代碼，有時它們可能難以管理。如果您更改主題或停用提供短代碼的插件，則短代碼將不再工作，並且會在您的網站上可見。另一方面，頁面模板是特定於主題的。如果您更改主題，則需要在新主題中重新創建頁面模板。

• 我可以在不編寫代碼的情況下創建自定義頁面模板嗎？

是的，有幾個WordPress插件允許您創建自定義頁面模板，而無需編寫任何代碼。這些插件提供了一個拖放界面，您可以使用它來設計頁面模板。一些流行的選項包括Elementor、Beaver Builder和Divi。

• 如何更新自定義頁面模板？

要更新自定義頁面模板，您需要編輯主題目錄中模板的PHP文件。進行所需的更改，然後保存文件。更改將應用於使用該模板的所有頁面。

• 我可以在小工具中使用短代碼嗎？

是的，您可以在小工具中使用短代碼。為此，只需將“文本”小工具添加到您的窗口小部件區域，然後將您的短代碼插入到窗口小部件的內容區域即可。

• 如何在WordPress中創建短代碼？

要在WordPress中創建短代碼，您需要將函數添加到主題的functions.php文件或自定義插件中。此函數應使用WordPress提供的add_shortcode函數來註冊新的短代碼。 add_shortcode函數採用兩個參數：短代碼的名稱和定義短代碼功能的回調函數。

以上是WordPress頁面設計：短代碼v頁面模板的詳細內容。更多資訊請關注PHP中文網其他相關文章！