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

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

核心要點(diǎn)

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

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

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

頁面模板

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

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

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

<?php get_sidebar(); ?>

<?php get_footer(); ?>

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

短代碼

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

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

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

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

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

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

結(jié)論

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

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

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

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

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

結(jié)論

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

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

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

頁面模板

我們可以將新設(shè)計(jì)創(chuàng)建為頁面模板，並將其複製到主題文件夾中以立即使其工作。每個(gè)頁面模板都放置在活動(dòng)主題文件夾中。一旦我們更改主題，所有使用我們新設(shè)計(jì)頁面的內(nèi)容都會(huì)崩潰，因?yàn)樾轮黝}中沒有該頁面模板。

短代碼

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

結(jié)論

每當(dāng)您需要新的設(shè)計(jì)模板時(shí)，請?jiān)诓寮袆?chuàng)建短代碼，以使模板與多個(gè)主題兼容。

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

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

可重用性

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

依賴性

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

可移植性

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

易用性

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

總體結(jié)論

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

要更新自定義頁面模板，您需要編輯主題目錄中模板的PHP文件。進(jìn)行所需的更改，然後保存文件。更改將應(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ù)採用兩個(gè)參數(shù)：短代碼的名稱和定義短代碼功能的回調(diào)函數(shù)。

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