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

WordPress憑借其強大的功能和靈活性，在網(wǎng)頁設(shè)計領(lǐng)域占據(jù)著主導地位。許多令人驚嘆的頁面設(shè)計都源于WordPress的主題定制功能，而這其中，頁面模板和短代碼扮演著關(guān)鍵角色。本文將深入探討這兩種技術(shù)，幫助您選擇最適合自己需求的方法。

核心要點

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

自定義設(shè)計的工作原理

每個主題都有自己實現(xiàn)自定義頁面設(shè)計的機制。主要有兩種技術(shù)：

頁面模板

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

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

    <!-- 內(nèi)容 -->

<?php get_sidebar(); ?>

<?php get_footer(); ?>

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

短代碼

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

兩種方法各有優(yōu)缺點。WordPress開發(fā)者面臨的挑戰(zhàn)在于針對不同情況選擇正確的方法。經(jīng)驗不足的開發(fā)者往往會誤用這兩種技術(shù)，因此，在選擇短代碼或頁面模板來提供自定義設(shè)計之前，我們需要考慮以下幾點。

自定義設(shè)計如何融入頁面？

普通的WordPress頁面包含多個子模板，例如頁眉、側(cè)邊欄、內(nèi)容和頁腳。首先，我們來看一下使用以下屏幕的網(wǎng)頁結(jié)構(gòu)：

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

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

結(jié)論

如果需要對整個頁面進行自定義設(shè)計，則應(yīng)優(yōu)先選擇頁面模板。短代碼適合向主要內(nèi)容區(qū)域添加自定義設(shè)計。

將數(shù)據(jù)填充到自定義設(shè)計中

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

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

這是最常用和最有效的方法。我們可以使用相同的短代碼設(shè)計模板創(chuàng)建多個頁面，并作為屬性填充相關(guān)數(shù)據(jù)。

結(jié)論

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

將自定義設(shè)計添加到現(xiàn)有主題中

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

頁面模板

我們可以將新設(shè)計創(chuàng)建為頁面模板，并將其復制到主題文件夾中以立即使其工作。每個頁面模板都放置在活動主題文件夾中。一旦我們更改主題，所有使用我們新設(shè)計頁面的內(nèi)容都會崩潰，因為新主題中沒有該頁面模板。

短代碼

在這種情況下，我們可以將新設(shè)計創(chuàng)建為短代碼，并將其用于插件而不是包含在主題文件中，從而允許我們將其作為短代碼跨多個主題使用。

結(jié)論

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

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

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

可重用性

當您希望多次使用相同的模板時，短代碼更適合。頁面模板更適合單個靜態(tài)頁面。主頁、關(guān)于、聯(lián)系等頁面在大多數(shù)情況下用作獨立頁面。因此，頁面模板適合這些頁面。服務(wù)、作品集、項目等動態(tài)頁面最好創(chuàng)建為短代碼模板。

依賴性

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

可移植性

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

易用性

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

總體結(jié)論

沒有明確的結(jié)論說明哪種自定義模板設(shè)計方法更好。大多數(shù)情況下，這取決于本文中提到的各種因素的組合。您必須關(guān)注具體情況，并選擇最適合特定情況的方法。

希望我的分析能幫助您更好地理解使用短代碼和頁面模板的區(qū)別，以及哪種方法更適合您自己的自定義頁面設(shè)計?，F(xiàn)在，您應(yīng)該能夠為以下三種場景選擇短代碼或頁面模板：

1. 設(shè)計一個沒有側(cè)邊欄的3列頁面
2. 為您的博客設(shè)計一個廣告頁面
3. 設(shè)計一個價格表，以顯示不同產(chǎn)品和服務(wù)的套餐價格

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

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

• WordPress中短代碼和頁面模板的主要區(qū)別是什么？

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

• 如何在WordPress中創(chuàng)建自定義頁面模板？

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

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

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

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

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

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

是的，您可以在同一頁面上同時使用短代碼和頁面模板。您可以將短代碼插入到頁面的內(nèi)容中，并使用頁面模板來控制頁面的整體布局和設(shè)計。這為您在設(shè)計和構(gòu)建頁面方面提供了很大的靈活性。

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

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

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

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

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

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

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

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

• 如何在WordPress中創(chuàng)建短代碼？

要在WordPress中創(chuàng)建短代碼，您需要將函數(shù)添加到主題的functions.php文件或自定義插件中。此函數(shù)應(yīng)使用WordPress提供的add_shortcode函數(shù)來注冊新的短代碼。add_shortcode函數(shù)采用兩個參數(shù)：短代碼的名稱和定義短代碼功能的回調(diào)函數(shù)。

以上是WordPress頁面設(shè)計：短代碼v頁面模板的詳細內(nèi)容。更多信息請關(guān)注PHP中文網(wǎng)其他相關(guān)文章！