您想在您的 WordPress 主題中使用短代碼嗎?通常,您將在帖子、頁面或側(cè)邊欄小部件等內(nèi)容區(qū)域內(nèi)使用簡碼。但是,有時(shí)您可能希望在WordPress主題中添加一個(gè)短代碼。在本文中,我們將向您展示如何輕松地將任何短代碼添加到您的 WordPress 主題中。

為什么要在你的WordPress主題中使用簡碼?
簡碼允許您向網(wǎng)站添加各種功能,包括圖片庫、表單、社交媒體提要等等。
WordPress帶有一些內(nèi)置的短代碼,但也有許多流行的WordPress插件可以為您的網(wǎng)站添加短代碼。
例如,WPForms 具有易于使用的塊,但它也提供短代碼,以便您可以將表單添加到網(wǎng)站的其他區(qū)域。

大多數(shù)情況下,您將在帖子和頁面等內(nèi)容區(qū)域中添加短代碼。

但是,有時(shí)您可能希望在 WordPress 主題文件中使用簡碼。
這允許您將動(dòng)態(tài)元素添加到無法使用標(biāo)準(zhǔn) WordPress 帖子編輯器編輯的區(qū)域,例如您的 404 頁面。這也是在多個(gè)頁面上使用相同的短代碼的簡單方法。
例如,您可以向主題的主頁或帖子模板添加短代碼。
方法 1:使用全站點(diǎn)編輯器(僅限塊主題)
在您的 WordPress 主題中使用短代碼的最簡單方法是使用完整的站點(diǎn)編輯器。這允許您將簡碼塊添加到網(wǎng)站的任何部分。
但是,此方法僅適用于基于塊的主題,例如 Hestia Pro。如果您沒有使用啟用塊的主題,則需要改用其他方法。
要開始使用,請(qǐng)轉(zhuǎn)到 主題 ? 編輯器 在 WordPress 儀表板中。

默認(rèn)情況下,完整站點(diǎn)編輯器顯示主題的主模板,但您可以向任何模板或模板部件(如頁眉或頁腳)添加短代碼。
要查看所有可用選項(xiàng),只需選擇“模板”或“模板部件”。

您現(xiàn)在可以單擊要編輯的模板或模板部件。
例如,我們將向 404 頁面模板添加一個(gè)簡碼,但無論您選擇哪個(gè)模板,步驟都將完全相同。

WordPress現(xiàn)在將顯示模板或模板部分的預(yù)覽。
要添加簡碼,請(qǐng)繼續(xù)并單擊小鉛筆圖標(biāo)。

完成后,單擊左上角的藍(lán)色“+”圖標(biāo)。
在搜索欄中,您需要輸入“簡碼”。

出現(xiàn)右側(cè)塊時(shí),將其拖放到主題模板上。
您現(xiàn)在可以粘貼或鍵入要使用的簡碼。

之后,繼續(xù)并單擊“保存”按鈕。
現(xiàn)在,只需訪問您的WordPress博客即可查看運(yùn)行中的短代碼。

