Vytváranie krátkych kódov v CMS WordPress. Krátke kódy Pridanie tlačidla na vloženie krátkeho kódu do vizuálneho editora príspevkov TinyMCE
Skrátený kód- toto je pre webmastera veľmi užitočná vec, krátky kód skutočne uľahčuje rutinnú prácu pri vkladaní informácií rovnakého typu do stoviek stránok webu. Zároveň je vhodné potom MASÍVNE nahradiť informáciu v požadovanom skrátenom kóde.
Ak stále neviete, čo je to shortcode, stručne to vysvetlím. Predstavte si, že do článku potrebujete vložiť nejaký kód, nech je to odkaz:
10 užitočných krátkych kódov WordPress
Predstavme si, že ho chcete vložiť do 10 článkov na ľubovoľné miesta. V zásade to nie je ťažké, stanovené. Teraz si predstavte, že bol odkaz prerušený a potrebujete ho nahradiť na 10 miestach? Čo ak to má 100 strán? Bude ťažké to urobiť ručne, ak nie, ale pre mnohých je to náročná úloha.
Teraz si predstavte, že máte plugin, pomocou ktorého môžete pre každý kód vytvoriť krátky odkaz, napríklad , ktorý sa dá vložiť priamo do textu v režime editora, čo je často oveľa pohodlnejšie ako v režime html.
Ak teraz potrebujete zmeniť odkaz, prejdite na panel správcu doplnku a zmeňte odkaz a kód sa automaticky zmení na všetkých stránkach webu, kde sa nachádza náš krátky kód. Pre každý odkaz, banner, skript alebo obrázok si môžete vytvoriť svoj vlastný krátky kód a spravovať toto pole z jedného riadiaceho centra.
A ak máte internetový obchod, potom je to pre vás ešte užitočnejšia vec, keďže používate Pomocou krátkych kódov woocommerce môžete hromadne meniť ceny, výmenné kurzy, názvy produktov a čokoľvek iné. Ako sa to všetko dá urobiť?
Existuje pomerne veľa pluginov na vytváranie krátkych kódov vo wordpresse, ale žiadny z nich sa mi nepáčil: buď je všetko v angličtine, niekedy je to príliš ozdobné, niekedy to nie je dostatočne funkčné ... Ale práve nedávno som sa dočítal, že slávny seo bloger Vitalij Burgomistrov oznámila bezplatný doplnok na tieto účely - sCode od mojWP.
Tu je krátke video tohto pluginu v akcii:
Ak do html vložíte kód šablóny krátkeho kódu, uvidíte, čo ste vložili – skrátený kód. Aby to fungovalo, musíte svoj krátky kód uzavrieť do funkcie:
Teraz presne uvidíte, čo skrývate za svoj krátky kód na stránke. Nič zložité, však? V admin paneli je malý návod na plugin a video, ktoré som vložil do článku.
Radšej vám ukážem, ako sa to dá uviesť do praxe pre . Chcel som to urobiť už dlho a teraz sa zdá, že je ten správny čas. Aby som pochopil podstatu mojej myšlienky, poznamenám len jeden bod.
Čo zarába na adsense?
1. CZK.
2. Počet kliknutí.
Prvý už neovplyvníme, ak je článok napísaný a je naň už dobrá návštevnosť. Vieme ale zdvihnúť mieru prekliknutia a zároveň výrazne. Ako ste pochopili, budem hovoriť len o reklamných blokoch, ktoré sú v článku. Bloky v bočnom paneli, v suteréne a ešte viac v záhlaví sú najhlúpejšie a všetky som ich už dávno odstránil.
Ale článok je o niečom inom. Človek začne čítať článok a narazí na reklamu – klikne alebo nie? Tu všetko závisí od jedného faktora: téma reklamy sa ÚPLNE zhoduje s problémom, o ktorom sa diskutuje V TEJTO fáze článku. Príklad:
Tu je osoba, ktorá číta o tom, ktorý hosting si vybrať. Prečíta, prečíta a priblíži otázku, ktorú ste napísali v článku a zvýraznili ste ju tučným písmom - aký je najlepší hosting na výber?
Mimochodom, tento plugin som už použil a po mojej otázke som vložil krátky kód s reklamami adsense - čo vám zobrazuje? Ak umiestnite reklamný blok na iné miesto, tento efekt už nebude. Chápeš, na čo narážam?
Áno, musíte RUČNE vložiť skrátený kód reklamy NA SPRÁVNE MIESTO! Ak toto miesto neexistuje, musíte si ho VYTVORIŤ! Môžete to urobiť takto: otvorte google.com a do vyhľadávania zadajte názov nášho článku. Hľadáme náš článok vo výsledkoch vyhľadávania a ideme naň. Pozeráme sa na to, čo ukazuje adsense. Hľadáme miesto v článku, kde to bude správne miesto, dokončíme článok pomocou slov z tohto inzerátu a vložíme tam shortcode.
Teraz bude reklama v článku MAXIMÁLNE vyhovovať svojmu obsahu, aspoň kusu textu, kde bude stáť. Áno, je to dlhé a nudné, ale nehľadáme jednoduché spôsoby, však? Najjednoduchší spôsob je náboženstvo porazených...
Nenašli ste odpoveď? Použite vyhľadávanie na stránke
Krátke kódy sú funkcie PHP, ktoré možno použiť v obsahu príspevku pomocou podmienok.
Napríklad štandardný krátky kód WordPress vám umožňuje zobraziť galériu vo vnútri príspevku.
Je jasné, že táto funkcionalita dáva vývojárom WordPress úžasné možnosti – dnes je vkladanie formulárov, tlačidiel, posuvníkov do príspevkov veľmi relevantné.
Rovnako ako funkcia môže mať argumenty, krátky kód môže mať svoje vlastné parametre. Ďalší príklad krátkeho kódu:
Kód môžete vložiť do súboru functions.php (myslím ten vo vašom aktuálnom adresári témy).
Názov skráteného kódu musí byť napísaný malými písmenami a musí obsahovať iba latinské písmená, čísla a podčiarkovníky.
Skrátený kód s parametrami
Dobre, už som napísal, že krátke kódy môžu mať svoje vlastné parametre, teraz sa pozrime, ako sa to robí.
Ako príklad som napísal krátky kód, ktorý jednoducho vloží odkaz do príspevku, ktorý sa otvorí na novej karte prehliadača target="_blank" . Nemyslím si, že to môže byť skutočne užitočné, ale pre nás je teraz hlavnou vecou pochopiť samotný princíp fungovania krátkych kódov.
Budú dva parametre: kotva a url - kotva (text odkazu) a adresa URL, ak parameter nie je uvedený v samotnom skrátenom kóde, použije sa jeho predvolená hodnota nastavená vo funkcii.
Uzavretie krátkych kódov a skráteného kódu vo vnútri krátkeho kódu
Zoberme si krátky kód z predchádzajúceho príkladu a trochu ho upravíme. Dovoľte mi pripomenúť, že skrátený kód vyzeral takto:
.
Čo keby sme to prerobili takto: URL odkazu .
Okrem toho je možné do uzatváracích krátkych kódov (vďaka funkcii) vkladať ďalšie krátke kódy.
Podľa toho prepíšme náš kód z predchádzajúceho príkladu:
| function true_url_external( $atts , $shortcode_content = null ) ( $params = shortcode_atts( array ( "anchor" => "Misha Rudrastykh" ) , $atts ) ; return """ target="_blank">($params[ "kotva "])"; ) add_shortcode( "trueeurl" , "true_url_external" ); |
Teraz krátky kód nasledujúceho typu zobrazí odkaz na hlavnú stránku vášho webu (o skratke som písal vyššie).
Pridanie tlačidla na vloženie krátkeho kódu do editora vizuálnych príspevkov TinyMCE
Je jasné, že bude oveľa pohodlnejšie vložiť krátky kód cez vstavaný editor TinyMCE a ak je implementované aj rozhranie, ktoré vám umožní nastaviť parametre krátkeho kódu, potom je to vo všeobecnosti v pohode.
1.PHP
Bez ohľadu na to, či bude vaše tlačidlo textové alebo s ikonou, či bude obsahovať ďalšie vstupné polia (parametre krátkeho kódu) alebo nie - vo všetkých prípadoch bude PHP kód registrácie tlačidla rovnaký.
| // Funkcia háčikov true_add_mce_button() ( // kontrola práv užívateľa - môže upravovať príspevky a stránky if ( !current_user_can( "upraviť_príspevky" ) && !current_user_can( "upraviť_stránky" ) ) ( return ; // ak nemôže, potom nebude potrebovať ani tlačidlo, v tomto prípade ukončite funkciu } // skontrolujte, či má používateľ v nastaveniach povolený vizuálny editor (ak nie, potom nie je potrebné tlačidlo pripájať) if ("true" == get_user_option ("rich_editing")) (Add_filter ("MCE_EXTERNAL_PLUGIGESS", "True_add_TINYMCE_SCRIPT"); Add_Filter ("MCe_buttons", "True_Rregister CE_BUTTON (");") "Admin_button", "Admin_button_adhead", "True_add_TINYMCE_SCRIPT" // V tejto funkcii zadávame odkaz na súbor JavaScript tlačidla function true_add_tinymce_script( $plugin_array ) ( $plugin_array [ "true_mce_button" ] = get_stylesheet_directory_uri() ."/true_button.js" ; return $plugin_array ; ) // Zaregistrujte tlačidlo v editore function true_register_mce_button( $buttons ) ( array_push ( $buttons , "true_mce_button" ) ; // true_mce_button - identifikátor tlačidla vrátiť $tlačidlá ; ) |
V tomto príklade som použil . true_button.js - samotné tlačidlo, vytvorte tento súbor v adresári témy (alebo kdekoľvek chcete, ale v tomto prípade nezabudnite zmeniť cestu k nemu).
2.1. JavaScript. Jednoduchý príklad tlačidla
Poďme sa pozrieť na obsah súboru true_button.js. Začnime teda vytvorením jednoduchého tlačidla, ktoré vloží krátky kód.
| (funkcia () ( tinymce.PluginManager .add ("true_mce_button" , funkcia ( editor, url ) ( // true_mce_button – ID tlačidla editor.addButton("true_mce_button" , ( // true_mce_button - ID tlačidla, musí byť všade rovnaké text: "", // text tlačidla, ak chcete, aby vaše tlačidlo obsahovalo iba ikonu, odstráňte tento riadok názov: "Vložiť krátky kód", // popis ikona: nepravda // tu môžete zadať ľubovoľnú z existujúcich vektorových ikon v TinyMCE alebo vlastnú triedu CSS onclick: function () ( editor.insertContent("" ) ; // vložte krátky kód do editora, môžete tiež nastaviť ľubovoľnú akciu jQuery } } ) ; } ) ; } ) () ; |
Ako výsledok:
Textová verzia tlačidla na vloženie krátkeho kódu vo vizuálnom editore TinyMCE.
2.2. Tlačidlo s ikonou, rozbaľovacím zoznamom a možnosťou nastavenia parametrov krátkeho kódu
Začnem vložením (alebo skôr nahradením) kódu do súboru true_button.js:
| (funkcia () ( tinymce.PluginManager.add("true_mce_button" , funkcia ( editor, url ) ( // ID tlačidla true_mce_button musí byť všade rovnaké editor.addButton( "true_mce_button" , ( // ID tlačidla true_mce_button ikona: "perec" , // moja vlastná CSS trieda, vďaka ktorej si nastavím ikonu tlačidla typ: "tlačidlo menu" , názov: "Vložiť prvok", // popis po umiestnení kurzora myši Ponuka: [ // prvý rozbaľovací zoznam začína tu( text: "Prvky formulára" , ponuka: [ // tu začína druhý rozbaľovací zoznam v prvom( text: "Textové pole" , onclick: function () ( editor.windowManager.open( ( názov: "Nastaviť možnosti poľa", telo: [ ( typ: "textbox" , názov: "textboxName" , // ID, bude použité nižšieštítok: "ID a názov textového poľa", // hodnota štítka: "komentár" // predvolená hodnota), ( napíšte: "textové pole" , // textbox type = textbox názov: "multilineName" , menovka: "Predvolená hodnota textového poľa", hodnota: "Ahoj" , viacriadkový: true , // veľké textové pole - textarea minimálna šírka: 300 // minimálna šírka v pixeloch minimálna výška: 100 // minimálna výška v pixeloch), ( napíšte: "listbox" , // zadajte listbox = rozbaľovací zoznam select name: "listboxName" , label: "Fill" , "values" : [ // hodnoty rozbaľovacieho zoznamu( text: "Povinné" , hodnota: "1" ), // štítok, hodnota(text: "Voliteľné", hodnota: "2" ) ] ) ] , onsubmit: function ( e ) ( // toto sa stane po vyplnení polí a stlačení tlačidla odoslať editor.insertContent( "" ); ))); ) ), ( // druhý prvok vnoreného rozbaľovacieho zoznamu, len vloží krátky kód text: "Tlačidlo Odoslať", onclick: function () ( editor.insertContent("" ) ; ) ) ] ), ( // druhý prvok prvého rozbaľovacieho zoznamu, iba vloží text: "Shortcode " , onclick: function () ( editor.insertContent("" ) ; ) ) ] ) ); )); )) (); |
Po vložení kódu je moje tlačidlo už tam a funguje. Jediná vec je, že nemá žiadnu ikonu (okrem šípky nadol).
WordPress je výkonný publikačný systém, ktorý je rovnako pohodlný pre začínajúcich blogerov, ako aj pre vytváranie akýchkoľvek fór, sociálnych sietí, obchodov atď.
Zvyčajne sa pre každú aplikáciu vyberie vhodná šablóna (šablóna), no niekedy jej možnosti nestačia.
Tu prichádzajú na pomoc krátke kódy, pomocou ktorých môžete do WordPress pridať svoju vlastnú „chuť“.
Shortcode je krátky kód, ktorý sa vkladá priamo do textu stránky, hlavičky, widgetu – teda do obsahu a rozširuje možnosti WordPressu.
S ním môžete krásne formátovať text, rozdeliť ho do stĺpcov, vložiť obsah, tlačidlo, audio prehrávač, objednávkový formulár a mnoho ďalších funkcií, ktoré odlišujú váš WordPress od všetkých ostatných.
Ak pre konkrétny krátky kód neexistuje žiadny handler, jeho volanie na stránke bude vyzerať ako obyčajný text.
Tento článok zámerne používa názvy neexistujúcich krátkych kódov, aby ste videli, ako vyzerá volanie krátkeho kódu, a nie výsledok jeho práce.
Typy krátkych kódov podľa štruktúry
Môžu byť bez parametrov, s parametrami a s obsahom.
Skratky bez parametrov
Niekedy stačí zavolať krátky kód, aby mohol vykonávať dobre definovanú funkciu. Nepotrebuje odovzdávať žiadne parametre.
Tento kód napríklad zobrazuje vodorovnú čiaru. Jeho vzhľad je definovaný v predlohe.
Táto výzva vytlačí aktuálny rok. Pohodlné neupravovať texty každý rok.
Skratky s parametrami
Niekedy je potrebné zadať parametre, aby ste dosiahli rôzne výsledky.
Napríklad takto je vložené krásne tlačidlo, ktorého štýl by mal byť napísaný v šablóne štýlov.
Obsahuje dva parametre: titul- toto je nápis na tlačidle, napríklad Objednať, Odoberať atď.
url je adresa prekliknutia.
Takto môžete vložiť cenu v rubľoch, ktorá sa automaticky prepočítava z ceny v dolároch podľa aktuálneho kurzu centrálnej banky.
Tu je parameter s je cena v dolároch.
Skratky obsahu
Skladajú sa z dvoch častí, medzi ktorými môže byť ľubovoľný obsah príspevku, widget atď.
Takto môžete zvýrazniť časť textu alebo časť príspevku „umiestnením“ farebného pozadia pod ňu:
Tu je nejaký text, ktorý sa zobrazí na farebnom pozadí.
Parameter farba nastaví farbu pozadia v obvyklom hexadecimálnom kóde.
A takto môžete zobraziť text v dvoch stĺpcoch rovnakej šírky:
Skrátený kód v php kóde pozostáva z funkcie, ktorá ho spracuje a príkazu, ktorý priradí zodpovedajúcu funkciu kódu.
Tu je typický krátky kód pre tlačidlo:
funkciu ha_ale($atts,$content=NULL) (
extrakt(shortcode_atts(pole(
‘title’ => ‘Go’,
'url' => false
), $atts));
$output=" '.$title."’;
návrat $výstup;
}
add_shortcode('ale','ha_but');
V tomto príklade je funkcia pomenovaná ha_ale. Prechádzajú dva parametre - titul A url. A pre titul priradená predvolená hodnota Choď. Ak pri volaní kódu, parameter titul preskočiť, potom bude predvolené tlačidlo označené Choď.
Vo vnútri funkcie možno volať ďalšie funkcie, pripájať súbory atď. Funkčnosť krátkeho kódu je obmedzená iba vašou predstavivosťou a programovacími schopnosťami.
Funkcia potom vráti svoj výsledok s vrátiť.
Funkcia add_shortcode priraďuje skrátenému kódu podľa názvu ale funkcie obsluhy podľa názvu ha_ale.
A tu sú štýly pre žlté tlačidlo s plnou šírkou:
Btn(
displej: inline-block
farba: #000000;
písmo: 300 16px "Roboto", bezpätkové;
text-transform: veľké písmená;
pozadie: #fde42b;
pozadie: -webkit-gradient(lineárne, zľava hore, zľava dole, od(#fcea38), do(#ffcf00));
pozadie: -webkit-linear-gradient(top, #fcea38 0%, #ffcf00 100%);
pozadie: linear-gradient(to bottom, #fcea38 0%, #ffcf00 100%);
border-bottom: 3px solid #b27d00;
padding: 14px 15px 11px;
šírka: 90%
border-radius: 2px
text-align: center;
text-dekorácia: žiadna;
text-shadow: 1px 1px 0 #ffec89;
}
.btn:hover (
nepriehľadnosť: 1
pozadie: -webkit-gradient(lineárne, zľava dole, zľava hore, od(#ffdd02), do(#fffe6d));
pozadie: -webkit-linear-gradient(dole, #ffdd02 0%, #fffe6d 100%);
pozadie: linear-gradient(to top, #ffdd02 0%, #fffe6d 100%);
farba okraja: #bd8500;
Ako vložiť krátky kód do šablóny WordPress
Vložiť funkciu - obsluha krátkeho kódu môže byť priamo v súbore zodpovedná za výstup jednotlivých príspevkov - zvyčajne je to tak single.php. Potom bude tento krátky kód fungovať iba v príspevkoch.
Radšej to vložte do súboru funkcie.php nájdete v akejkoľvek téme WordPress. Potom bude krátky kód fungovať na všetkých stránkach, widgetoch atď.
Ak však šablónu aktualizujete alebo zmeníte, krátke kódy sa už nebudú spracovávať. Ak plánujete v budúcnosti zmeniť dizajn blogu, potom je lepšie umiestniť kód všetkých krátkych kódov do jedného súboru, napr. shortcodes.php, a umiestnite ho do priečinka môj v koreňovom adresári stránky.
V tomto prípade musíte hovor zorganizovať vložením do súboru funkcie.php príkaz require_once('my/shortcodes.php');
Po zmene alebo aktualizácii témy WordPress nezabudnite tento príkaz znova zaregistrovať.
Ako vložiť krátky kód na stránku WordPress
Aby shortcode fungoval, je potrebné vložiť jeho volanie na správne miesto v obsahu, pozostávajúce z hranatých zátvoriek, názvu shortcode a parametrov. Zároveň ho môžete ozdobiť ľubovoľnými štýlmi, rovnako ako bežný text príspevku.
Dúfam, že existuje dostatok príkladov, aby ste si sami vytvorili krátky kód wordpress, ktorý rieši úlohy, ktoré potrebujete.
Pozrite si video tutoriál o vytváraní zložitejších krátkych kódov tu:
V procese uverejňovania obsahu na webe často musíte do svojich príspevkov zahrnúť jeden alebo iný prvok. Je dosť nepohodlné zakaždým niečo písať ručne, najmä ak takýchto príloh bude veľa. Najmä na to v CMS WordPress, počnúc verziou 2.5 , bola predstavená špeciálna funkcia nazývaná shortcodes.
V praxi je skrátený kód špeciálna konštrukcia, ktorá je uzavretá v hranatých zátvorkách. Systém, ktorý sa s tým niekde stretne, supluje danú hodnotu. Krátke kódy sú v témach a doplnkoch pomerne populárne.
Pozrime sa na akcie krátkeho kódu pomocou doplnku galérie obrázkov ako príkladu. Po inštalácii a aktivácii sa teda v administračnej časti vašej WordPress stránky objaví špeciálna sekcia, ktorá má potrebné nástroje na vytvorenie galérie. Po pridaní obrázkov a použití potrebných nastavení sa vaša galéria uloží. Teraz zostáva zobraziť ho na stránke. Doplnok vám na to povie jedinečný krátky kód, na ktorého mieste vloženia sa zobrazí vami vytvorená galéria.
Skrátený kód vyzerá takto:
Ako vytvoriť krátky kód vo WordPress?
Nástroje „engine“ umožňujú nielen používanie existujúcich krátkych kódov, ale aj vytváranie vlastných. To si vyžaduje programátorské zručnosti. Všetku našu prácu umiestnime do hlavného konfiguračného súboru aktívnej WordPress témy - funkcie.php.
Ak neviete, ako upraviť funkcie.php, potom vám v tomto prípade pomôže doplnok ProFunctions.
Vytvorme si napríklad krátky kód, ktorý zobrazí jednoduchý text "Ahoj WPSchool!"
Ak to chcete urobiť, pridajte do vyššie uvedeného súboru nasledujúce riadky:
Funkcia wpschool_text_shortcode() ( return "Ahoj WPSchool!"; ) add_shortcode("textshortcode", "wpschool_text_shortcode");
Náš kód pozostáva z 2 hlavných konštruktov. Blokovať funkcia wpschool_text_shortcode() je funkcia, v ktorej sa skutočne zobrazuje požadovaná hodnota skráteného kódu. V našom prípade ide o výstup textového reťazca "Ahoj WPSchool!"
smernice add_shortcode() je pomocný príkaz, ktorý vytvára samotný krátky kód. Má dve možnosti. 'textshortcode' je názov skráteného kódu, ktorý bude nakoniec uzavretý v hranatých zátvorkách. V druhom parametri špecifikujeme názov našej funkcie s textovým výstupom.
V dôsledku toho dostaneme nasledujúci krátky kód pripravený na vloženie:
Pridajme ho do obsahovej časti príspevku alebo stránky.
V dôsledku toho to na stránke bude vyzerať takto:
V nasledujúcom príklade vytvoríme krátky kód na vloženie obrázka s danou veľkosťou.
Funkcia wpschool_picture_shortcode($atts) (extrah(shortcode_atts(pole("width" => 100, "height" => 100,), $atts)); return " 
"; ) add_shortcode("obrázok", "wpschool_picture_shortcode");
Náš krátky kód teraz obsahuje parametre funkcií a je tu aj argument $atts. Aby sme mohli použiť parametre krátkeho kódu, potrebujeme dve funkcie: shortcode_atts() A extrakt(). Prvou je funkcia zabudovaná do jadra WordPress, ktorá spája atribúty krátkeho kódu s danými a priraďuje predvolené hodnoty (ak je to potrebné). extrakt() je funkciou jazyka PHP, ktorý vytvára premenné z hodnôt poľa. Naša funkcia vracia hodnotu, ktorú potrebujeme ( HTML-rozloženie nášho obrázka s danými hodnotami výšky a šírky).
Teraz, keď sa použije krátky kód , vygeneruje sa vybratý obrázok s rozmermi 100 na 100 . Ak potrebujete zmeniť jeho veľkosť, krátky kód bude vyzerať takto:
Nedávno som zistil, že mnohí nevedia, ako vložiť krátke kódy do WordPress alebo zobraziť skript na webe s iným motorom. A tí, ktorí vedia, a ako to urobiť Výstup krátkeho kódu PHPčasto robia vážne chyby. A v konečnom dôsledku potom vyčítajú, že buď majú plugin resp skratka nefunguje alebo niečo nie je v poriadku so šablónou lokality. Ale v skutočnosti je všetko veľmi jednoduché a chyby sa stávajú najmä v dôsledku nepozornosti alebo neznalosti syntaxe a interpunkcie.
Ako súbor? Rýchla odozva
Najmä pre tých, ktorí už všetko vedia, ale hľadajú len rýchlu odpoveď alebo iný motor, použite tento kód:
php echo do shortcode wordpress
|
Nezabudnite však na interpunkciu! úvodzovky vo vašom skrátený kód A Vphp kód musí byť odlišný.
To znamená, že ak vo svojej šablóne stránky wordpress používate rovnaký krátky kód, ale s dvoma úvodzovkami vo vnútri (["..."]) a vo svojom php kóde používate aj dvojité úvodzovky ("[...]") , potom musíte zmeniť jeden z nich na jeden. Je to z takých malicherných dôvodov krátke kódy nefungujú vo wordpresse. Viac o tom nižšie.
Čo je skrátený kód(shortcode) a na čo to je?
Skratka je z angličtiny. "skrátený kód". Používa sa hlavne pri vytváraní pluginov alebo modulov určených na prácu s redakčnými systémami (CMS), ako sú WordPress, Joomla atď. Jednoducho povedané, tento krátky kód je akousi skratkou, ktorá po pridaní na stránku vytiahne celý veľký kód z doplnku.
Skrátený kód zvyčajne vyzerá takto: buď toto, alebo dokonca len jedno slovo
V každom prípade to nie je také dôležité, pretože hlavnou vecou je poznať princíp pridávania krátkeho kódu na stránku.
Ako to funguje?
Všetko je veľmi jednoduché. Povedzme, že máte stránku na WordPress engine, máte nejakú jednoduchú šablónu (dizajn) stránky, no aby ste ju ozdobili, rozhodli ste sa na ňu umiestniť slider, v ktorom sa vám budú fotky prevracať samé. Je to veľmi jednoduché. Ak to chcete urobiť, musíte si stiahnuť posuvný doplnok zo všeobecnej knižnice doplnkov WordPress, nahrať tam potrebné fotografie a doplnok vám poskytne malý posuvný kód, ako napríklad:
ale len taký krátky kód (Shortcode) v jednom riadku:
Vložením niečoho takého
krátky kód na stránku alebo miniaplikáciu wordpress, váš doplnok začne fungovať a vygeneruje kód vrchného veľkého posúvača, v dôsledku čoho sa váš posúvač zobrazí na stránkach lokality.
A ako vložiť krátky kód posúvač rovno do šablóny wordpress v php kóde?
Ak potrebujete priamo do kódu, vývojári tohto pluginu napísali funkciu krátkeho kódu v jazyku php vedľa (obr. vyššie):
Takáto „funkcia“ krátkeho kódu sa dá vložiť do php súboru na miesto, ktoré na stránke potrebujete. Napríklad v header.php, niekde za telom alebo možno v sidebar.php a najlepšie v súbore šablóny stránky (môže sa nazývať niečo ako content-page.php), výsledkom bude, že rovnaký posuvník, ale už zabudovaný do dizajnu samotnej stránky.
Treba si však dávať veľký pozor, kedy zobrazenie krátkeho kódu v šablóne wordpress v súboroch php. Vyžaduje si to aspoň základné znalosti php. Pretože ak ho vložíte „na nesprávne miesto“ do súboru php, na stránke sa zobrazí chyba.
Zvyčajne každý php kód začína na. Tu môžete po skončení jedného php kódu a pred začiatkom ďalšieho vložiť svoju php funkciu. Bohužiaľ, vývojári pluginov nie vždy vytvoria hotovú (ako v tomto príklade) php funkciu na zobrazenie krátkeho kódu. V tomto prípade si ho môžete ľahko a jednoducho vytvoriť sami, viac o tom nižšie.
Ako zobraziť skrátený kód v php V wordpress ak v doplnku nie je pripravená funkcia php?
Existujú pluginy, v ktorých sa ich vývojári rozhodli nešpecifikovať hotovú funkciu php na vloženie krátkeho kódu do súborov šablón stránok (ako to bolo v predchádzajúcom príklade), ale iba uviesť krátky kód. Tu je postup, napríklad v tomto posuvnom doplnku:
Čo robiť v tomto prípade, pretože musíme vložiť krátky kód do šablóny wordpress a priamo do súboru php na stránke? V tomto prípade stačí krátky kód zabaliť sami pomocou funkcie výstupu php, ktorá bola ukázaná na samom začiatku článku. V dôsledku toho, berúc do úvahy náš krátky kód, dostaneme tento druh funkcie php:
wordpress shortcode ako vložiť
|
Dá sa už bezpečne integrovať do akejkoľvek šablóny webovej stránky. Urobte si však čas a prečítajte si nižšie o bežných chybách, ktorých sa pri pridávaní krátkych kódov dopúšťajú aj skúsení webmasteri.
Hlavné chyby! Alebo prečo nefunguje skrátený kód wordpress?
Na začiatku článku som už opísal, ako na to pridať skrátený kód V wordpress, A ako vložte skrátený kód doPHP. Poďme si teraz všetko zhrnúť.
V skutočnosti existujú dva spôsoby pridania, a to:
skrátený kód wordpress do šablóny
|
Ako vidíte, líšia sa iba v úvodzovkách - jednoduché a dvojité. Syntax jazyka php je na takéto úvodzovky veľmi opatrná. A ak do druhej funkcie, ktorá je s dvoma úvodzovkami, vložíte skrátený kód aj s dvoma úvodzovkami, napríklad, ako sme mali my: potom dostanete chybu na stránke.
Aby nedošlo k žiadnym chybám a váš skrátený kód fungoval správne, musíte mať rôzne úvodzovky. Napríklad takto:
Ktorýkoľvek z prvých dvoch krátkych kódov môžete pridať do svojej šablóny WordPress priamo v editore. Ak to chcete urobiť, v editore stránok nájdite príslušný súbor php, ktorý ovláda „miesto“ na stránke, kde chcete zobraziť posúvač. Toto miesto nájdete v nástrojoch pre vývojárov priamo vo svojom prehliadači stlačením klávesovej skratky Ctrl + Shift + I.
