Paano Magdagdag ng isang Shortcode sa WordPress? (Gabay sa Baguhan)

Ang mga shortcode ay isang madaling paraan upang magdagdag ng mga dynamic na nilalaman sa iyong mga post sa WordPress, pahina, at mga sidebars.


Maraming mga plugin at tema ng WordPress ang gumagamit ng mga shortcode upang magdagdag ng dalubhasang nilalaman tulad ng mga form ng contact, mga gallery ng imahe, mga slider, at marami pa.

Sa artikulong ito, ipapakita namin sa iyo kung paano madaling magdagdag ng isang shortcode sa WordPress. Ipapakita rin namin sa iyo kung paano lumikha ng iyong sariling mga pasadyang mga shortcode sa WordPress.

Pagdaragdag ng isang shortcode sa WordPress

Ano ang Mga Shortcode?

Ang mga shortcode sa WordPress ay mga shortcut ng code na makakatulong sa iyo na magdagdag ng mga dynamic na nilalaman sa mga post sa WordPress, mga pahina, at mga sidebar na mga widget. Ang mga ito ay ipinapakita sa loob ng mga square bracket na tulad nito:

[myshortcode]

Upang mas mahusay na maunawaan ang mga shortcode, tingnan ang background kung bakit sila ay idinagdag sa unang lugar.

Sinala ng WordPress ang lahat ng nilalaman upang matiyak na walang gumagamit ng mga post at nilalaman ng pahina upang magpasok ng nakakahamak na code sa database. Nangangahulugan ito na maaari kang sumulat ng pangunahing HTML sa iyong mga post, ngunit hindi ka maaaring magsulat ng code ng PHP.

Ngunit paano kung nais mong magpatakbo ng ilang pasadyang code sa loob ng iyong mga post upang ipakita ang mga kaugnay na post, banner ad, mga form ng contact, gallery, atbp?

Dito nakapasok ang Shortcode API.

Karaniwan, pinapayagan nito ang mga developer na magdagdag ng kanilang code sa loob ng isang function at pagkatapos ay irehistro ang function na may WordPress bilang isang shortcode, kaya madaling magamit ito ng mga gumagamit nang walang pagkakaroon ng kaalaman sa coding.

Kapag nahanap ng WordPress ang shortcode ay awtomatikong tatakbo nito ang code na nauugnay dito.

Tingnan natin kung paano madaling magdagdag ng mga shortcode sa iyong mga post at pahina ng WordPress.

Pagdaragdag ng isang Shortcode sa Mga Post at Pahina ng WordPress

Una, kailangan mong i-edit ang post at pahina kung saan nais mong idagdag ang shortcode. Pagkatapos nito, kailangan mong mag-click sa pindutan ng add block upang maglagay ng isang shortcode block.

Pagdaragdag ng shortcode block sa WordPress

Matapos idagdag ang bloke ng shortcode, maaari mo lamang ipasok ang iyong shortcode sa mga setting ng block. Ang shortcode ay bibigyan ng iba’t ibang mga plugin ng WordPress na maaari mong gamitin tulad ng WPForms para sa mga form ng contact, OptinMonster para sa mga form sa marketing sa email, pindutan ng WP Call para sa pagpasok ng isang pindutan upang mag-click sa pindutan ng tawag, atbp.

Ipasok ang shortcode sa editor ng block

Upang malaman ang higit pa tungkol sa paggamit ng mga bloke, tingnan ang aming Tutorial Gutenberg para sa higit pang mga detalye.

Maaari mo na ngayong i-save ang iyong post o pahina at i-preview ang iyong mga pagbabago upang makita ang shortcode na kumilos.

Pagdaragdag ng isang Shortcode sa Mga Widget ng WordPress Sidebar

Maaari ka ring gumamit ng mga shortcode sa mga widget ng sidebar ng WordPress. Bisitahin lamang ang Hitsura »Mga Widget pahina at idagdag ang widget na ‘Text’ sa isang sidebar.

Ngayon ay maaari mong i-paste ang iyong shortcode sa loob ng lugar ng teksto ng widget.

Pagdaragdag ng shortcode sa sidebar widget

Huwag kalimutan na mag-click sa pindutan ng ‘I-save’ upang maimbak ang iyong mga setting ng widget.

Pagkatapos nito, maaari mong bisitahin ang iyong website ng WordPress upang makita ang live na preview ng shortcode sa sidebar widget.

Pagdaragdag ng isang Shortcode sa Old WordPress Classic Editor

Kung gumagamit ka pa rin ng lumang klasikong editor sa WordPress, pagkatapos dito ay kung paano ka magdagdag ng mga shortcode sa iyong mga post sa WordPress at pahina.

I-edit lamang ang post at pahina kung saan nais mong idagdag ang shortcode. Maaari mong i-paste ang shortcode kahit saan sa loob ng editor ng nilalaman kung saan nais mo itong ipakita. Siguraduhin lamang na ang shortcode ay nasa sarili nitong linya.

Shortcode klasikong editor

Huwag kalimutan na i-save ang iyong mga pagbabago. Pagkatapos nito maaari mong i-preview ang iyong post at pahina upang makita ang shortcode na kumikilos.

Paano Magdagdag ng isang Shortcode sa Mga Tema ng WordPress Tema

