Articles

Ghidul complet pentru WordPress Scurtăturile

înainte de editorul bloc WordPress, Scurtăturile WordPress au fost unul dintre cele mai bune lucruri pentru a lovi editorul WordPress pentru a face mai ușor pentru a adăuga funcții plugin și temă la pagini, posturi și alte secțiuni ale unui site WordPress.

WordPress scurtăturile ultimate guide

cu trecerea la editorul bloc, ce înseamnă acest lucru pentru cele mai multe dintre plugin-uri mai vechi și site-uri care sunt încă pline de Scurtăturile? Va WordPress scurtăturile încă de lucru? Există o modalitate de a trece cu ușurință de la utilizarea Codurilor scurte WordPress la blocurile WordPress?

să aflăm. În acest ghid, vom explora codurile scurte WordPress în era editorului de blocuri WordPress.

în acest ghid

ce sunt Scurtăturile WordPress?

un cod scurt WordPress este un bit reutilizabil, dinamic de cod înfășurat în . Scurtăturile vă permit să inserați cu ușurință funcții specifice de WordPress în sine sau de un plugin sau temă în orice post, pagină, tip de mesaj personalizat sau widget. Gândiți-vă la scurtăturile WordPress, cum ar fi „comenzi rapide” sau macrocomenzi de pe site-ul dvs. web.

puteți utiliza Scurtăturile WordPress pentru a afișa conținut static care este prea obositor pentru a continua codificarea și repetarea. Și puteți utiliza, de asemenea, scurtăturile pentru a afișa conținut dinamic, cum ar fi galerii de imagini, playere audio pentru podcast-uri, calendare de evenimente sau schimbarea statisticilor pentru anumite date.

Format cod scurt

când vine vorba de introducerea scurtăturile, formatul de bază poate fi „extins” în mai multe moduri, permițându-vă să personalizați sau să adăugați informații setări suplimentare numite atribute. În plus, comenzile rapide pot înfășura text (sau HTML) sau chiar pot fi imbricate într-un alt cod scurt.

de exemplu, un cod scurt poate avea următoarele formate:


Some text
<a href="http://mysite.com/">HTML content</a>
Some text more text 
 This is a custom icon 

atribute cod scurt

scurtăturile sunt, de asemenea, flexibile, deoarece acestea pot fi extinse cu atribute. Cu atribute, scurtăturile oferă personalizare suplimentare, pur și simplu prin adăugarea de fragmente de cod suplimentare în codul scurt.

pluginurile și temele oferă ghiduri și rubrici suplimentare pentru a ajuta utilizatorii să utilizeze fragmentele de cod scurt corecte pentru a adăuga sau elimina anumite elemente din ieșire.

iată câteva exemple de Scurtăturile cu atribute.

]

Posts Heading

built-in WordPress Scurtăturile

WordPress vine cu mai multe built-in scurtăturile pentru redarea anumitor tipuri de conținut.

]

codul scurt audio vă permite să încorporați fișiere audio și să le redați.

]

utilizat în principal cu imagini individuale, cod scurt legendă vă permite să-și încheie legende în jurul valorii de conținut.

]

codul scurt al galeriei vă permite să adăugați una sau mai multe galerii de imagini la postările și paginile dvs.

]

codul scurt embed vă permite să înfășurați elementele încorporate cu o lățime și înălțime maximă (dar nu fixă).

]

codul scurt playlist implementează funcționalitatea afișării unei colecții de fișiere audio sau video WordPress într-o postare.

]

codul scurt video vă permite să încorporați fișiere video și să le redați.

Plugin& Scurtăturile Tema

teme WordPress specifice și plugin-uri au scurtăturile chiar din caseta pe care le puteți introduce în post sau pagina editor și va face rezultatul pe front-end. La această dată, o mulțime de teme și plugin-uri sunt încă folosind scurtăturile.

de exemplu, scurtăturile sunt adesea folosite în plugin-uri comune pentru calendare, formulare, tabele, de membru, cronometre numărătoarea inversă sau citate trage. Chiar plugin-uri shortcode există, care vă permit să creați scurtăturile pentru nimic.