方法2:編輯WordPress主題文件(適用于任何WordPress主題)
您還可以通過編輯主題文件將短代碼添加到您的 WordPress 主題中。這種方法更高級(jí),但它適用于每個(gè)WordPress主題。
您可以直接修改單個(gè)主題文件,但這會(huì)使在不丟失自定義的情況下更新 WordPress 主題變得困難。因此,我們建議通過創(chuàng)建子主題來覆蓋主題文件。
如果要?jiǎng)?chuàng)建自定義主題,則可以在現(xiàn)有主題文件中添加或修改代碼。
編輯主題文件時(shí),不能添加與標(biāo)準(zhǔn)內(nèi)容區(qū)相同的短代碼。您將在屏幕上看到短代碼本身,而不是看到短代碼的輸出。
發(fā)生這種情況是因?yàn)閃ordPress不會(huì)在主題模板文件中執(zhí)行短代碼。相反,您需要明確告訴WordPress使用該函數(shù)運(yùn)行短代碼。 do_shortcode。
以下是您將添加到WordPress主題文件中的代碼示例:
echo do_shortcode('[gallery]');
只需將“圖庫”替換為您要使用的簡碼即可。
如果要添加帶有額外參數(shù)的簡碼,則代碼片段也會(huì)稍有變化。
假設(shè)您已使用 WPForms 創(chuàng)建了一個(gè)聯(lián)系表單。在這種情況下,您需要使用標(biāo)準(zhǔn) WPForms 短代碼加上表單的 ID:
echo do_shortcode( "[wpforms id='92']" );
故障排除:當(dāng)do_shortcode不起作用時(shí)該怎么辦
有時(shí),您可能會(huì)向主題文件添加簡碼,但代碼的輸出不會(huì)出現(xiàn)在您的 WordPress 網(wǎng)站上。這通常意味著短代碼取決于您網(wǎng)站上的WordPress插件或其他代碼。
如果do_shortcode功能不起作用,請(qǐng)轉(zhuǎn)到插件 ? 已安裝的插件,確保已安裝并激活提供短代碼的插件。
在下圖中,WPForms 已安裝但已停用,因此代碼將不起作用。 echo do_shortcode

您還可以通過將函數(shù)添加到 index.php 文件中來檢查是否有可供您使用的短代碼。 shortcode_exists()
在以下代碼片段中,我們將檢查 WPForms 代碼段是否可以在我們的網(wǎng)站上使用:
f ( shortcode_exists( 'wpforms' )) {
echo do_shortcode("[[wpforms id='147']]");
}
如果您仍然沒有在您的網(wǎng)站上看到短代碼輸出,請(qǐng)嘗試清除 WordPress 緩存,因?yàn)槟赡軙?huì)看到網(wǎng)站的過時(shí)版本。
方法3:創(chuàng)建自己的WordPress主題(完全可定制)
另一種選擇是創(chuàng)建自定義WordPress主題。這是一種更高級(jí)的方法,但它允許您將任意數(shù)量的短代碼添加到 WordPress 主題的任何區(qū)域。您還可以進(jìn)行其他更改以創(chuàng)建完全具有所需功能和設(shè)計(jì)的主題。
過去,您需要遵循復(fù)雜的WordPress教程并編寫代碼來構(gòu)建自定義WordPress主題。但是,現(xiàn)在可以創(chuàng)建自定義主題,而無需使用 SeedProd 編寫任何代碼。
SeedProd 是最好的 WordPress 頁面構(gòu)建器,還帶有主題構(gòu)建器。這允許您使用拖放來設(shè)計(jì)自己的主題。

創(chuàng)建主題后,您可以通過轉(zhuǎn)到 SeedProd ? 主題生成器將短代碼添加到 WordPress 網(wǎng)站的任何部分。

在這里,找到要使用簡碼的模板。
然后,只需將鼠標(biāo)懸停在該模板上,然后在出現(xiàn)時(shí)單擊“編輯設(shè)計(jì)”。

這將在 SeedPro 的拖放頁面構(gòu)建器中打開模板。
在左側(cè)菜單中,滾動(dòng)到“高級(jí)”部分。在這里,找到 簡碼 塊并將其拖到您的布局上。

在實(shí)時(shí)預(yù)覽中,只需單擊以選擇簡碼塊。
您現(xiàn)在可以將短代碼添加到“簡碼”框中。

默認(rèn)情況下,SeedProd 不會(huì)在實(shí)時(shí)預(yù)覽中顯示短代碼輸出。
要查看您的簡碼運(yùn)行情況,請(qǐng)單擊“顯示簡碼選項(xiàng)”切換。

之后,您可能希望通過選擇“高級(jí)”選項(xiàng)卡來向簡碼輸出添加一些樣式。
在這里,您可以更改間距,添加自定義CSS,甚至添加CSS動(dòng)畫效果。

當(dāng)您對(duì)頁面的外觀感到滿意時(shí),只需單擊“保存”按鈕。
之后,選擇“發(fā)布”以使短代碼生效。

您現(xiàn)在可以訪問您的網(wǎng)站以查看自定義簡碼的實(shí)際效果。





