Ce sunt codurile scurte

În acest articol vreau să arăt cum să creez corect coduri scurte mai complexe și să rezolv cele mai frecvente probleme la crearea lor:

1. Conectarea scripturilor terță parte și lansarea numai dacă există un shortcode pe pagină.
2. Shortcode pe mai multe niveluri.
   • Shortcode compozit.
   • Imbricarea codurilor scurte.

Pregătirea solului

/
/Include/
shortcodes.php
…
funcții.php

Aproape fiecare ghid sugerează crearea de coduri scurte direct în fișierul functions.php. Voi spune imediat: sunt un oponent al acestei abordări. În schimb, recomand cu tărie să plasați toate shortcode-urile dosar separat(includes/shortcodes.php) și includeți-l în functions.php într-o singură linie. Acest lucru va ușura semnificativ functions.php și va face codul mai lizibil.

Nota : WordPress, desigur, acceptă includerea fișierelor prin require, dar descurajează puternic acest lucru. În schimb, se recomandă utilizarea get_template_part().

Scripturi de conectare

Un exemplu de astfel de implementare:

Funcția foobar_func($atts) ( return "foo and bar"; ) add_shortcode("foobar", "foobar_func"); funcția foo_script () ( wp_register_script("foo-js", get_template_directory_uri() . "/includes/js/foo.js"); wp_enqueue_script("foo-js"); ) add_action("wp_enqueue_scripts", "foo_script");

Aceasta este o opțiune complet funcțională, dar scriptul se va încărca pe fiecare pagină, chiar dacă nu este necesar acolo (adică nu există cod scurt).

Pentru a evita astfel de situații, vă sugerez să utilizați următoarea abordare:

1. Definiți codul scurt ca o clasă separată.
2. Adăugați un semnal care va determina dacă acest cod scurt se află pe pagină.
3. Încărcați script-ul numai prin indicatorul de prezență a codului scurt.

Asta e tot...

Un exemplu de astfel de implementare:

Clasa foobar_shortcode ( static $add_script; static function init () ( add_shortcode("foobar", array(__CLASS__, "foobar_func")); add_action("init", array(__CLASS__, "register_script")); add_action("wp_footer" , array(__CLASS__, "print_script" ) static function foobar_func($atts) ( self::$add_script = true; return "foo and bar"; ) static function register_script() ( wp_register_script("foo-js", get_template_directory_uri) () . "/includes/js/foo.js" ) funcția statică print_script () ( if (!self::$add_script) return; wp_print_scripts("foo-js"); ) ) foobar_shortcode::init();

Spre deosebire de implementarea anterioară, acest cod scurt este inițializat, dar toate scripturile sunt încărcate numai dacă codul scurt este prezent pe pagină.

Coduri scurte imbricate

• Crearea unui shortcode pe mai multe niveluri (format din mai multe).
• Folosind un shortcode în interiorul aceluiași shortcode.

Acum - mai detaliat.

Crearea unui cod scurt pe mai multe niveluri
Problema este că un astfel de cod scurt constă din mai multe coduri scurte mai mici și trebuie să împiedicați utilizarea lor ca coduri scurte separate (cu excepția cazului în care este necesar).

Să luăm, de exemplu, un shortcode care creează un tabel de prețuri. Pentru a face acest lucru, trebuie să pregătiți trei coduri scurte separate:

-


- …
-
-
- Opțiunea 1
- Opțiunea 2
- …
-
…

Acest exemplu folosește trei coduri scurte: .

add_shortcode("preț", "cod_preț");
add_shortcode("plan", "plan_code");
add_shortcode("opțiune", "cod_opțiune");

Pentru a preveni utilizarea shortcode-urilor interne ca coduri separate, se propune următoarea schemă:

Pret -> afisarea codului in pagina
Plan -> primirea datelor
Opțiune -> obține date

Adică, codul este scos către pagină numai în shortcode extern, în timp ce cele interne pur și simplu returnează datele primite. Un exemplu de astfel de implementare este dat mai jos.
Descrierea funcției de shortcode extern:

Funcția price_code ($atts, $content) ( // inițializarea variabilelor globale pentru planurile de preț $GLOBALS["plan-count"] = 0; $GLOBALS["plans"] = array(); // citirea conținutului și executarea shortcode-urilor interne do_shortcode($conținut // pregătirea codului HTML $output = ");

Descrierea funcțiilor interne de shortcode:

Funcția plan_code ($atts, $content) ( // obțineți extragerea parametrilor shortcode(shortcode_atts(array("title" => "", // Numele titlului planului "price" => "0", // Plan preț), $ atts)); // Pregătiți HTML: titlul planului $plan_title = "

Cu această abordare, shortcode-ul va funcționa numai atunci când este asamblat, adică dacă este utilizat corect, în alte cazuri, nimic nu va fi afișat pe ecran (în consecință, nimic nu se va rupe).

Desigur, puteți încă să optimizați și să îmbunătățiți acest shortcode, dar totuși, cred că am reușit să demonstrez ideea principală.

Coduri scurte duplicat

Conţinut
Conţinut

Din păcate, un astfel de imbricare este deja prea mult pentru WordPress. Aspectul se va destrama deja la al doilea conținut. Acest lucru se întâmplă deoarece atunci când deschideți un shortcode, WordPress caută imediat a doua parte (de închidere) a acestui shortcode, adică. în acest exemplu, prima coloană va fi închisă pe primul cod scurt imbricat.

Pentru a rezolva această problemă, din păcate, nu există alte opțiuni decât simpla adăugare de noi shortcodes. Dar nu are rost să rescrieți funcțiile, puteți pur și simplu să inițializați shortcode-ul pentru funcțiile existente:

Add_shortcode("column_half", "column_half_code"); add_shortcode("column_half_inner", "column_half_code"); function column_half_code ($atts, $content) ( returnare "

Concluzie

WordPress este puternic sistem de publicare, la fel de convenabil pentru bloggerii începători și pentru crearea de orice fel de forumuri, rețele sociale, magazine etc.

De obicei, un ș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 ajutorul acestuia, puteți forma 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 în pagină care vă disting WordPress de toate celelalte.

Dacă nu există un handler pentru un anumit cod scurt, atunci apelarea acestuia pe pagină va arăta ca un text obișnuit.

Acest articol folosește în mod intenționat numele unor coduri scurte inexistente, astfel încât să puteți vedea cum arată apelarea unui cod scurt și nu rezultatul funcționării acestuia.

Tipuri de coduri scurte după structură

Vin fără parametri, cu parametri și cu conținut.

Shortcodes fără parametri

Uneori trebuie doar să apelați un shortcode pentru a efectua o funcție strict definită. Nu este nevoie să îi transmiteți niciun parametru.

De exemplu, acest cod iese linie orizontală. Aspectul său este determinat în foaia de stil.

Acest apel afișează anul curent. Convenabil pentru a nu fi nevoit să editeze 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 specificat în foaia de stil.

Acesta conține doi parametri: titlu- aceasta este inscripția de pe buton, de exemplu, Comanda, Abonare, etc.

url— aceasta este adresa de acces.

Acesta este modul în care puteți introduce un preț în ruble, care este convertit automat din prețul în dolari la cursul de schimb curent al Băncii Centrale.

Iată parametrul s este prețul în dolari.

Shortcodes cu conținut

Ele constau din două părți, între care poate exista orice conținut al unei postări, widget etc.

Iată cum puteți evidenția un fragment de text sau o parte dintr-o postare „plasând” un fundal colorat sub el:

Există un text care va fi afișat pe un fundal colorat.

Parametru culoare setează culoarea de fundal în codul hexazecimal obișnuit.

Și așa puteți afișa textul în două coloane de aceeași lățime:

Un shortcode în cod 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. Și pentru titlu valoarea implicită atribuită Merge. Dacă, la apelarea codului, parametrul titlu skip, atunci butonul implicit va avea inscripția Merge.

În interiorul unei funcții pot fi apelate și alte funcții, pot fi conectate fișiere etc. Funcționalitatea codului scurt este limitată doar de imaginația și abilitățile tale de programare.

Funcția returnează apoi rezultatul muncii sale folosind reveni.

Funcţie add_shortcode alocă codului scurt după nume dar funcția de gestionare după nume ha_dar.

Și iată stilurile pentru un buton galben care se întinde pe întreaga lățime a paginii:

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), 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

Puteți insera o funcție - un handler de coduri scurte direct în fișierul responsabil pentru ieșirea postărilor individuale - de obicei aceasta singur.php. Atunci acest shortcode va funcționa numai în postări.

Este mai bine să-l lipiți într-un fișier functions.php, care este disponibil î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 mele la rădăcina site-ului.

În acest caz, trebuie să organizați apelul prin introducerea în fișier funcții.php echipă require_once('my/shortcodes.php');

După ce ați schimbat sau actualizat tema WordPress, nu uitați să reintroduceț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 dorit din conținut, constând din paranteze drepte, numele și parametrii shortcode-ului. În același timp, îl puteți proiecta în orice stil, la fel ca un post text obișnuit.

Sper că există suficiente exemple pentru a vă putea crea propriul cod scurt WordPress care rezolvă problemele de care aveți nevoie.

Urmăriți un tutorial video despre crearea unor coduri scurte mai complexe aici:

Am descoperit recent că mulți oameni nu știu cum să introducă coduri scurte în WordPress sau să afișeze un script pe un site cu un alt motor. Și cei care știu să facă o temă de site în codul unui șablon de site Ieșire PHP shortcode, sunt adesea permise greseli grave. Și până la urmă, apoi dau vina pe faptul că fie au un plugin, fie shortcode nu funcționează, sau ceva este în general greșit cu șablonul de site. Dar, de fapt, totul este foarte simplu și greșelile 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 shortcodeŞi Vphp codul trebuie să fie diferit.

Adică dacă în șablonul de site WordPress folosești același shortcode, dar cu două ghilimele înăuntru ([“...”]), iar în codul tău php folosești și el ghilimele duble(“[…]”), atunci trebuie să le schimbați pe unele dintre ele în unele singure. Tocmai din motive atât de mici, adesea Shortcode-urile nu funcționează în wordpress. Mai multe despre asta mai jos.

Ce este un shortcode(shortcode) și pentru ce este?

Shortcode este din engleză "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), de exemplu, WordPress, Joomla etc. Mai simplu spus, acest cod scurt este un fel de comandă rapidă care, atunci când este adăugată pe site, apare în sus. tot codul mare din plugin.

Shortcode-ul 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 funcţionează asta?

Este foarte simplu. Să presupunem că aveți un site web Motor WordPress, aveți un șablon simplu de site (design), dar pentru a-l decora, ați decis să puneți un glisor pe el, în care fotografiile dvs. vor derula prin ele însele. Este foarte ușor de făcut. Pentru a face acest lucru, trebuie să descărcați pluginul slider din biblioteca partajată Pluginuri WordPress, încărcați acolo fotografiile necesare, iar pluginul vă va oferi un mic cod slider, cum ar fi:

dar doar acest cod scurt (Shortcode) într-o singură linie:

Inserand asa ceva

shortcode către o pagină de site pe Wordpress sau într-un widget, pluginul dvs. va începe să funcționeze și va genera codul slider-ului mare de sus, în urma căruia veți obține slider-ul pe paginile site-ului.

O cum să inserați shortcode glisor drept într-un șablon wordpress in cod php?

Dacă aveți nevoie de el direct în cod, în acest scop dezvoltatorii acestui plugin au scris lângă (Fig. de mai sus) o funcție de cod scurt în PHP:

Această „funcție” shortcode poate fi inserată într-un fișier php în locația de care aveți nevoie pe site. De exemplu, în header.php, undeva după body sau poate în sidebar.php, sau cel mai bine în fișierul șablon de pagină (ar putea fi numit ceva de genul content-page.php), ca rezultat, veți obține asta același glisor, dar deja integrat în designul site-ului în sine.

Cu toate acestea, trebuie să fii foarte atent când ieșire shortcode într-un șablon wordpressîn fișiere php. Pentru asta ai nevoie de cel puțin de bază cunoștințe php. Pentru că dacă îl inserați „în locul greșit” într-un fișier PHP, pe site va fi afișată o eroare.

De obicei, orice cod php începe cu. După terminarea unui cod PHP și înainte de a începe altul, puteți introduce funcția dvs. PHP. Din păcate, dezvoltatorii de pluginuri nu realizează î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 făcută în plugin?

Există plugin-uri în care dezvoltatorii lor au decis să nu specifice o funcție PHP gata făcută pentru inserarea unui shortcode în fișierele șablon de site (cum a fost cazul în exemplul anterior), ci indică doar un shortcode. Astfel, de exemplu, în acest plugin glisor:

Ce ar trebui să facem în acest caz, deoarece trebuie să inserăm 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, ținând cont de codul nostru scurt, vom obține acest tip de funcție PHP:

shortcode wordpress cum se inserează

Acum poate fi integrat în siguranță în orice șablon de site web. Cu toate acestea, nu vă grăbiți încă și citiți mai jos despre greșelile comune pe care chiar și webmasterii experimentați 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 se face corect 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 în șablon

După cum puteți vedea, ele diferă între ele doar prin ghilimele - simple și duble. Sintaxa limbajului PHP este foarte atentă la astfel de ghilimele. Și dacă în a doua funcție, 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 normal, trebuie să aveți ghilimele diferite. De exemplu, așa:

Puteți adăuga oricare dintre primele două coduri scurte la șablonul dvs. WordPress direct în editor. Pentru a face acest lucru, găsiți un fișier php potrivit î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 direct în browser apăsând combinația de taste Ctrl+Shift+I.

Adaugă un nou cod scurt și un cârlig pentru acesta.

Pentru fiecare cod scurt, poate fi creată o singură funcție de gestionare. Aceasta înseamnă că dacă un alt plugin folosește același shortcode, atunci funcția ta va fi înlocuită cu alta sau invers (în funcție de ordinea în care sunt conectate funcțiile).

Dacă codul scurt are atribute, acestea sunt convertite în literă mică, înainte de a fi trecut la funcție. Valorile nu sunt afectate.

Rezultatul pe care îl returnează funcția (managerul de coduri scurte) ar trebui să fie întotdeauna returnat și nu afișat.

Shortcode-urile sunt o construcție a formei: sau sau text în text, care va fi înlocuit cu alt text creat de funcția hook responsabilă pentru shortcode.

Video despre shortcodes în WordPress:

Nu există cârlige.

Retururi

Nu returnează nimic.

Utilizare

(șir) (obligatoriu)

Numele shortcode-ului care va fi folosit în text. De exemplu: „galerie”.< > = .
Spațiile și caracterele nestandard precum: & / nu pot fi folosite în nume

Implicit: nu $tag

$func

Numele funcției care ar trebui să funcționeze dacă este găsit un shortcode.

Funcția primește 3 parametri, fiecare dintre ei putând fi sau nu trecuți: $atts
(matrice)
O matrice asociativă de atribute specificate în codul scurt.

Implicit: "" (șir gol - fără atribute) $conținut
(linia)
Text de cod scurt atunci când este utilizat constructul de cod scurt de închidere: text de cod scurt

• Implicit: "" $conținut
  $tag
  Etichetă de cod scurt. Poate fi util pentru transferul în suplimentar funcții. De exemplu: dacă codul scurt este , atunci eticheta va fi foo .

Spațiile și caracterele nestandard precum: & / nu pot fi folosite în nume

Implicit: eticheta curentă

Exemple

function footag_func($atts)( return "foo = ". $atts["foo"]; ) add_shortcode("footag", "footag_func"); // rezultat: // shortcode-ul din text va fi înlocuit cu „foo = bar”

#1.2. Setarea unei liste albe de atribute shortcode

Pentru ca shortcode să aibă doar parametrii pe care i-am specificat și pentru ca acești parametri să aibă valori implicite, trebuie să utilizați funcția shortcode_atts(): Add_shortcode("bartag", "bartag_func"); funcția bartag_func($atts)( // lista albă

parametrii și valorile implicite $atts = shortcode_atts(array("foo" => "no foo", "baz" => "default baz"), $atts);

returnează "foo = ($atts["foo"])"; )

#2. Înregistrarea unui cod scurt cu conținut

Un exemplu de creare a unui astfel de cod scurt: aici este textul:

Add_shortcode("baztag", "baztag_func"); funcția baztag_func($atts, $conținut) ( returnează „conținut = $conținut”; ) // rezultat: // constructul shortcode va fi înlocuit cu „conținut = text aici”

#3. Înregistrarea unui cod scurt pentru cursuri

Dacă pluginul dvs. este scris ca o clasă:

Add_shortcode("baztag", [ "MyPlugin", "baztag_func" ]); clasa MyPlugin (funcția statică baztag_func($atts, $conținut) ( returnează „conținut = $conținut”; ) )

#4 Inserarea iframe prin shortcode "; ) add_shortcode("iframe", "Generează_iframe"); // utilizare:

#5 Afișarea unei postări după ID prin cod scurt

Să obținem postarea după ID folosind codul scurt din fișierul functions.php al temei.

Add_shortcode("mărturii", "mărturii_shortcode_handler"); funcția testimonials_shortcode_handler($atts)( global $post; $rg = (obiect) shortcode_atts([ "id" => null ], $atts); if(! $post = get_post($rg->id)) return "" ; $url = wp_get_attachment_url(get_post_thumbnail_id($post->ID));

logo). "" alt="pictogramă" /> !}

". get_the_content() ."

author_image) ."" alt="image"> !}

". esc_html($post->author_name) ." ". esc_html($post->author_designation) ."

Note

• Global. Matrice. $shortcode_tags

Lista modificărilor

Cod adăugați cod scurt: wp-includes/shortcodes.php WP 5.2.3

Codurile scurte WordPress sunt o caracteristică puternică, dar încă puțin cunoscută a sistemului de management al conținutului. Pentru a afișa reclame pe blogul dvs., introduceți pur și simplu cuvântul adsense. Folosind comanda post_count puteți afla instantaneu numărul de postări. Există multe exemple similare. Seturile de caracteristici pot face munca unui blogger mult mai ușoară.

Exemplu de cod scurt simplu

Un utilizator începător trebuie să învețe cum să creeze și să utilizeze comenzi speciale, precum și să poată utiliza opțiuni gata făcute. Pentru a face acest lucru, trebuie să înțelegeți în ce constau codurile scurte WordPress. Ca exemplu, puteți lua linia O propoziție. În această postare, utilizatorul apelează opțiunea asociată cu codul scurt. Linia este formată din doi parametri.

Prima parte a intrării este o matrice formată din atributele id și color. În locul acestor valori, puteți specifica orice parametri cu numele dorite în eticheta de deschidere. A doua parte a intrării este text. Pentru a o procesa, trebuie să traduceți întreaga înregistrare în PHP. Utilizatorul va primi o linie cu următorul conținut: my_shortcode(array("id"=>"1", "color"="white"), "Some sentence").

Dacă doriți, puteți utiliza postarea fără eticheta de închidere de mai sus. Linia va arăta astfel: . În acest caz, numai atributele enumerate în eticheta de deschidere sunt transmise funcției. Opțiunea de înregistrare specificată este utilizată la apelarea unei opțiuni care nu necesită primirea altor informații pentru procesare. Pentru a adăuga o galerie, trebuie doar să specificați ID-ul în atribute.

Cum să inserați un shortcode în WordPress

Seturile de caracteristici sunt foarte ușor de utilizat. Bloggerul trebuie să creeze o postare nouă sau să deschidă o postare existentă pentru editare. Apoi trebuie să comutați editorul de text în modul HTML și să specificați codul în . Puteți folosi și atribute. Intrarea va arăta astfel: .

Puteți încorpora orice conținut în coduri scurte: text. WordPress 2.5 a introdus un set de caracteristici numite API Shortcode. După salvarea postării, conținutul postării este procesat. În paralel, API-ul Shortcode convertește codurile scurte pentru a îndeplini funcțiile atribuite acestora.

Scop

Cu acest instrument, puteți crea teme WordPress originale în editor fără HTML sau cunoștințe speciale. Butoanele și glisoarele în stil acordeon sunt adăugate dacă este necesar. Utilizatorul poate împărți textul în coloane, poate conecta o galerie, evidenția cuvinte în orice culoare, poate introduce liste frumoase și tabele cu prețuri. Shortcode-urile vă permit să vă faceți blogul mai funcțional și conținutul mai expresiv și mai eficient. Această metodă de adăugare a elementelor interactive este folosită pentru a rezolva multe probleme și este foarte utilă în muncă.

Crearea de shortcodes

Dacă utilizatorul știe să tasteze o funcție PHP simplă, atunci își va atinge cu ușurință scopul. Pentru a crea un shortcode, trebuie să găsiți și să deschideți unul dintre fișierele WordPress functions.php. Apoi trebuie să inserați funcția de linie hello() (return "Hello, world!";). Această acțiune va crea o funcție responsabilă pentru afișarea textului specificat. Pentru a-l transforma într-un cod scurt, trebuie să inserați comanda „add_shortcode()” după opțiunea „hello()”.

Linia va arăta astfel: add_shortcode("hw", "hello");. Odată creat codul scurt, utilizatorul îl poate folosi în note și pagini. Pentru a face acest lucru, trebuie să comutați la modul HTML și să introduceți linia . Acest cod scurt este un exemplu clar al cât de ușor este să creezi astfel de seturi de caracteristici.

Folosind pluginuri

Pentru a ușura munca, un blogger poate descărca o extensie. Utilizarea suplimentelor este cea mai simplă modalitate de a obține seturi de caracteristici gata făcute fără setări inutile.

WP Shortcode de MyThemeShop

Cel mai recent, această extensie gratuită a fost distribuită ca o soluție premium. În prezent, pluginul de coduri scurte WordPress conține 24 de elemente de bază: butoane, hărți, separatoare, tabele de prețuri și multe altele. Pentru a începe, un blogger trebuie să instaleze suplimentul și să deschidă un editor de text. Pentru a adăuga un shortcode, trebuie să faceți clic pe pictograma „+”. Numărul de setări din fereastra pop-up care apare depinde de selecția utilizatorului.

Shortcodes Ultimate

Aceasta este una dintre cele mai populare extensii. Suplimentul se găsește în fiecare colecție de plugin-uri pentru personalizarea WordPress. Extensia este disponibilă pentru fiecare utilizator. Dacă este necesar, completările plătite la plugin sunt descărcate. Bloggerul poate lucra cu 50 de elemente de design de pagină, un generator de coduri scurte și un editor de stil CSS.

Pluginul are suport pentru mai multe limbi. Avantajele produsului software includ și integrarea cu orice șabloane, design modern, design original al butoanelor, prezența unui widget personalizat și glisoare pentru galerie.

Coduri scurte fructuoase

Această extensie este vizual destul de simplă. Actualizările produselor software sunt efectuate rar. Cu toate acestea, addon-ul conține toate codurile scurte standard WordPress.

Bloggerul poate lucra cu file orizontale și verticale, coloane, separatoare etc. Elementele adăugate sunt afișate instantaneu în editorul grafic. Utilizatorul le poate dezactiva pentru postări sau pagini web folosind secțiunea Setări.

Shortcoder

Acest plugin se găsește adesea în diferite colecții. Extensia este actualizată foarte rar. Utilizatorul poate crea seturi de funcții folosind coduri HTML și JavaScript. Unul dintre cele mai simple exemple este plasarea unui bloc publicitar în text. Pentru a face acest lucru, trebuie să creați un set de funcții adsenseAd.

Pluginul Shortcoder este un instrument foarte flexibil. Nu veți putea găsi coduri scurte de bază aici. Utilizatorul poate crea elementele necesare în mod independent.

Cod scurt Bootstrap ușor

Pluginul vă permite să adăugați noi stiluri de design pentru site. Dezvoltatorii susțin că aceasta este cea mai simplă și mai accesibilă extensie din WordPress. Panoul editorului de text conține butoane care vă permit să copiați și să lipiți codul scurt. Pluginul are suport pentru fonturi cu pictograme. Utilizatorul poate adăuga stiluri și alte elemente de design al site-ului web.

Extensia a fost creată pentru a funcționa cu o grilă de resurse web, deci are multe setări pentru coloane. Un blogger poate crea mai multe blocuri, precum și poate specifica dimensiuni și indentări. Pluginul acceptă: Utilizatorul poate lucra și cu coduri scurte de bază: file, liste, butoane, etichete, glisoare etc.

WP Canvas - Shortcodes

Suplimentul conține o selecție a celor mai populare seturi de caracteristici pentru a extinde funcționalitatea site-ului. Bloggerul are acces nu numai la elemente obișnuite, ci și la cadre, imagini cu inscripții, blocuri pentru adăugarea de recenzii, widget-uri de numărătoare inversă, indicatori de progres cu efecte etc.

Pluginul acceptă stiluri personalizate, cod HTML, fonturi cu pictograme. Dacă se dorește, bloggerul poate activa afișarea unei selecții de postări de pe site pe pagină. Dezvoltatorii au oferit utilizatorilor doar o scurtă descriere a produsului software. În același timp, pluginul face față bine tuturor funcțiilor care îi sunt atribuite.

Codurile scurte Arconix

Extensia conține 6 tipuri de coduri scurte WordPress. Utilizatorul poate lucra cu blocuri, file, butoane, glisoare etc. Pluginul acceptă fonturi cu pictograme. Dacă dorește, bloggerul poate schimba formularul de conectare, poate activa lumina de fundal și poate împărți pagina în coloane.

Shortcodes simple

Aceasta este una dintre cele mai simple extensii pentru WordPress. După instalarea produsului software, în panoul de sus al editorului de text puteți vedea un buton pentru selectarea diferitelor elemente. Toate codurile scurte standard sunt aici: file, liste drop-down, pictograme, notificări etc.

După ce un blogger învață cum să creeze și să folosească seturi de caracteristici, se poate concentra pe soluții gata făcute pentru site.

Coduri scurte WordPress: Configurare

Cum să afișați un link pentru a publica o postare pe rețeaua de socializare Twitter? Pentru a face acest lucru, trebuie să deschideți fișierul functions.php și să lipiți următoarea linie lângă celelalte coduri scurte WordPress în PHP: function twitt())(return "

Apoi trebuie să comutați la modul HTML. În continuare ar trebui să introduceți cuvântul. Linkul va fi adăugat acolo unde utilizatorul a lăsat codul scurt.

Set de funcții „abonare la RSS”

Una dintre cele mai eficiente modalități de a crește numărul de abonați este afișarea unui mesaj bine formatat. Bloggerul nu trebuie să schimbe întregul cod al temei WordPress. Utilizatorul trebuie să decidă singur unde va fi afișat setul de funcții. Codul arată astfel: function subscribeRss() (return "

Adăugarea Google AdSense

Mulți bloggeri folosesc serviciul de publicitate contextuală. Lipirea codului instrumentului Google în fișierul dvs. temă este ușoară. Dar specialiștii în marketing știu că oamenii sunt mai predispuși să facă clic pe linkuri încorporate în conținut. Pentru a insera un bloc de anunțuri oriunde pe pagină, trebuie să creați un cod scurt și să îl apelați cu comanda.

Adăugarea unui flux RSS

Pentru a îndeplini această sarcină, trebuie să convertiți funcția într-un cod scurt. Apoi trebuie să activați modul HTML și să introduceți linia în câmpul editorului. Primul atribut indică adresa URL a fluxului RSS, iar al doilea atribut indică numărul de note de afișat.

Adăugarea postărilor din baza de date

Pentru a apela o listă de articole direct în editor, trebuie să creați un cod scurt, să comutați la modul HTML și să introduceți linia . Această comandă va lista cinci postări din categoria cu ID 2. Merită să acordați atenție faptului că pluginurile WordPress pot afișa postări conexe. Cu toate acestea, folosind un cod scurt, un blogger poate obține cu ușurință o listă cu orice număr de postări dintr-o anumită categorie.

Apelând imaginea ultimului articol

Pentru a facilita lucrul cu imaginile, puteți utiliza seturi de funcții. Pentru a apela imaginea ultimei postări, trebuie să creați un shortcode. Apoi ar trebui să activați modul HTML și să introduceți linia în câmpul de editare.

Adăugarea de seturi de caracteristici la widget-uri

Merită să acordați atenție faptului că nici un cod scurt WordPress nu funcționează în coloanele laterale ale site-ului. Limitarea platformei poate fi ocolită. Pentru a face acest lucru, trebuie să deschideți fișierul temă pentru WordPress functions.php și să introduceți linia add_filter('widget_text', 'do_shortcode');. Shortcode-ul va fi adăugat la widget.