Conţinut
- Un buton de probă
- Codul scurt Google Adsense
- Cod scurt Google Docs
- Funcții.php
- Utilizare
- Cod scurt Google Map
- Funcții.php
- Utilizare
- Încorporați codul scurt al videoclipului
- Funcții.php
- Utilizare
- Ajutor! Shortcode-ul nu va funcționa în fișierele mele șablon !!
- Shortcode-ul nu va funcționa în widget-urile mele
- Concluzie
Demo: netmag.clientden.com/shortcodes
WordPress are o caracteristică fantastică numită „Shortcodes”, dacă în vreun moment ați folosit WordPress, este mai probabil să nu fi văzut shortcodes pe parcurs.
Shortcodes și-au făcut prima apariție în versiunea 2.5 și sunt folosite pentru crearea de macrocomenzi pentru a fi utilizate în conținutul postării.
Un shortcode tipic arată astfel:
[foobar]
Deci, de ce să folosiți coduri scurte? Ei bine, pentru început, acestea sunt o modalitate foarte scurtă de a adăuga tot felul de conținut într-un mod scurt, salvează blocuri repetate de cod și se confruntă cu probleme și erori. Ele pot fi utilizate pentru o mare varietate de lucruri, cum ar fi formulare, galerii, butoane și plasarea anunțurilor, de exemplu.
Cel mai bun lucru despre codurile scurte este că acestea funcționează în editorul vizual, care le permite clienților să le folosească fără a fi nevoie să învețe HTML!
WordPress are o serie de coduri scurte standard „încorporate” care pot fi utilizate în instalarea dvs. WordPress, aici este o listă completă.
Astăzi am vrut să arăt o serie de exemple de coduri scurte care vor oferi fie ceva ce poți folosi „din cutie”, fie te vor inspira să îți creezi propriile coduri scurte pentru a face viața ta (sau a clienților tăi) puțin mai ușoară.
Avertizare: Înainte de a efectua modificări la fișierele dvs., vă rugăm să vă asigurați că faceți o copie de rezervă a fișierelor dvs. ca fișier funcții.php fișierul în special va cauza probleme dacă îl rupeți!
Un buton de probă
Butoanele sunt un exemplu excelent pentru ceva pentru care puteți utiliza un cod scurt, un cod tipic de buton ar putea arăta astfel:
a href = "http://www.netmagazine.com"> Net Magazine / a>
Folosind coduri scurte îl putem schimba în felul următor:
[link buton = "http://www.netmagazine.com"] Revista Net [/ buton]
Următorul fragment l-am adăuga la funcții.php fişier:
function myButton ($ atts, $ content = null) {extract (shortcode_atts (array (’link’ => ’#’), $ atts)); returnează ’a href =" ’. $ link.’ ">’. do_shortcode ($ content). '/ A>';} add_shortcode ('button', 'myButton');
Aceasta creează practic o nouă funcție (myButton) și ne permite să adăugăm conținutul folosind „link”.
Pe măsură ce am adăugat o clasă în codul scurt, acum putem stiliza în foaia de stil, așa cum am face pentru orice altă clasă.
Acesta este un exemplu foarte simplu de funcționare, atunci când este defalcat, este un proces simplu, dar eficient. Așadar, acum avem elementele de bază în jos, să trecem mai departe și voi parcurge câteva alte coduri scurte la îndemână pe care le folosesc eu în mod frecvent.
Codul scurt Google Adsense
Multe instalări WordPress utilizează Google Adsense, așa că am considerat că un cod scurt în acest scop ar fi util.
Google generează codul dvs. Adsense astfel:
script type = "text / javascript">! - google_ad_client = "pub-XXXXXXXXXX"; google_ad_slot = "XXXXXXXXXX"; google_ad_width = 468; google_ad_height = 60; // -> / script> script type = "text / javascript" src = "http://pagead2.googlesyndication.com/pagead/show_ads.js"> / script>
Dacă adăugăm următorul fragment la dvs. funcții.php fişier:
function googleads () {return 'script type = "text / javascript">! - google_ad_client = "pub-XXXXXXXXXX"; google_ad_slot = "XXXXXXXXXXX"; google_ad_width = 468; google_ad_height = 60; // -> / script> script type = "text / javascript" src = "http://pagead2.googlesyndication.com/pagead/show_ads.js"> / script> ';} add_shortcode (' adsense ',' googleads ');
Acum putem afișa un bloc Adsense prin simpla adăugare:
[adsense]
Pentru dimensiuni multiple, am crea o nouă funcție și un nou shortcode, cum ar fi [adense2].
Cod scurt Google Docs
Google Docs este un instrument incredibil de util pentru vizualizarea fișierelor într-o multitudine de formate și, dacă le oferiți cititorilor documente, există șansa ca acestea să nu aibă instalat software-ul corect pentru a le vizualiza, astfel încât utilizarea Google Docs este o modalitate excelentă de a vă asigura că orice conținut pe care doriți să îl vizualizați poate fi într-adevăr vizualizat.
Aceasta poate fi utilizată pentru mai multe formate de fișiere, deoarece Google Docs acceptă următoarele: .DOC .DOCX .XLS .XLSX .PPT .PPTX .ODT .ODS .PDF .PAGES .AI .PSD .TIFF .DXF .SVG .EPS .PS .TTF .OTF .XPS .ZIP .RAR
Funcții.php
function docs_shortcode ($ attr, $ content) {return 'a href = "http://docs.google.com/viewer?url='. $ attr ['link']. '">'. $ content. '/ a> ';} add_shortcode (' doc ',' docs_shortcode ');
Utilizare
[doc link = "file.pdf"] CITESTE PDF [/ doc]
Cod scurt Google Map
Un alt serviciu Google util este Google Maps. Hărțile târzii sunt frecvente în instalările noastre WordPress, așa că aici este o modalitate ușoară de a adăuga o hartă la o postare sau o pagină.
Funcții.php
function googlemap ($ atts, $ content = null) {extract (shortcode_atts (array ("width" => '', "height" => '', "src" => ''), $ atts)); return ' iframe width = "'. $ width.'" height = "'. $ height.'" frameborder = "0" scrolling = "nu" marginheight = "0" marginwidth = "0" src = "'. $ src.' & output = embed "> / iframe> ';} add_shortcode (" hartă "," googlemap ");
Utilizare
[map width = "300" height = "300" src = "https://maps.google.co.uk/maps?q=london&hl=ro&sll=53.800651,-4.064941&sspn=12.165846,33.815918&hnear=London,+United + Regatul & t = m & z = 11 "]
Fragmentul de mai sus ne permite să controlăm dimensiunea și lățimea de fiecare dată când folosim codul scurt, dar dacă am dori tot timpul aceeași hartă a dimensiunilor am putea defini lățimea și dimensiunea în matrice:
funcție googlemap ($ atts, $ content = null) {extract (shortcode_atts (array ("width" => '400', "height" => '400', "src" => ''), $ atts)); returnează 'iframe width = "'. $ width. '" height = "'. $ height. '" frameborder = "0" scrolling = "nu" marginheight = "0" marginwidth = "0" src = "'. $ src . '& output = embed "> / iframe>';} add_shortcode (" hartă "," googlemap ");
Prin urmare, codul scurt ar fi mai scurt și nu este necesar să includem lățimea și înălțimea:
[map src = "https://maps.google.co.uk/maps?q=london&hl=ro&sll=53.800651,-4.064941&sspn=12.165846,33.815918&hnear=Londra ,+United+Kingdom&t=m&z=11"]
Încorporați codul scurt al videoclipului
Videoclipurile devin un plus din ce în ce mai popular pentru multe bloguri WordPress, atât de mult încât WordPress încorporează acum o serie de servicii video.
Nu toate serviciile video sunt acceptate, așa că iată un exemplu pentru YouTube care poate fi modificat pentru a gestiona alte servicii video.
Funcții.php
function youtube ($ atts) {extract (shortcode_atts (array ("value" => '', "width" => '640', "height" => '480', "name" => 'movie', "allowFullScreen "=> 'true'," allowScriptAccess "=> 'always',), $ atts)); return 'object style =" height:'. $ height.'px; width: '. $ width.'px "> nume param = "'. $ nume.'" value = "http://www.youtube.com/v/'.$value. '"> nume param = "allowFullScreen" value = "'. $ allowFullScreen. '" > / param> param name = "allowScriptAccess" value = "'. $ allowScriptAccess.'"> / param> embed src = "http://www.youtube.com/v/'.$value. '" type = " application / x-shockwave-flash "allowfullscreen =" '. $ allowFullScreen.' "allowScriptAccess =" '. $ allowScriptAccess.' "width =" '. $ width.' "height =" '. $ height.' "> / încorporează> / obiect> ';} add_shortcode ("youtube", "youtube");
Utilizare
[valoare YouTube = "QH2-TGUlwu4"]
Când folosim shortcode-ul, trebuie doar să preluăm valoarea videoclipului, deci partea de după v = (www.youtube.com/watch?v=QH2-TGUlwu4).
Ajutor! Shortcode-ul nu va funcționa în fișierele mele șablon !!
Shortcode nu funcționează în fișierele dvs. șablon în formatul tipic shortcode, din fericire WordPress are un mod de a gestiona acest lucru.
Folosind funcția „do_shortcode” putem folosi codurile noastre scurte în fișierele șablon astfel:
? php echo do_shortcode ("[adsense]"); ?> var13 ->
Shortcode-ul nu va funcționa în widget-urile mele
Shortcodes-urile nu funcționează automat în widget-uri, dar putem activa acest lucru dacă adăugăm următoarele la funcții.php fişier:
add_filter ('widget_text', 'do_shortcode');
Concluzie
Am acoperit elementele de bază ale codurilor scurte și ce vă pot face și vă pot oferi, exemplele de mai sus sunt ușor de implementat și vă oferă suficiente informații pentru a le personaliza și a le extinde pentru propriile dvs. nevoi. Noroc!