temele WordPress pot utiliza, de asemenea, coduri scurte pentru a reda un anumit conținut dinamic care este pre-stilat sau Furnizat de acestea.

Scurtăturile personalizate

majoritatea dezvoltatorilor de experți optează pentru a-și crea propriile scurtăturile, reducând în esență timpul necesar pentru a codifica ceva care este repetitiv. Tot ce trebuie este un fișier suplimentar simplu pe directorul de fișiere pentru a crea personalizate-scurtăturile.fișier php. Dacă doriți să aflați frânghiile codurilor scurte personalizate, iată un ghid despre crearea codurilor scurte personalizate.

WordPress shortcode API

pentru dezvoltatorii de a crea propriile scurtăturile personalizate, WordPress shortcode API oferă un set simplu de funcții pentru crearea Scurtăturile WordPress pentru utilizarea în posturi și pagini. API-ul cod scurt ajută dezvoltatorii plugin crea conținut dinamic pe care utilizatorii pot adăuga la pagini sau posturi prin adăugarea cod scurt corespunzător în zona de conținut. Din fericire, API-ul se ocupă de toate parsarea complicat, eliminând necesitatea de a scrie o expresie regulată personalizat pentru fiecare cod scurt. În plus, funcțiile helper sunt incluse pentru setarea și preluarea atributelor cod scurt implicit.

dezvoltatorii pot afară documentația API cod scurt WordPress pentru a afla mai multe despre:

  • manipularea atribute
  • ieșire
  • anexând vs scurtăturile auto-închidere
  • funcție de referință
  • limitări
  • sintaxa formală

Scurtăturile în editorul clasic

în trecut, scurtăturile au fost inserate în editorul clasic de orice post sau pagină, ca aceasta:

WordPress cod scurt

ce sunt blocuri WordPress?

Scurtăturile au fost mai întâi … dar apoi a venit editarea bazată pe blocuri. Odată cu introducerea WordPress 5.0 a venit implementarea editorului Gutenberg planificat de mult timp sau a editorului de blocuri WordPress ca pagină principală și editor de postări pentru WordPress, înlocuind editorul clasic bazat pe text WordPress care există de ani de zile.

Iată o privire la editorul de conținut înainte de WordPress 5.5 (ah, acestea au fost zilele!)

editorul Gutenberg a fost anunțat pentru prima dată pe versiunile anterioare ale WordPress, dar a rămas opțional până la WordPress 5.0 când a devenit editorul implicit.

Descărcați cartea electronică: Ultimate Guide to WordPress 5.0& editorul Gutenberg

nu este nimic inerent în neregulă cu noul editor blocat. De fapt, majoritatea utilizatorilor le place aspectul îmbunătățit și mai curat, mai puțin intimidant, al părții din spate a WordPress.

dar cu editorul de blocuri WordPress au venit blocuri WordPress. Au dispărut opțiunile de formatare din partea de sus care amintesc de aplicațiile de procesare a textului precum Microsoft Word. În schimb, opțiunile de formatare au fost înlocuite cu opțiunile din bara laterală dreaptă cu file pentru fiecare bloc.

blocurile WordPress sunt în esență Containere de conținut. Există multe blocuri diferite pentru diferite tipuri de conținut—imagini, videoclipuri, texte, titluri, galerii—îl numiți.

există chiar și un bloc WordPress pentru formatare, distanțier și divizor și sunt aranjate ocazional în categorii pentru acces ușor.

toate opțiunile și controalele care au fost în partea de sus se află acum în partea dreaptă a editorului de pagini/postări, cu filele din partea de sus indicând dacă doriți să vedeți opțiunile pentru blocul curent singur sau întregul document.

editorul de blocuri este mai ușor și mai rapid și mai ușor de utilizat. În plus, dezvoltatorii de teme și pluginuri își creează, de asemenea, propriile blocuri care adaugă mai multe opțiuni de blocare la blocurile WordPress implicite.

