Site Lean cu cod scurt WordPress - Rashedi Consulting GmbH
Fișiere audio și video, galerii, liste de redare, butoane și alte elemente de design: cu coduri scurte WordPress și, eventual, cu un plugin corespunzător, puteți integra fără efort toate acestea în pagina dvs. - adesea doar cu un singur [cod scurt].
Acest lucru nu numai că face ca pagina dvs. să arate șic, ci și codul. Lucrul fascinant: cu codurile scurte, puteți integra elemente complexe fără a fi nevoie să aveți cunoștințe de programare. În această postare, veți afla cum funcționează exact acronimul pentru Lean Code.
Și nu vă faceți griji: atunci când lucrați cu coduri scurte, puteți, desigur, să beți cola și să mâncați pizza!
Pentru a vedea întreaga imagine vă rugăm să faceți clic pe imagine
1. Ce sunt codurile scurte WordPress?
„Shortcodes” sunt abrevieri de cod care reprezintă un cod mai lung. Datorită acestora, codul rămâne slab și clar, chiar dacă include funcții complexe. Codul detaliat, pentru care shortcode-ul este abrevierea, este definit cu precizie în altă parte printr-o temă sau un plugin. Prin urmare, shortcode-ul funcționează ca un fel de link către codul detaliat: WordPress include automat acest lucru prin shortcode fără a fi necesar să fie listat individual în codul paginii.
În loc să trebuiască să inserați secțiuni de cod lungi și detaliate în pagină, de exemplu pentru o galerie, codul scurt [galerie] este suficient. Codul exact pentru galerie este apoi disponibil într-o temă sau plugin. Pentru WordPress, referința scurtă „[gallery]” este suficientă pentru a apela informații detaliate în altă parte și pentru a putea afișa o galerie.
Codurile scurte sunt deosebit de valoroase atunci când un anumit element - cum ar fi o galerie - trebuie introdus de mai multe ori pe o pagină. În aceste cazuri, este suficient să executați codul în detaliu la un moment dat și să îl integrați în paginile pe care urmează să fie implementat folosind un shortcode.
2. Cum arată un cod scurt WordPress?
Un scurtcod este afișat între paranteze pătrate în vizualizarea text. În funcție de shortcode, puteți sau trebuie să definiți alți parametri, astfel încât WordPress să poată implementa shortcode-ul.
Să revenim la exemplul galeriei. Shortcode-ul de bază arată astfel:
WordPress știe acum că ar trebui să includă o galerie în pagină la punctul corespunzător. Dar asta nu spune nimic despre numărul și selecția imaginilor. Din acest motiv, oferim WordPress mai multe informații adăugând un atribut suplimentar: ID-ul imaginilor care urmează să fie incluse în galerie (și care determină astfel și numărul de imagini):
Acum avem opțiunea de a adăuga o serie de alte atribute, de exemplu numărul de coloane sau dimensiunea imaginii:
[coloane galerie = "2" size = "mare"]
Valorile exacte care pot fi introduse aici sunt reglementate separat pentru fiecare shortcode și nu pot fi discutate separat aici. Prevederile pentru codul scurt al galeriei pot fi găsite în WordPress Codex
Alte coduri scurte sunt încorporate în codul WordPress folosind parantezele pătrate și, eventual, alte atribute.
3. Exemple de coduri scurte în WordPress
WordPress în sine oferă în mod implicit șase coduri scurte. Puteți să le utilizați oricând - chiar dacă nu utilizați niciun plugin specific pentru coduri scurte. Aceste șase coduri scurte sunt:
Cu codul scurt audio puteți încorpora fișiere audio în site-ul dvs. WordPress. Vizitatorii le pot reda apoi cu un singur clic. De obicei, includeți numele fișierului în shortcode - la urma urmei, WordPress trebuie să știe ce audio ar trebui să redea:
Desigur, este important ca un fișier audio corespunzător cu acest nume de fișier să fie stocat în biblioteca dvs. media.
Puteți găsi informații detaliate despre shortcode-ul audio aici.
Cu ajutorul shortcode-ului video, puteți, desigur, nu este surprinzător - să integrați videoclipuri în pagina dvs. Ca și în cazul imaginilor, introduceți aici numele fișierului fișierului video. Acesta din urmă ar trebui să fie amplasat sub media din biblioteca dvs. media. Shortcode-ul arată astfel, de exemplu:
Descrierea detaliată a acestui shortcode din WordPress Codex poate fi găsită aici.
Utilizați codul scurt Subtitrare pentru a adăuga subtitrări la imagini. WordPress necesită introducerea „lățimii”, cu care puteți specifica lățimea legendei în pixeli. De asemenea, puteți alege dacă subtitrarea este afișată în stânga, în mijloc sau în dreapta sub imagine. De asemenea, puteți atribui un ID sau o clasă subtitrării pentru a schimba designul folosind CSS.
Mai multe informații despre subtitrări găsiți aici.
Codul scurt de încorporare vă permite să încorporați elemente în WordPress și să le atribuiți o dimensiune fixă. Spre deosebire de celelalte coduri scurte, codul scurt încorporat cuprinde o deschidere și un element de închidere, adică
unde elementul încadrat se află între cele două elemente shortcode. De exemplu, puteți atribui atributele înălțime și lățime elementului de deschidere
Puteți găsi mai multe informații despre codul scurt încorporat aici.
Cu codul scurt al galeriei puteți integra o galerie în site-ul dvs. WordPress. Puteți găsi o explicație mai detaliată în secțiunea anterioară a acestui post, link-ul către descrierea oficială a shortcode-ului din WordPress Codex aici.
Puteți integra o listă de redare în site-ul dvs. WordPress utilizând un shortcode pentru fișiere audio și video. Puteți adăuga designul, tipul de fișier și ID-urile elementelor integrate folosind diverse informații suplimentare. Shortcode-ul poate arăta astfel la sfârșit, de exemplu:
[playlist type = "audio" ids " 211,212,213 "style =" dark "]
Puteți găsi informații detaliate despre codul scurt al listei de redare în WordPress Codex aici.
4. Cum se adaugă un shortcode pe site-ul dvs. WordPress
Dacă doriți să inserați coduri scurte, verificați mai întâi ce editor utilizați.
Cu excepția cazului în care aveți un Versiunea WordPress înainte de WordPress 5.0 sau WordPress 5 cu pluginul Classic Editor conectați-vă la backend-ul WordPress. Acum faceți clic pe Postări sau Pagini în bara de meniu din stânga - în funcție de dacă doriți să creați o pagină nouă sau o nouă postare pe blog. În exemplul nostru, decidem să edităm o postare de blog veche.
Acum puteți alege între două vizualizări: vizuală și vizualizare text. Decideți aici pentru vizualizarea textului. Vi se va afișa codul HTML. Pur și simplu introduceți codul scurt corespunzător aici.
Pentru a vedea întreaga imagine vă rugăm să faceți clic pe imagine
Dacă aveți Editor Gutenberg folosiți o abordare diferită. Creați un bloc nou pentru codul scurt. Pentru a face acest lucru, faceți clic pe semnul plus din stânga câmpului gol pentru bloc.
Pentru a vedea întreaga imagine vă rugăm să faceți clic pe imagine
Acum puteți selecta elemente din diferite categorii. Accesați categoria Widgeturi.
Pentru a vedea întreaga imagine vă rugăm să faceți clic pe imagine
Acum faceți clic pe pictograma shortcode.
Pentru a vedea întreaga imagine vă rugăm să faceți clic pe imagine
WordPress va crea acum un bloc shortcode pentru dvs.
Pentru a vedea întreaga imagine vă rugăm să faceți clic pe imagine
Introduceți codul scurt la alegere în acest bloc. Atenție: Chiar dacă WordPress știe deja că doriți să includeți un shortcode în acest bloc, trebuie totuși să utilizați parantezele pătrate pentru intrare.
Pentru a vedea întreaga imagine vă rugăm să faceți clic pe imagine
5. Pluginuri shortcode
Dacă programezi singur codurile WordPress, ești - așa cum arată deja verbul „program” - ești la nivel de programator. Cu alte cuvinte: nu mai lucrați singur cu funcțiile WordPress, ci treceți direct cu codul PHP.
Dacă doriți să evitați acest lucru, dar nu doriți să renunțați la utilizarea anumitor coduri scurte, vă recomandăm să utilizați un plug-in pentru cod scurt. Acestea încorporează un număr mare de coduri scurte în pagina dvs., fără a fi nevoie să programați singur ceva.
Există un număr mare de astfel de pluginuri pe piață, dintre care am dori să vă prezentăm trei în acest moment: