Obsah
- Ukážkové tlačidlo
- Skratka Google Adsense
- Skratka služby Dokumenty Google
- Functions.php
- Využitie
- Skratka Google Map
- Functions.php
- Využitie
- Vložte krátky kód videa
- Functions.php
- Využitie
- Pomoc! Krátky kód nebude fungovať v mojich súboroch šablón !!
- Skratka nebude fungovať v mojich widgetoch
- Záver
Ukážka: netmag.clientden.com/shortcodes
WordPress má fantastickú funkciu s názvom „Krátke kódy“, ak ste v ľubovoľnom okamihu používali WordPress, je pravdepodobné, že si krátke kódy počas cesty nevšimnete.
Krátke kódy sa prvýkrát objavili späť vo verzii 2.5 a používajú sa na vytváranie makier na použitie v obsahu príspevku.
Typický krátky kód vyzerá takto:
[foobar]
Prečo teda používať krátke kódy? Na začiatok sú super krátkym spôsobom, ako pridať akýkoľvek druh obsahu v skratke, čo šetrí opakujúce sa bloky kódu a naráža na problémy a chyby. Môžu byť použité na obrovské množstvo vecí, ako sú napríklad formuláre, galérie, tlačidlá a umiestnenie reklamy.
Najlepšie na krátkych kódoch je, že pracujú vo vizuálnom editore, ktorý umožňuje vašim klientom používať ich bez nutnosti učiť sa akýkoľvek HTML!
WordPress má množstvo štandardných „zabudovaných“ kódov, ktoré môžete použiť pri inštalácii WordPress. Celý zoznam nájdete tu.
Dnes som chcel ukázať niekoľko príkladov skrátených kódov, ktoré ponúknu buď niečo, čo môžete použiť „ihneď po vybalení z krabice“, alebo vás inšpirujú pri vytváraní vlastných krátkych kódov, vďaka ktorým bude váš život (alebo vašich klientov) o niečo ľahší.
Pozor: Pred vykonaním akýchkoľvek zmien v súboroch si nezabudnite zálohovať súbory ako functions.php najmä súbor spôsobí problémy, ak ho rozbijete!
Ukážkové tlačidlo
Tlačidlá sú skvelým príkladom toho, na čo môžete použiť krátky kód, typický kód tlačidla môže vyzerať napríklad takto:
a href = "http://www.netmagazine.com"> Čistý časopis / a>
Pomocou krátkych kódov to môžeme zmeniť na toto:
[button link = "http://www.netmagazine.com"] Čistý časopis [/ button]
Nasledujúci úryvok, ktorý by sme pridali do nášho functions.php spis:
function myButton ($ atts, $ content = null) {extract (shortcode_atts (array (‘link’ => ‘#‘), $ atts)); return ‘a href =" ‘. $ link. '">'. do_shortcode ($ obsah). '/ A>';} add_shortcode ('button', 'myButton');
Týmto sa v podstate vytvorí nová funkcia (myButton) a umožní nám pridať obsah pomocou odkazu.
Keď sme do krátkeho kódu pridali triedu, môžeme teraz v našej šablóne štýlov upravovať štýl, ako by sme to robili pre ktorúkoľvek inú triedu.
Toto je veľmi základný príklad ich fungovania, keď sa jedná o jednoduchý, ale efektívny proces. Takže teraz máme základné informácie, poďme ďalej a prebehnem niekoľkými ďalšími užitočnými skratkami, ktoré sám často používam.
Skratka Google Adsense
Mnoho inštalácií WordPress využíva službu Google Adsense, takže som si myslel, že by bol užitočný krátky kód na tento účel.
Google generuje váš kód AdSense takto:
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"> / skript>
Ak k vášmu pridáme nasledujúci úryvok functions.php spis:
function googleads () {return 'script type = "text / javascript">! - google_ad_client = "pub-XXXXXXXXXX"; google_ad_slot = "XXXXXXXXXX"; google_ad_width = 468; google_ad_height = 60; // -> / script> skript type = "text / javascript" src = "http://pagead2.googlesyndication.com/pagead/show_ads.js"> / script> ';} add_shortcode (' adsense ',' googleads ');
Teraz môžeme zobraziť blok Adsense jednoduchým pridaním:
[adsense]
Pre viac veľkostí by sme vytvorili novú funkciu a nový krátky kód, napríklad [adense2].
Skratka služby Dokumenty Google
Dokumenty Google sú neuveriteľne užitočným nástrojom na prezeranie súborov v mnohých formátoch. Ak čitateľom ponúknete akékoľvek dokumenty, existuje šanca, že na ich prezeranie nemusí byť nainštalovaný správny softvér, takže používanie aplikácie Dokumenty Google je vynikajúci spôsob, ako zabezpečiť že akýkoľvek obsah, ktorý si chcete pozrieť, sa dá skutočne zobraziť.
Toto je možné použiť v mnohých formátoch súborov, pretože Dokumenty Google podporujú nasledujúce: .DOC .DOCX .XLS .XLSX .PPT .PPTX .ODT .ODS .PDF .PAGE .AI .PSD .TIFF .DXF .SVG .EPS .PS .TTF .OTF .XPS .ZIP .RAR
Functions.php
funkcia docs_shortcode ($ attr, $ content) {return 'a href = "http://docs.google.com/viewer?url='. $ attr ['link']. '">'. $ content. '/ a> ';} add_shortcode (' doc ',' docs_shortcode ');
Využitie
[doc link = "file.pdf"] PREČÍTAJTE PDF [/ doc]
Skratka Google Map
Ďalšou užitočnou službou Google sú Mapy Google. Neskoré mapy sú v našich inštaláciách WordPress častým javom, takže je tu jednoduchý spôsob, ako pridať mapu k príspevku alebo stránke.
Functions.php
function googlemap ($ atts, $ content = null) {extract (shortcode_atts (array ("width" => '', "height" => '', "src" => ''), $ atts)); return ' iframe width = "'. $ width.'" height = "'. $ height.'" frameborder = "0" rolovanie = "nie" marginheight = "0" marginwidth = "0" src = "'. $ src.' & output = embed "> / iframe> ';} add_shortcode (" mapa "," googlemap ");
Využitie
[map width = "300" height = "300" src = "https://maps.google.co.uk/maps?q=london&hl=sk&sll=53.800651,-4.064941&sspn=12.165846,33.815918&hnear=London,+United + Kingdom & t = m & z = 11 "]
Vyššie uvedený úryvok nám umožňuje ovládať veľkosť a šírku zakaždým, keď použijeme krátky kód, ale ak by sme chceli mať vždy rovnakú mapu veľkosti, mohli by sme definovať šírku a veľkosť v poli:
function googlemap ($ atts, $ content = null) {extract (shortcode_atts (array ("width" => '400', "height" => '400', "src" => ''), $ atts)); return 'iframe width = "'. $ width. '" height = "'. $ height. '" frameborder = "0" rolovanie = "nie" marginheight = "0" marginwidth = "0" src = "'. $ src . '& output = embed "> / iframe>';} add_shortcode (" mapa "," googlemap ");
Vo výsledku by bol krátky kód kratší a nemusíme uvádzať šírku a výšku:
[map src = "https://maps.google.co.uk/maps?q=london&hl=sk&sll=53.800651,-4.064941&sspn=12.165846,33.815918&hnear=London,+United+Kingdom&t=m&z=11"]
Vložte krátky kód videa
Videá sa stávajú čoraz populárnejším doplnkom mnohých blogov WordPress, takže WordPress teraz automaticky vkladá množstvo video služieb.
Nie všetky videoslužby sú podporované, takže tu uvádzame príklad služby YouTube, ktorú je možné zmeniť tak, aby fungovala aj s ostatnými videoslužbami.
Functions.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 "> param name = "'. $ name.'" value = "http://www.youtube.com/v/'.$value. '"> param name = "allowFullScreen" value = "'. $ allowFullScreen. '" > / param> param name = "allowScriptAccess" value = "'. $ allowScriptAccess.'"> / param> vložiť src = "http://www.youtube.com/v/'.$value. '" type = " application / x-shockwave-flash "allowfullscreen =" '. $ allowFullScreen.' "allowScriptAccess =" '. $ allowScriptAccess.' "width =" '. $ width.' "height =" '. $ height.' ">> / vložiť> / objekt> ';} add_shortcode ("youtube", "youtube");
Využitie
[youtube value = "QH2-TGUlwu4"]
Pri použití krátkeho kódu musíme len uchytiť hodnotu videa, takže časť za v = (www.youtube.com/watch?v=QH2-TGUlwu4).
Pomoc! Krátky kód nebude fungovať v mojich súboroch šablón !!
Shortcode nefunguje v súboroch šablón v typickom formáte shortcode, našťastie WordPress má spôsob, ako to vyriešiť.
Pomocou funkcie "do_shortcode" môžeme použiť naše krátke kódy v súboroch šablón takto:
? php echo do_shortcode ("[adsense]"); ?> var13 ->
Skratka nebude fungovať v mojich widgetoch
Krátke kódy nepracujú automaticky v miniaplikáciách, ale môžeme to povoliť, ak k našim pridáme nasledujúce functions.php spis:
add_filter ('widget_text', 'do_shortcode');
Záver
Prebral som základy skratiek a toho, čo môžu robiť a ponúknuť vám, vyššie uvedené príklady sa dajú ľahko implementovať a poskytujú dostatok informácií, aby ste ich mohli prispôsobiť a rozšíriť pre svoje vlastné potreby. Veľa štastia!