blocuri reutilizabile vs Scurtăturile

vechiul mod de a salva un set de ieșire predefinite în editorul WordPress clasic a fost prin crearea de propriile scurtăturile. Acum, această metodă a fost înlocuită cu blocuri reutilizabile.

capacitatea de a salva blocuri predefinite și pre-personalizate a făcut, de asemenea, mai ușor să salvați aspectul și designul unui anumit bloc și să îl utilizați pe altul. La fel ca un șablon de pagină.

de exemplu, dacă adăugați un bloc de butoane și stilați-l cu o anumită culoare, efecte hover etc., nu ai vrea să continui să faci asta pe fiecare pagină la care adaugi acel buton. Dacă îl schimbați într-un bloc reutilizabil, butonul este salvat pe site-ul dvs.

de asemenea, puteți actualiza în continuare aceste blocuri convertindu-le în blocuri obișnuite, salvându-le ca unul nou (cu un nume nou) sau actualizând designul existent al blocului.

blocuri de grup

în WordPress 5.3 a venit, de asemenea, introducerea de blocuri de grup și șabloane. în esență, vi se oferă posibilitatea de a grupa anumite blocuri împreună și de a le muta sau actualiza împreună. Acest lucru a dat naștere în cele din urmă la modele de bloc. Modelele de blocare au facilitat editarea conținutului, deoarece utilizatorii ar prefera să aleagă un model și să actualizeze conținutul, mai degrabă decât să pornească de la o pânză goală.

Opțiuni de Styling bloc

cu fiecare temă vine diferite opțiuni de stil. Și, în mod normal, stilul conținutului pe care îl adăugați pe fiecare site este predeterminat de tema dvs.

cu editorul de blocuri, aveți opțiunea de a actualiza stilul fiecărui bloc individual, fie pentru a ieși în evidență, fie pentru a le face mai vizibile.

Blocks& Full Site Editing

cu toate aceste progrese și schimbări în modul în care creăm și construim pagini pe WordPress vine ideea și eventuala tranziție la ceea ce se numește Full Site Editing.

în pastă, majoritatea utilizatorilor ar putea actualiza doar corpul real al unei postări sau pagini. Anumite aspecte ale site-ului, cum ar fi antetul, subsolul, barele laterale și widget-urile, depind în mare măsură de temă. Acest lucru a făcut, desigur, căutarea temei perfecte cu cantitatea potrivită de opțiuni, lupta finală pentru dezvoltatorii și utilizatorii WordPress.

cu editarea completă a Site-ului și introducerea constructorului de blocuri, tendința ticăie spre a face toate secțiunile unei pagini sau postări editabile, într-un fel, folosind blocuri. de exemplu, cea mai recentă temă WordPress Twenty-Twenty urmează acest model, oferind creatorilor și proprietarilor de site-uri un control mai mare asupra site-ului lor web și a modului în care ar dori să arate.

așteaptă cu nerăbdare, dezvoltatorii de pluginuri și teme vor trebui să adopte o abordare diferită atunci când își dezvoltă software-ul pentru a se adapta la noua experiență completă de editare a site-ului și de construire a paginilor editorului de blocuri WordPress. În timp ce aplicarea completă a acestui lucru este încă la orizont, este o schimbare pozitivă pe care probabil o vom vedea mai devreme decât mai târziu.

noul bloc de coduri scurte

înainte de editorul de blocuri, codurile scurte erau inserate direct în editorul de pagini sau pagini. Acum, editorul de blocuri WordPress include un nou bloc de coduri scurte.

blocul cod scurt îl face ușor de a continua să folosească scurtăturile moștenire într-un post sau pagină și menține integritatea ieșire cod scurt.

notă: Introducerea unui cod scurt într-un bloc de paragrafe poate să nu funcționeze întotdeauna, deci poate fi necesar să utilizați blocul de coduri scurte.

blocul de coduri scurte poate fi adăugat la o pagină sau la o postare făcând clic pe butonul Adăugare bloc. Alternativ, puteți tasta / cod scurt și apăsați enter.

