您想學(xué)習(xí)如何在wordPress/ target=_blank class=infotextkey>WordPress側(cè)邊欄小部件中使用短代碼嗎?您可以使用簡碼塊向任何頁面或帖子添加短代碼。但是,如果您想在整個(gè)站點(diǎn)中使用相同的代碼,那么將其添加到側(cè)邊欄小部件可能會(huì)更容易。在本文中,我們將向您展示如何在WordPress側(cè)邊欄中使用短代碼。
為什么要在WordPress側(cè)邊欄小部件中使用簡碼?
簡碼允許您向網(wǎng)站添加高級內(nèi)容和功能,包括聯(lián)系表格、表格、隨機(jī)報(bào)價(jià)等等。WordPress帶有幾個(gè)內(nèi)置的短代碼,但一些插件也添加了自己的短代碼。
您可以使用WordPress編輯器和內(nèi)置的短代碼塊向任何頁面或帖子添加短代碼。但是,如果您想在整個(gè)站點(diǎn)中使用簡碼,那么將其添加到側(cè)邊欄通常是有意義的。
例如,您可以使用Smash Balloon Instagram Feed提供的短代碼在WordPress側(cè)邊欄中顯示Instagram照片。
然后,此內(nèi)容將顯示在您的整個(gè)WordPress網(wǎng)站上,因此您無需在每個(gè)頁面添加它并手動(dòng)發(fā)布。這可以為您節(jié)省大量時(shí)間和精力,并有助于保持網(wǎng)站設(shè)計(jì)的一致性。
方法1:使用WordPress簡碼小部件(簡單)
大多數(shù)免費(fèi)和付費(fèi)的WordPress主題都帶有小部件就緒的側(cè)邊欄??紤]到這一點(diǎn),您通??梢院唵蔚貙⒑喆a小部件添加到網(wǎng)站的側(cè)邊欄中。
首先,轉(zhuǎn)到儀表板中的外觀»小部件。在這里,您將看到可以在WordPress中添加小部件的所有不同區(qū)域,包括側(cè)邊欄。
只需單擊“+”按鈕,然后開始輸入“簡碼”。
當(dāng)右側(cè)塊出現(xiàn)時(shí),將其拖到WordPress側(cè)邊欄上。
您現(xiàn)在可以將短代碼添加到塊中。
完成后,不要忘記單擊“更新”以進(jìn)行更改。
您現(xiàn)在可以訪問您的WordPress博客或網(wǎng)站以查看運(yùn)行中的短代碼。
方法 2.使用完整的站點(diǎn)編輯器(適用于啟用塊的WordPress主題)
如果您使用的是塊主題,則可以使用全站點(diǎn)編輯器將短代碼添加到側(cè)邊欄。在您的 WordPress 儀表板中,轉(zhuǎn)到主題 » 編輯器。
這將打開完整站點(diǎn)編輯器,其中已選擇主題的模板之一。
如果要將簡碼添加到其他模板,請單擊工具欄中的箭頭并選擇“瀏覽所有模板”。
現(xiàn)在,您將看到構(gòu)成主題的所有不同模板。
只需找到要添加短代碼的模板,然后單擊即可。
之后,單擊“+”按鈕并開始輸入“簡碼”。
當(dāng)右側(cè)小部件出現(xiàn)時(shí),只需將其拖到主題的側(cè)邊欄上即可。
您現(xiàn)在可以將短代碼添加到小部件中。當(dāng)您對更改感到滿意時(shí),請單擊“保存”以使簡碼生效。
方法 3:使用自定義 html 小部件(更可自定義)
有時(shí)您可能希望顯示其他內(nèi)容以及短代碼。例如,RafflePress 可以使用短代碼將競賽或贈(zèng)品添加到您的側(cè)邊欄。為了吸引更多人關(guān)注比賽,您可能希望在比賽上方顯示一個(gè)標(biāo)題。
您無需創(chuàng)建單獨(dú)的簡碼和標(biāo)題塊,只需將簡碼和文本添加到自定義 HTML 塊即可。這有助于您將不同的內(nèi)容排列在一個(gè)漂亮的布局中。您還可以使用 HTML 設(shè)置塊的樣式,以便準(zhǔn)確控制它在邊欄中的外觀。
默認(rèn)情況下,自定義HTML塊不支持短代碼,但您可以通過向WordPress添加自定義代碼來輕松更改它。添加此代碼后,您可以在整個(gè)WordPress網(wǎng)站的任何自定義HTML塊中使用短代碼。
通常,您會(huì)找到包含將自定義代碼添加到站點(diǎn)函數(shù).php文件的說明的指南。但是,不建議這樣做,因?yàn)榇a中的任何錯(cuò)誤都可能導(dǎo)致常見的WordPress錯(cuò)誤,甚至完全破壞您的網(wǎng)站。
這就是WPCode的用武之地。
這個(gè)免費(fèi)的插件可以輕松地將自定義css,PHP,HTML等添加到WordPress,而不會(huì)使您的網(wǎng)站面臨風(fēng)險(xiǎn)。更好的是,它帶有一個(gè)現(xiàn)成的片段庫,其中包括允許您在文本小部件中使用短代碼的代碼。
首先,您需要安裝并激活WPCode。
之后,轉(zhuǎn)到 代碼片段 » 添加代碼段 在WordPress儀表板中。您現(xiàn)在可以開始輸入“簡碼”。
當(dāng)它出現(xiàn)時(shí),將鼠標(biāo)懸停在以下代碼片段上:“在文本小部件中啟用簡碼執(zhí)行”。
然后,您可以繼續(xù)并單擊“使用代碼段”。
這將在WPCode編輯器中打開代碼段。WPCode為您配置代碼段設(shè)置,因此您只需單擊“非活動(dòng)”開關(guān)即可將其變?yōu)樗{(lán)色。
完成后,單擊“更新”以使代碼段生效。
現(xiàn)在,您可以向任何文本小部件添加簡碼。
只需轉(zhuǎn)到外觀»小部件,然后在搜索欄中輸入“自定義HTML”。
當(dāng)右側(cè)塊出現(xiàn)時(shí),將其拖到網(wǎng)站的側(cè)邊欄上。
完成后,您可以將HTML和短代碼添加到塊中。
如果您對小部件的設(shè)置方式感到滿意,請單擊“更新”。
現(xiàn)在,如果您訪問您的網(wǎng)站,您將看到實(shí)時(shí)的短代碼和自定義 HTML。
常見問題解答:在WordPress側(cè)邊欄小部件中使用簡碼
無論您使用什么主題,您都應(yīng)該能夠使用上述方法之一將短代碼添加到側(cè)邊欄。但是,如果您需要額外的幫助,那么這里有一些關(guān)于在側(cè)邊欄添加短代碼的最常見問題。
如何更改側(cè)邊欄小部件的顯示位置?
側(cè)邊欄的位置由您的WordPress主題控制。如果您對側(cè)邊欄的位置不滿意,則可以使用主題設(shè)置進(jìn)行更改。
許多最好的WordPress主題允許您在不同的布局之間進(jìn)行選擇。通常,這包括在屏幕的不同側(cè)面顯示側(cè)邊欄。
要查看您的主題是否具有不同的側(cè)邊欄布局,請轉(zhuǎn)到 外觀 »WordPress 儀表板中的自定義。在這里,查找任何標(biāo)記為側(cè)邊欄或類似設(shè)置的設(shè)置。
只需單擊此選項(xiàng)并查找允許您更改側(cè)邊欄在網(wǎng)站上顯示位置的任何設(shè)置。
例如,下圖顯示了Astra WordPress主題中的側(cè)邊欄設(shè)置。
進(jìn)行更改后,單擊“發(fā)布”按鈕以使新的側(cè)邊欄布局生效。
如果您無法使用內(nèi)置設(shè)置更改側(cè)邊欄的位置,那么另一種選擇是創(chuàng)建 WordPress 子主題。
如何將側(cè)邊欄添加到我的 WordPress 主題?
如果您的主題沒有側(cè)邊欄,則可以創(chuàng)建一個(gè)子主題,然后使用代碼添加側(cè)邊欄。
如果您不習(xí)慣編寫代碼,那么您還可以使用SeedProd等插件創(chuàng)建自定義WordPress主題。您可以使用這個(gè)流行的頁面構(gòu)建器插件,通過簡單的拖放編輯器設(shè)計(jì)自己的主題和側(cè)邊欄。
如何在每個(gè)帖子或頁面上使用不同的短代碼?
有時(shí)您可能希望在某些帖子和頁面上使用不同的短代碼。例如,您可能希望在歸檔頁面上展示最受歡迎的帖子,并在首頁上展示廣告