Crearea de coduri scurte în CMS WordPress. Shortcodes Adăugarea unui buton de inserare a unui cod scurt la editorul vizual de postări TinyMCE
Cod scurt- acesta este un lucru foarte util pentru un webmaster, un cod scurt facilitează cu adevărat munca de rutină de inserare a informațiilor de același tip în sute de pagini ale unui site. În același timp, este convenabil să înlocuiți apoi MASSIV informațiile din codul scurt dorit.
Dacă încă nu știți ce este un shortcode, vă voi explica pe scurt. Imaginați-vă că trebuie să introduceți un cod în articol, să fie un link:
10 coduri scurte WordPress utile
Să ne imaginăm că doriți să o introduceți în 10 articole în locuri arbitrare. În principiu, nu este dificil, setat. Acum imaginați-vă că legătura a fost ruptă și trebuie să o înlocuiți în 10 locuri? Dacă sunt 100 de pagini? Va fi dificil să faceți acest lucru manual, cu excepția cazului în care, dar pentru mulți aceasta este o sarcină dificilă.
Acum imaginați-vă că aveți un plugin cu care puteți crea un link scurt pentru fiecare cod, precum , care poate fi inserat direct în text în modul editor, ceea ce este adesea mult mai convenabil decât în modul html.
Acum, dacă trebuie să schimbați linkul, atunci mergeți la panoul de administrare al pluginului și schimbați linkul, iar codul se va schimba automat pe toate paginile site-ului unde se află codul nostru scurt. Pentru fiecare link, banner, script sau imagine, vă puteți crea propriul cod scurt și puteți gestiona această matrice dintr-un singur centru de control.
Și dacă ai un magazin online, atunci acesta este un lucru și mai util pentru tine, de când folosești Cu codurile scurte woocommerce, puteți schimba în bloc prețurile, ratele de schimb, numele produselor și orice altceva. Cum se pot face toate acestea?
Există destul de multe plugin-uri pentru crearea de shortcode-uri în wordpress, dar nu mi-a plăcut niciunul dintre ele: fie totul este în engleză, uneori e prea fantezist, alteori nu este suficient de funcțional... Dar chiar zilele trecute am citit că un celebru blogger seo Vitali Burgomistrov a anunțat un plugin gratuit în aceste scopuri - sCode de mojWP.
Iată un scurt videoclip cu acest plugin în acțiune:
Dacă introduceți codul șablonului de cod scurt în html, veți vedea ce ați inserat - codul scurt. Pentru ca acesta să funcționeze, trebuie să includeți codul scurt într-o funcție:
Acum veți vedea exact ce ascundeți în spatele codului scurt de pe site. Nimic complicat, nu? În panoul de administrare există o mică instrucțiune pentru plugin și un videoclip pe care l-am inserat în articol.
Aș prefera să vă arăt cum poate fi pusă în practică pentru . Îmi doream să fac asta de mult timp și acum se pare că este momentul potrivit. Pentru a înțelege esența ideii mele, voi nota doar un punct.
Ce face bani pe adsense?
1. CPC.
2. Numărul de clicuri.
Nu îl vom mai putea influența pe primul dacă articolul este scris și există deja trafic bun către el. Dar putem crește rata de clic și, în același timp, în mod semnificativ. După cum înțelegeți, voi vorbi doar despre blocurile de anunțuri care sunt în articol. Blocurile din bara laterală, din subsol și cu atât mai mult din antet sunt cele mai stupide și le-am scos pe toate cu mult timp în urmă.
Dar articolul este cu totul altă chestiune. O persoană începe să citească un articol și dă peste o reclamă - va face clic sau nu? Aici totul depinde de un singur factor: subiectul reclamei coincide COMPLET cu problema care se discută ÎN ACEST etapă a articolului. Exemplu:
Iată o persoană care citește despre ce găzduire să aleagă. Citește, citește și abordează întrebarea pe care ați scris-o în articol și ați evidențiat-o cu aldine - care este cea mai bună găzduire de a alege?
Apropo, am folosit deja acest plugin și am inserat un shortcode cu reclame adsense după întrebarea mea - ce arată pentru tine? Dacă puneți blocul de anunțuri în alt loc, atunci acest efect nu va mai fi. Înțelegi la ce vreau să ajung?
Da, trebuie să inserați MANUAL codul scurt pentru anunț ÎN LOCUL CORECT! Dacă acest loc nu există, atunci trebuie să-l CREAȚI! Puteți face acest lucru: deschideți google.com și introduceți numele articolului nostru în căutare. Căutăm articolul nostru în rezultatele căutării și mergem la el. Ne uităm la ce arată adsense. Căutăm un loc în articol unde să fie locul potrivit, terminăm articolul folosind cuvintele din această reclamă și introducem acolo shortcode-ul.
Acum reclama din articol va fi MAXIM potrivita pentru continutul sau, cel putin pentru bucata de text in care va sta. Da, este lung și trist, dar nu căutăm căi ușoare, nu? Calea ușoară este religia învinșilor...
Nu ai găsit un răspuns? Utilizați căutarea pe site
Shortcode-urile sunt funcții PHP care pot fi utilizate în conținutul postării folosind condiționale.
De exemplu, un cod scurt standard WordPress vă permite să afișați o galerie în interiorul unei postări.
Este clar că această funcționalitate oferă dezvoltatorilor WordPress oportunități uimitoare - astăzi inserarea de formulare, butoane, glisoare în postări este foarte relevantă.
La fel cum o funcție poate avea argumente, un shortcode poate avea propriii parametri. Un alt exemplu de shortcode:
Puteți lipi codul în fișierul functions.php (mă refer la cel din directorul actual al temei).
Numele codului scurt trebuie să fie scris cu litere mici și să conțină numai litere, cifre și liniuțe latine.
Shortcode cu parametri
Bine, am scris deja că shortcode-urile pot avea propriii parametri, acum să vedem cum se face.
De exemplu, am scris un cod scurt care inserează pur și simplu un link într-o postare care se deschide într-o filă nouă de browser target="_blank" . Nu cred că poate fi de fapt util, dar pentru noi acum principalul lucru este să înțelegem însuși principiul modului în care funcționează codurile scurte.
Vor fi doi parametri: anchor și url - anchor (text link) și respectiv URL.Dacă parametrul nu este specificat în codul scurt, atunci se va folosi valoarea implicită setată în funcție.
Închiderea codurilor scurte și a unui cod scurt în interiorul unui cod scurt
Să luăm codul scurt din exemplul anterior și să-l modificăm puțin. Permiteți-mi să vă reamintesc că shortcode-ul arăta astfel:
.
Ce se întâmplă dacă îl refacem astfel: URL link .
În plus, alte coduri scurte pot fi introduse în interiorul codurilor scurte de închidere (mulțumită funcției).
În consecință, să rescriem codul nostru din exemplul anterior:
| funcția true_url_external( $atts , $shortcode_content = null ) ( $params = shortcode_atts( array ( "ancoră" => "Misha Rudrastykh") , $atts ) ; return """ target="_blank">($params[ "ancoră"])"; ) add_shortcode( "true_url" , "true_url_external" ); |
Acum codul scurt de următorul tip va afișa un link către pagina principală a site-ului dvs. (am scris despre codul scurt mai sus).
Adăugarea unui buton de inserare de cod scurt la Editorul de postări vizuale TinyMCE
Este clar că va fi mult mai convenabil să inserați un shortcode prin editorul TinyMCE încorporat și, dacă este implementată și o interfață care vă permite să setați parametrii shortcode, atunci este în general cool.
1.PHP
Indiferent dacă butonul dvs. va fi text sau cu o pictogramă, dacă va conține sau nu câmpuri suplimentare de introducere (parametri de cod scurt) - în toate cazurile, codul PHP de înregistrare a butonului va fi același.
| // Funcția Hooks true_add_mce_button() ( // verifică drepturile utilizatorului - poate el edita postările și paginile if ( !current_user_can( "edit_posts") && !current_user_can( "edit_pages" ) ) ( return ; // dacă nu poate, atunci nu va avea nevoie nici de butonul, în acest caz ieșiți din funcție } // verifică dacă utilizatorul are editorul vizual activat în setări (dacă nu, atunci nu este nevoie să conectezi butonul) if ("true" == get_user_option ("rich_editing")) (Add_filter ("MCE_EXTERNAL_PLUGIGESS", "True_add_TINYMCE_SCRIPT"); Add_Filter ("MCe_buttons", "True_Rregister CE_BUTTON);)) Add_action ("admin_button"_m); "ce__addhead"); // În această funcție, specificăm un link către fișierul JavaScript al butonului funcția true_add_tinymce_script( $plugin_array ) ( $plugin_array [ "true_mce_button" ] = get_stylesheet_directory_uri() ."/true_button.js" ; return $plugin_array ; ) // Înregistrați butonul în editor funcția true_register_mce_button( $butoane ) ( array_push ( $butoane , "true_mce_button" ); // true_mce_button - identificatorul butonului returnare $butoane ; ) |
În acest exemplu, am folosit . true_button.js - butonul în sine, creați acest fișier în directorul temei (sau oriunde doriți, dar nu uitați să schimbați calea către el în acest caz).
2.1. JavaScript. Exemplu simplu de buton
Să aruncăm o privire la conținutul fișierului true_button.js. Deci, să începem prin a crea un buton simplu care va insera un shortcode.
| (funcție () ( tinymce.PluginManager .add ("true_mce_button" , funcție (editor, url ) ( // true_mce_button - ID buton editor.addButton("true_mce_button" , ( // true_mce_button - ID-ul butonului, trebuie să fie același peste tot text: "" , // Textul butonului, dacă doriți ca butonul dvs. să conțină doar o pictogramă, eliminați această linie titlu: „Inserați codul scurt”, // tooltip pictograma: fals // aici puteți specifica oricare dintre pictogramele vectoriale existente în TinyMCE sau propria clasă CSS onclick: function () ( editor.insertContent("" ) ; // lipiți codul scurt în editor, puteți seta și orice acțiune jQuery } } ) ; } ) ; } ) () ; |
Ca urmare:
Versiunea text a butonului de inserare a codului scurt din editorul vizual TinyMCE.
2.2. Buton cu o pictogramă, o listă derulantă și posibilitatea de a seta parametrii shortcode
Voi începe prin a introduce (sau mai degrabă înlocui) codul în fișierul true_button.js:
| (funcție () ( tinymce.PluginManager.add("true_mce_button" , funcție (editor, url )) ( // ID-ul butonului true_mce_button trebuie să fie același peste tot editor.addButton( "true_mce_button" , ( // ID buton true_mce_button pictogramă: "perec" , // propria mea clasă CSS, datorită căreia voi seta pictograma butonului tip: „buton de meniu”, titlu: "Inserați elementul", // hover tooltip meniul: [ // prima listă derulantă începe aici( text: „Elemente de formular” , meniu: [ // aici începe cel de-al doilea meniu vertical din primul( text: „Câmp de text” , onclick: funcția () ( editor.windowManager.open( ( titlu: „Setați opțiunile de câmp”, body: [ ( tip: „textbox” , nume: „textboxName” , // ID, va fi folosit mai jos eticheta: „ID și numele câmpului de text”, // valoarea etichetei: „comentare” // valoare implicită), ( tastați: „textbox” , // tip textbox = textbox nume: „multilineName” , etichetă: „Valoarea implicită a câmpului de text”, valoare: „Bună” , mai multe linii: adevărat , // câmp de text mare - zona de text lățime min: 300 // lățimea minimă în pixeliÎnălțime min: 100 // înălțimea minimă în pixeli), ( tastați: „listbox” , // tip listbox = selectează lista derulantă nume: „listboxName” , etichetă: „Umplere” , „valori” : [ // valorile listei derulante( text: „Necesar” , valoare: „1” ) , // etichetă, valoare(text: „Opțional”, valoare: "2" ) ] ) ] , onsubmit: funcția ( e ) ( // acest lucru se va întâmpla după completarea câmpurilor și apăsarea butonului de trimitere editor.insertContent( "" ); ) ) ; ) ) , ( // al doilea element al listei derulante imbricate, doar inserează un shortcode text: "Buton de trimitere", onclick: function () ( editor.insertContent("" ) ; ) ) ] ) , ( // al doilea element al primei liste derulante, doar inserări text: "Shortcode " , onclick: function () ( editor.insertContent("" ) ; ) ) ] ) ); ) ) ; ) ) () ; |
După ce am lipit codul, butonul meu este deja acolo și funcționează. Singurul lucru este că nu are nicio pictogramă (bine, cu excepția săgeții în jos).
WordPress este un sistem de publicare puternic, care este la fel de convenabil pentru bloggerii începători, precum și pentru crearea de forumuri, rețele sociale, magazine etc.
De obicei, un șablon (șablon) adecvat este selectat pentru fiecare aplicație, dar uneori capabilitățile sale nu sunt suficiente.
Aici vin în ajutor codurile scurte, cu ajutorul cărora vă puteți adăuga propriul „zest” la WordPress.
Un cod scurt este un cod scurt care este inserat direct în textul unei pagini, al unui antet, al unui widget - adică în conținut și extinde capacitățile WordPress.
Cu acesta, puteți formata frumos textul, îl puteți împărți în coloane, puteți introduce conținut, un buton, un player audio, un formular de comandă și multe alte caracteristici care vă disting WordPress de toate celelalte.
Dacă nu există un handler pentru un anumit cod scurt, atunci apelul său pe pagină va arăta ca text simplu.
Acest articol folosește în mod intenționat numele unor coduri scurte inexistente, astfel încât să puteți vedea cum arată apelul cu coduri scurte și nu rezultatul muncii sale.
Tipuri de coduri scurte după structură
Pot fi fără parametri, cu parametri și cu conținut.
Shortcodes fără parametri
Uneori este suficient doar apelarea unui cod scurt pentru ca acesta să îndeplinească o funcție bine definită. Nu trebuie să treacă niciun parametru.
De exemplu, acest cod afișează o linie orizontală. Aspectul său este definit în foaia de stil.
Acest apel tipărește anul curent. Convenabil să nu editați texte în fiecare an.
Shortcodes cu parametri
Uneori trebuie să treceți parametri pentru a obține rezultate diferite.
De exemplu, așa este inserat un buton frumos, al cărui stil ar trebui să fie scris în foaia de stil.
Acesta conține doi parametri: titlu- aceasta este inscripția de pe buton, de exemplu, Comanda, Abonare, etc.
url este adresa de acces.
Acesta este modul în care puteți introduce prețul în ruble, care este convertit automat din prețul în dolari la cursul de schimb curent al Băncii Centrale.
Aici parametrul s este prețul în dolari.
Coduri scurte de conținut
Ele constau din două părți, între care poate exista orice conținut post, widget etc.
Iată cum puteți evidenția o bucată de text sau o parte dintr-o postare „plasând” un fundal colorat sub ea:
Iată un text care va fi afișat pe un fundal colorat.
Parametru culoare setează culoarea de fundal în codul hexazecimal obișnuit.
Și iată cum puteți afișa text în două coloane de aceeași lățime:
Un shortcode în codul php constă dintr-o funcție care îl procesează și o comandă care atribuie funcția corespunzătoare codului.
Iată un cod scurt tipic pentru un buton:
funcţie ha_dar($atts,$content=NULL) (
extract(shortcode_atts(array(
„title” => „Du-te”,
'url' => false
), $atts));
$output=" '.$titlu."’;
returnează $ieșire;
}
add_shortcode('dar','ha_dar');
În acest exemplu, funcția este numită ha_dar. I se trec doi parametri - titluȘi url. Si pentru titlu valoarea implicită atribuită Merge. Dacă, la apelarea codului, parametrul titlu săriți, apoi butonul implicit va fi etichetat Merge.
În interiorul funcției, pot fi apelate și alte funcții, pot fi conectate fișiere etc. Funcționalitatea shortcode este limitată doar de imaginația și abilitățile de programare.
Funcția returnează apoi rezultatul cu întoarcere.
Funcţie add_shortcode alocă codului scurt după nume dar funcția de gestionare după nume ha_dar.
Și iată stilurile pentru butonul galben de lățime completă:
Btn(
display: inline-block
culoare: #000000;
font: 300 16px "Roboto", sans-serif;
text-transform: majuscule;
fundal: #fde42b;
fundal: -webkit-gradient(liniar, stânga sus, stânga jos, de la(#fcea38), până la(#ffcf00));
fundal: -webkit-linear-gradient(sus, #fcea38 0%, #ffcf00 100%);
fundal: gradient liniar (în jos, #fcea38 0%, #ffcf00 100%);
chenar-jos: 3px solid #b27d00;
umplutură: 14px 15px 11px;
latime: 90%
chenar-rază: 2px
text-align: centru;
text-decor: niciuna;
text-shadow: 1px 1px 0 #ffec89;
}
.btn:hover (
opacitate: 1
fundal: -webkit-gradient(liniar, stânga jos, stânga sus, de la(#ffdd02), până la(#fffe6d));
fundal: -webkit-linear-gradient(jos, #ffdd02 0%, #fffe6d 100%);
fundal: gradient liniar (în sus, #ffdd02 0%, #fffe6d 100%);
culoare-chenar: #bd8500;
Cum să inserați un cod scurt într-un șablon WordPress
Inserați o funcție - handlerul de coduri scurte poate fi direct în fișierul responsabil pentru ieșirea postărilor individuale - de obicei, acesta este singur.php. Atunci acest shortcode va funcționa numai în postări.
Mai bine pune-l într-un dosar funcții.php găsit în orice temă WordPress. Apoi shortcode-ul va funcționa pe toate paginile, widget-urile etc.
Cu toate acestea, dacă actualizați sau modificați șablonul, codurile scurte nu vor mai fi procesate. Dacă intenționați să schimbați designul blogului în viitor, atunci este mai bine să plasați codul tuturor codurilor scurte într-un singur fișier, de exemplu, shortcodes.php,și puneți-l într-un folder Ale mele la rădăcina site-ului.
În acest caz, trebuie să organizați apelul prin introducerea în fișier funcții.php comanda require_once('my/shortcodes.php');
După modificarea sau actualizarea temei WordPress, nu uitați să reînregistrați această comandă.
Cum să inserați un shortcode într-o pagină WordPress
Pentru ca shortcode-ul să funcționeze, trebuie să-i introduceți apelul în locul potrivit în conținut, format din paranteze drepte, numele shortcode-ului și parametri. În același timp, îl puteți decora cu orice stil, la fel ca textul obișnuit al postării.
Sper că există suficiente exemple pentru a putea crea singur un shortcode wordpress care rezolvă sarcinile de care aveți nevoie.
Urmăriți un tutorial video despre crearea unor coduri scurte mai complexe aici:
Adesea, în procesul de postare a conținutului pe un site, trebuie să includeți unul sau altul element în postările dvs. Este destul de incomod să scrieți ceva manual de fiecare dată, mai ales dacă vor exista o mulțime de astfel de inserții. Mai ales pentru asta în CMS WordPress, începând de la versiune 2.5 , a fost introdusă o funcționalitate specială numită shortcodes.
În practică, un shortcode este o construcție specială care este inclusă între paranteze drepte. Sistemul, întâlnindu-l undeva, înlocuiește valoarea dată. Shortcode-urile sunt destul de populare în teme și pluginuri.
Să aruncăm o privire la acțiunile shortcode folosind un plugin pentru galerie de imagini ca exemplu. Așadar, după instalarea și activarea acestuia, în partea de administrare a site-ului dvs. WordPress apare o secțiune specială, care are instrumentele necesare pentru a crea o galerie. Odată ce imaginile au fost adăugate și aplicate setările necesare, galeria ta va fi salvată. Acum rămâne să îl afișam pe site. Pentru a face acest lucru, pluginul vă spune un shortcode unic, în punctul de inserare al căruia va fi afișată galeria pe care ați creat-o.
Shortcode-ul arată astfel:
Cum se creează un shortcode în WordPress?
Instrumentele „motor” permit nu numai utilizarea shortcode-urilor existente, ci și crearea propriilor dumneavoastră. Acest lucru necesită abilități de programare. Vom plasa toată munca noastră în fișierul principal de configurare al temei active WordPress - funcții.php.
Dacă nu știi cum să editezi funcții.php, atunci în acest caz pluginul ProFunctions vă va ajuta.
De exemplu, să creăm un cod scurt care va afișa text simplu „Hei WPSschool!”
Pentru a face acest lucru, adăugați următoarele linii în fișierul de mai sus:
Funcția wpschool_text_shortcode() ( returnează „Bună WPSchool!”; ) add_shortcode(„textshortcode”, „wpschool_text_shortcode”);
Codul nostru este format din 2 constructe principale. bloc funcția wpschool_text_shortcode() este o funcție în care este afișată efectiv valoarea necesară a shortcode-ului. În cazul nostru, aceasta este rezultatul unui șir de text „Hei WPSschool!”
Directivă add_shortcode() este o comandă de utilitate care creează în sine codul scurt. Are două opțiuni. „textshortcode” este numele codului scurt, care va fi în cele din urmă inclus între paranteze drepte. În al doilea parametru, specificăm numele funcției noastre cu text.
Ca rezultat, vom obține următorul cod scurt, gata pentru a fi lipit:
Să-l adăugăm la partea de conținut a postării sau a paginii.
Ca urmare, pe site va arăta astfel:
În exemplul următor, vom crea un cod scurt pentru inserarea unei imagini cu o dimensiune dată.
Funcția wpschool_picture_shortcode($atts) ( extract(shortcode_atts(array("width" => 100, "height" => 100,), $atts)); return " 
"; ) add_shortcode("imagine", "wpschool_picture_shortcode");
Codul nostru scurt conține acum parametrii funcției și există și un argument $atts. Pentru a folosi parametrii shortcode, avem nevoie de două funcții: shortcode_atts()Și extrage(). Prima este o funcție încorporată în nucleul WordPress care potrivește atributele codului scurt cu cele date și atribuie valori implicite (dacă este necesar). extrage() este o funcție a limbajului PHP, care creează variabile din valorile matricei. Funcția noastră returnează valoarea de care avem nevoie ( HTML-aranjați imaginea noastră cu valorile date de înălțime și lățime).
Acum, când este folosit shortcode-ul , imaginea selectată va fi generată cu dimensiuni 100 pe 100 . Dacă trebuie să-i schimbați dimensiunea, atunci shortcode-ul va arăta astfel:
Am descoperit recent că mulți nu știu cum să introducă shortcode-uri în WordPress sau să afișeze un script pe un site cu un alt motor. Și cei care știu, și cum să facă Ieșire PHP shortcode face adesea greșeli grave. Și până la urmă, atunci dau vina pe faptul că fie au un plugin, fie codul scurt nu funcționează, sau ceva este în neregulă cu șablonul de site. Dar, de fapt, totul este foarte simplu și erorile se întâmplă în principal din cauza neatenției sau necunoașterii sintaxei și punctuației.
Cum fişier? Răspuns rapid
Mai ales pentru cei care știu deja totul, dar caută doar un răspuns rapid, sau pentru un alt motor, atunci vă rugăm să folosiți acest cod:
php echo face shortcode wordpress
|
Cu toate acestea, nu uitați de punctuația! citate în dvs cod scurtȘi Vphp codul trebuie să fie diferit.
Adică dacă în șablonul tău de site wordpress folosești același shortcode, dar cu două ghilimele înăuntru (["...]), iar în codul tău php folosești și ghilimele duble ("[...]") , atunci trebuie să schimbați unul dintre ele în unul singur. Din motive atât de mărunte codurile scurte nu funcționează în wordpress. Mai multe despre asta mai jos.
Ce este un shortcode(shortcode) și pentru ce este?
Shortcode este din engleza. "cod scurt". Este folosit în principal atunci când se creează plugin-uri sau module concepute să funcționeze cu sisteme de management al conținutului (CMS), precum WordPress, Joomla etc. Mai simplu spus, acest cod scurt este un fel de comandă rapidă care, atunci când este adăugată pe site, trage în sus este tot codul mare de la plugin.
Un shortcode arată de obicei astfel: fie acesta, fie chiar un singur cuvânt
În orice caz, acest lucru nu este atât de important, deoarece principalul lucru este să cunoașteți principiul adăugării unui shortcode pe site.
Cum functioneaza?
Totul este foarte simplu. Să presupunem că ai un site pe motorul WordPress, ai un șablon (design) simplu al site-ului, dar pentru a-l decora, te hotărăști să-i pui un slider, în care fotografiile tale să se răstoarne de la sine. Este foarte ușor să faci asta. Pentru a face acest lucru, trebuie să descărcați pluginul slider din biblioteca generală de pluginuri WordPress, să încărcați acolo fotografiile necesare, iar pluginul vă va oferi un mic cod slider precum:
dar doar un astfel de cod scurt (Shortcode) într-o singură linie:
Inserand asa ceva
shortcode la o pagină de site wordpress sau un widget, pluginul dvs. va începe să funcționeze și va genera codul slider mare de sus, ca urmare, veți primi glisorul dvs. pe paginile site-ului.
A cum să inserați shortcode glisor drept la șablon wordpress in cod php?
Dacă aveți nevoie direct de cod, pentru aceasta, dezvoltatorii acestui plugin au scris o funcție de cod scurt în limbajul php lângă (Fig. de mai sus):
O astfel de „funcție” a shortcode-ului poate fi inserată într-un fișier php în locul de care aveți nevoie pe site. De exemplu, în header.php, undeva după body sau poate în sidebar.php, și cel mai bine în fișierul șablon de pagină (se poate numi ceva de genul content-page.php), ca rezultat, veți obține că același glisor, dar deja integrat în designul site-ului în sine.
Cu toate acestea, trebuie să fii foarte atent când afișarea codului scurt în șablonul wordpressîn fișiere php. Acest lucru necesită cel puțin cunoștințe de bază despre php. Pentru că dacă îl inserați „în locul greșit” în fișierul php, atunci va fi afișată o eroare pe site.
De obicei, orice cod php începe cu. Aici, după sfârșitul unui cod php și înainte de începerea altuia, puteți introduce funcția dvs. php. Din păcate, dezvoltatorii de pluginuri nu fac întotdeauna o funcție php gata făcută (ca în acest exemplu) pentru afișarea unui cod scurt. În acest caz, îl puteți crea singur cu ușurință și simplu, mai multe despre asta mai jos.
Cum afișați shortcode în php V wordpress dacă nu există nicio funcție php gata în plugin?
Există pluginuri în care dezvoltatorii lor au decis să nu specifice o funcție php gata făcută pentru inserarea unui shortcode în fișierele șablon ale site-ului (cum a fost cazul în exemplul anterior), ci indică doar un shortcode. Iată cum, de exemplu, în acest plugin glisor:
Ce să facem în acest caz, pentru că trebuie să introducem shortcode-ul în șablonul wordpress și direct în fișierul php de pe site? În acest caz, trebuie doar să împachetați codul scurt cu funcția de ieșire php, care a fost afișată chiar la începutul articolului. Ca rezultat, luând în considerare codul nostru scurt, obținem acest tip de funcție php:
cod scurt wordpress cum se încorporează
|
Poate fi deja integrat în siguranță în orice șablon de site web. Totuși, fă-ți timp și citește mai jos despre greșelile comune pe care chiar și webmasterii cu experiență le fac atunci când adaugă coduri scurte.
Greșeli majore! Sau de ce nu funcționează codul scurt wordpress?
La începutul articolului, am descris deja cum adăugați cod scurt V wordpress, Si cum lipiți codul scurt înPHP. Să rezumam totul acum.
De fapt, există două moduri de a adăuga, și anume:
cod scurt wordpress la șablon
|
După cum puteți vedea, ele diferă doar prin ghilimele - simple și duble. Sintaxa limbajului php este foarte atentă la astfel de ghilimele. Și dacă în interiorul celei de-a doua funcții, care este cu două ghilimele, introduceți un shortcode tot cu două ghilimele, de exemplu, așa cum am avut noi: atunci veți primi o eroare pe site.
Pentru ca să nu existe erori și ca codul scurt să funcționeze corect, trebuie să aveți diferite ghilimele. De exemplu, așa:
Puteți adăuga oricare dintre primele două coduri scurte la șablonul dvs. WordPress chiar în editor. Pentru a face acest lucru, găsiți fișierul php corespunzător în editorul site-ului care controlează „locul” de pe site în care doriți să afișați glisorul. Puteți găsi acest loc în instrumentele pentru dezvoltatori chiar în browser, apăsând comanda rapidă de la tastatură Ctrl + Shift + I.