wordpress block cod scurt

veți observa că, spre deosebire de alte blocuri comune, blocul cod scurt nu include setări specifice în bara de instrumente bloc sau bara laterală editor, probabil datorită faptului că scurtăturile pot fi personalizate folosind atribute.

ce înseamnă editorul de blocuri pentru codurile scurte WordPress?

editorul de blocuri WordPress are implicații majore pentru codurile scurte. Să acoperim câteva dintre cele mai importante lucruri de remarcat despre codurile scurte WordPress din epoca editorului de blocuri.

1. Editorul de blocuri WordPress schimbă fundamental necesitatea și scopul codurilor scurte pentru majoritatea pluginurilor și temelor. Cu un sistem de editare bazat pe blocuri, fiecare” element ” de pe pagină are propriul bloc, mai degrabă decât să fie conținut într-un editor WYSIWYG editabil.

deoarece editorul de blocuri este o abordare total diferită de a compune o postare sau o pagină, părțile mai dinamice ale unei pagini generate de codurile scurte pot exista ca blocuri care pot fi adăugate individual.

2. Blocurile pot lua acum locul majorității codurilor scurte, eliminând nevoia utilizatorilor de a învăța cum să folosească codurile scurte. Conceptul și formatul codurilor scurte pot avea o curbă de învățare abruptă pentru unii utilizatori, astfel încât abordarea blocului poate fi mai ușoară.

de exemplu, luați pluginul Gravity Forms. Înainte de editorul de blocuri, procesul de inserare a unui formular într-o postare sau pagină era diferit. Din editorul clasic, a trebuit să utilizați un buton pentru a insera un formular în conținutul dvs.

gravity forms insert form

după selectarea formularului, codul scurt al formularului a fost adăugat la conținutul dvs. În funcție de opțiunile selectate, codul scurt conținea atributele pentru titlu și descriere.

acum, Gravity Forms plugin oferă un bloc de formulare bloc embed. Din editorul de blocuri, selectați blocul de formulare.

după ce ați selectat formularul, veți vedea de fapt o previzualizare mai bună a modului în care formularul va arăta pe pagina dvs. Setările formularului pot fi găsite în setările blocului.

3. Dezvoltatorii de teme și pluginuri vor trebui să decidă asupra viitorului implementărilor lor de coduri scurte și să convertească codurile scurte în blocuri. După cum sa menționat mai sus, sute de teme, pluginuri și dezvoltatori folosesc în continuare coduri scurte pe site-urile și aplicațiile lor. Adoptarea blocurilor poate fi lentă, dar pe măsură ce utilizatorii se familiarizează mai mult cu noul editor de blocuri, este posibil ca utilizatorii să solicite o opțiune de blocare.

pentru acei dezvoltatori care sunt încă la kilometri distanță de adoptarea sistemului de editare a blocurilor WordPress, conceptul complet de editare a Site-ului poate merge mână în mână cu codurile scurte. Plugin-uri, cum ar fi de revizuire și de rating plugin-uri, playere audio, data tickers, galerii, formulare de contact, și mai orice altceva care încă mai folosesc scurtăturile sunt încă „în joc.”

4. Scurtăturile nu vor dispărea în curând. Acesta este probabil motivul pentru care editorul de blocuri WordPress oferă blocul de coduri scurte pentru a ajuta la menținerea utilizării codurilor scurte. Deoarece scurtăturile au avut o utilizare și o implementare atât de largă înainte de WordPress 5.0 și editorul de blocuri, este important ca versiunile viitoare ale WordPress să accepte în continuare scurtăturile.

5. Scurtăturile pot fi convertite într-un bloc. Au o temă preferată sau plugin care utilizează scurtăturile? Este probabil ca aceste scurtăturile vor fi convertite într-un bloc la un moment dat. Dacă sunteți dezvoltator al unui plugin sau temă sau construiți site-uri web WordPress și utilizați scurtăturile într-o temă personalizată, este posibil să regândiți scurtăturile ca blocuri.

