Dala ama-Shortcode wetimu yethu ye-WordPress

Njengoba siqale ngale phrojekthi, besihlala sifuna ukuthi ibe nelebuli yethu, yingakho ithempulethi yesibili esiyisebenzisayo DesdeLinux, yadalwa yithi 100%.

Ngemuva kwalokho ezinye izinguqulo zilandele, futhi yize singathenga noma siqashe izinsizakalo ezithile zewebhu ukudala imiklamo yethu njengaleyo ye- I-StudioDWeb.com, noma thenga izifanekiso esivele zenziwe ku- YayIzOOOnline.com, besilokhu sifuna ukuba nezethu, sizivumelanise nezidingo zethu bese sidlula OkunguWe.com kungaba usizo 😀

Noma kunjalo, ngiyazifela nge-Web Design and Development, futhi sengivele ngisebenza ngesihloko esisha se- DesdeLinux futhi ngizokukhombisa ama-Screenshots ukuthi abukeka kanjani.

Umqondo akukhona ukuphuma kulokho esivele sivumelene nakho, izinto eziningi zihlala zifanayo noma ngendlela efanayo. Ngiqala ngekhasi lasekhaya

Futhi yilokhu izindatshana ebezizobukeka:

Njengoba ukwazi ukubona, kufanelekile isilinganiso sethu futhi sifake okusha Amakhodi amafushane ukunwetshwa kwemibhalo.

Kungakho ngicabange ukuthi ngihlanganyele nawe ukuthi ungadala kanjani eyodwa yazo (leyo eyodwa) uma kwenzeka ufuna ukuyifaka ezihlokweni zakho ze WordPress. Ngisho, into enjengale:

Angiyena uchwepheshe wokuhlela ngale CMS, ngakho-ke ngeke ngizame ukuchaza ukuthi kungani isebenza kanjani nokuthi isebenza kanjani ngale ndlela, ngizokukhombisa kuphela ukuthi ungayenza kanjani, inkathi.

Ngenxa yalokhu sisebenzisa «ummese wamasosha waseSwitzerland» we WordPress, Ngisho ifayela umsebenzi.php esivame ukukuthola cishe kuzo zonke izihloko.

Isibonelo se-Function.php enama-ShortCodes DesdeLinux

Esizokwenza kuleli fayela ukufaka isakhiwo se-ShortCode yethu futhi, ilebula elikhombisa lokho. Ngakho-ke ake sifike kukho.

Ngaphakathi kweFunction.php

Ngaphakathi kwefayela lethu le-function.php esizokubeka kuzoba ukwakheka kwe-HTML kwe-ShortCode, kepha akukhona ukumane ubeke amathegi we-HTML kanjalo nje. Sizoba nokuthile okufana nalokhu:

// Incobo yokusebenza yolwazi ($ atts, $ content = null, $ code = "") {$ return = ' '; $ Return. = $ okuqukethwe; $ buyela. = ' '; buyisela i- $ return; } // I-ShortCode add_shortcode ('info', 'infobox');

Ukusuka lapha sicacisa izinto ezimbalwa. Okokuqala, lapho sisebenzisa amabha amabili siphawula ngomugqa, ngakho-ke // Ulwazi ukuphawula nje.

Igama lomsebenzi, kuleli cala ibhokisi lolwazi Ingashintshelwa kunoma yini esiyifunayo, kepha kufanele ifane negama esilisebenzisa kulayini wokugcina.

Isibonelo:

$ Return. = $ okuqukethwe;

Okuguqukayo $ okuqukethwe lapho okuqukethwe esikufaka ku-ShortCode kuhamba ngokuzenzakalela kuzobuyisa inani eliyize uma singafaki lutho.

Manje igama le-ShortCode yilokho esisetha ngakho:

add_shortcode( 'info', 'infobox' );

Lapho ungashintsha khona ulwazi ngalokho esikufunayo. Manje, ukuyenza ibukeke njengesibonelo okufanele sisibeke:

[ info ]Este será el ShortCode de ejemplo[ /info ]

Noma kunjalo, ngaphandle kwezikhala, engizibekile ngoba kusobala ukuthi i-ShortCode izovulwa.

Isitayela se-ShortCode

Uma ubheka umugqa ongenhla, ngaphandle kwekhodi ye-PHP nokuhlukahluka, i-ShortCode ku-HTML emsulwa ingaba yinto enjengale:

<div class="alert-info"></div>

Ngakho-ke kufanele sisebenzise kuphela isitayela se-CSS.

.alert.alert-info {ingemuva: # d9edf7 url (info.png) akukho-phinda i-7px 50%; umngcele-ububanzi: 4px; umngcele: 1px solid # bce8f1; umbala: # 3a87ad; usayizi wefonti: 14px; umkhawulo: 15px 15px; ukunamathisela: 15px 15px 15px 50px ukuqondanisa umbhalo: kwesokunxele}

Futhi yilokho .. Ngiyaphinda ngithi, angiyena umqambi wezinhlelo noma yini efana naleyo, futhi incazelo engiyinikezile ukuthi ngiyaqonda kanjani ukuthi i-ShortCode iyasebenza 😛