Ang mga shortcode ay nilalayong magamit sa loob ng mga post ng WordPress, mga pahina, at mga widget. Gayunpaman, kung minsan ay maaaring nais mong gumamit ng isang shortcode sa loob ng isang WordPress file file.

Ginagawang madali ng WordPress na gawin iyon, ngunit kakailanganin mong i-edit ang iyong mga file ng tema ng WordPress. Kung hindi mo pa nagawa ito, tingnan ang aming gabay sa kung paano kopyahin at i-paste ang code sa WordPress.

Karaniwan, maaari kang magdagdag ng isang shortcode sa anumang template ng tema ng WordPress sa pamamagitan lamang ng pagdaragdag ng sumusunod na code.

<?php echo do_shortcode ("[iyong_shortcode]"); ?>

Hahanapin ngayon ng WordPress ang shortcode at ipakita ang output nito sa iyong template ng tema.

Paano Gumawa ng Iyong Sariling Custom Shortcode sa WordPress

Ang mga shortcode ay maaaring maging kapaki-pakinabang kapag nais mong magdagdag ng mga dynamic na nilalaman o pasadyang code sa loob ng post ng WordPress at mga pahina. Gayunpaman, kung nais mong lumikha ng isang pasadyang shortcode, pagkatapos ay nangangailangan ito ng ilang karanasan sa pag-cod.

Kung komportable ka sa pagsusulat ng code ng PHP, pagkatapos dito ay isang sample code na maaari mong gamitin bilang isang template.

// function na tumatakbo kapag tinatawag na shortcode
gumana wpb_demo_shortcode () {

// Mga bagay na nais mong gawin.
$ message = ‘Kumusta mundo!’;

// Kailangang bumalik ang output
ibalik ang $ mensahe;
}
// magrehistro ng shortcode
add_shortcode (‘pagbati’, ‘wpb_demo_shortcode’);

Sa code na ito, gumawa muna kami ng isang function na nagpapatakbo ng ilang code at ibabalik ang output. Pagkatapos nito, lumikha kami ng isang bagong shortcode na tinatawag na ‘pagbati’ at sinabi sa WordPress na patakbuhin ang function na nilikha namin.

Maaari mo na ngayong magamit na idagdag ang shortcode na ito sa iyong mga post, pahina, at mga widget gamit ang sumusunod na code:

[pagbati]

Ito ay tatakbo ang function na nilikha mo at ipakita ang nais na output.

Ngayon tingnan natin ang isang mas praktikal na paggamit ng isang shortcode. Sa halimbawang ito, magpapakita kami ng isang banner ng Google AdSense sa loob ng isang shortcode.

// Ang function ng shortcode
gumana wpb_demo_shortcode_2 () {

// Nai-post ang code ng advertising sa loob ng isang variable
$ string. = ‘

(adsbygoogle = window.adsbygoogle || []). itulak ({});
‘;

// Bumalik ang code ng ad
ibalik ang $ string;

}
// Magrehistro ng shortcode
add_shortcode (‘my_ad_code’, ‘wpb_demo_shortcode_2’);

Huwag kalimutan na palitan ang ad code sa iyong sariling code ng ad.

Maaari mo na ngayong gamitin ang shortcode ng [my_ad_code] sa loob ng iyong mga post sa WordPress, mga pahina, at mga sidebar na mga widget. Awtomatikong tatakbo ng WordPress ang pagpapaandar na nauugnay sa shortcode at ipakita ang code ng ad.

Mga Shortcodes vs Gutenberg Blocks

Madalas kaming tatanungin ng mga gumagamit tungkol sa mga pagkakaiba sa pagitan ng shortcode kumpara sa bagong mga bloke ng Gutenberg.

Talaga kung nakita mong kapaki-pakinabang ang mga shortcode, magugustuhan mo ang mga bloke ng editor ng WordPress. Pinapayagan ka ng mga bloke na gawin ang parehong bagay ngunit sa isang mas madaling paggamit ng gumagamit.

Sa halip na hiniling ang mga gumagamit na magdagdag ng isang shortcode para sa pagpapakita ng mga dynamic na nilalaman, pinapayagan ng mga bloke ang mga gumagamit na magdagdag ng mga dynamic na nilalaman sa loob ng mga post / pahina na may mas madaling intuitive na interface ng gumagamit. Maraming mga tanyag na plugin ng WordPress ang lumilipat sa paggamit ng mga bloke ng Gutenberg sa halip na mga shortcode dahil mas friendly sila sa nagsisimula.

Pinagsama namin ang isang listahan ng mga pinaka kapaki-pakinabang na plugin ng block ng Gutenberg para sa WordPress na maaaring nais mong subukan.

Kung nais mong lumikha ng iyong sariling pasadyang mga bloke ng Gutenberg, maaari mong sundin ang aming hakbang-hakbang na tutorial sa kung paano lumikha ng pasadyang mga bloke ng Gutenberg sa WordPress.

Inaasahan naming nakatulong sa iyo ang artikulong ito kung paano magdagdag ng isang shortcode sa WordPress. Maaari mo ring makita ang aming gabay sa pinakamahusay na pag-drag & i-drop ang mga plugin ng tagabuo ng WordPress, at kung paano lumikha ng isang pasadyang tema ng WordPress nang walang pagsulat ng anumang code.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map