în secțiunea următoare, vom acoperi pe scurt modul de conversie a codurilor scurte WordPress în blocuri WordPress.

Cum de a converti WordPress Scurtăturile la blocuri WordPress

la fel cum puteți adăuga scurtăturile personalizate și blocuri reutilizabile, de asemenea, puteți converti cu ușurință scurtăturile personalizate WordPress la blocuri WordPress.

urmați primii pași din acest ghid de cod scurt personalizat.

luați acest exemplu de bază din formularele Caldera:

 <?php/** * Handler for shortcode * * @param $atts * * @return string */function caldera_learn_basic_blocks_post_title_shortcode_handler($atts){$atts = shortcode_atts(, $atts, 'cl_post_title');return caldera_learn_basic_blocks_post_title($atts, $atts);}/** * Output the post title wrapped in a heading * * @param int $post_id The post ID * @param string $heading Allows : h2,h3,h4 only * * @return string */function caldera_learn_basic_blocks_post_title($post_id, $heading){if (!in_array($heading, )) {$heading = 'h2';}$title = get_the_title(absint($post_id));return "<$heading>$title</$heading>";}/** * Register Shortcode */add_shortcode('cl_post_title', 'caldera_learn_basic_blocks_post_title_shortcode_handler');

acest cod preia ID-ul postării și un nivel de titlu (h2, h3, he) și afișează titlul postării înfășurat în HTML pentru titlu.

odată ce ați terminat și ați testat că codul funcționează, trebuie să înregistrați codul scurt ca bloc. Iată ghidul pas cu pas pentru Conversia unui cod scurt WordPress într-un bloc Gutenberg ca exemplu.

mai multe resurse pentru crearea blocurilor WordPress

există numeroase pluginuri și resurse disponibile online care vă vor ajuta să ajungeți la acest pas, inclusiv documentația oficială de la WordPress privind scrierea primului tip de bloc. Puteți consulta și postarea lui Igor Benic despre cum să creați un bloc pentru afișarea postărilor. după ce ați citit aceste ghiduri, veți putea să vă dați seama cum să vă creați propriile blocuri WordPress folosind codurile scurte personalizate.

notă: procesul ar putea fi un pic diferit cu diferite scurtăturile. Plugin-uri și teme cu Scurtăturile ar putea lua o abordare diferită din cauza enormitatea atributele care trebuie luate în considerare. Practic, este posibil să trebuiască să faceți o mulțime de cercetări și să petreceți destul de mult timp codificând acest lucru.

verdictul pentru WordPress Scurtăturile

WordPress scurtăturile sunt și vor fi în continuare una dintre cele mai importante părți ale WordPress. Scurtăturile au ajutat mulți dezvoltatori plugin face plugin-uri lor mai ușor de utilizat și o mulțime de dezvoltatori temă extinde funcționalitățile temele lor. Scurtăturile au redus, de asemenea, numărul de dureri de cap o mulțime de creatori de conținut și proprietarii de site-uri au după crearea scurtăturile lor personalizate atunci când vine vorba de adăugarea în mod repetat și actualizarea lucruri pe care le doresc.

acestea fiind spuse, nu există nicio îndoială că editorul de blocuri este viitorul experienței de editare WordPress, așa că așteptați-vă să vedeți mai mulți dezvoltatori care contribuie la îmbunătățirea și chiar mai mult, plină de funcții, inclusiv cei care încă folosesc coduri scurte. Privind în perspectivă, ne așteptăm ca mai mulți dezvoltatori să treacă la utilizarea și adăugarea de blocuri WordPress în loc de coduri scurte WordPress.

sperăm că ați învățat multe despre importanța codurilor scurte WordPress, pentru ce sunt și când să le folosiți. Sperăm că puteți începe să vă creați propriile coduri scurte personalizate și, în cele din urmă, propriile blocuri, ambele cu siguranță nu vor dispărea în curând.

distribuie prin:

Lasă un răspuns

Adresa ta de email nu va fi publicată. Câmpurile obligatorii sunt marcate cu *