Cum să folosești un editor vizual pentru a crea widget-uri în WordPress

Editarea vizuală a transformat modul în care creăm widget-uri.

Ceea ce înainte necesita cod personalizat, acum poate fi realizat cu doar câteva clicuri, făcând crearea de widget-uri accesibilă tuturor.

Editorul vizual din WordPress a devenit din ce în ce mai puternic, mai ales cu cele mai recente actualizări ale editorului de blocuri Gutenberg.

Pur și simplu folosiți linkurile de mai jos pentru a sări la metoda potrivită pentru tema dvs.:

În acest ghid, vă vom arăta exact cum să utilizați editorul vizual pentru a crea widget-uri pentru site-ul dvs. WordPress.

De ce să folosiți editorul vizual pentru a crea widget-uri în WordPress?

Utilizarea editorului vizual face ușoară crearea de widgeturi personalizate cu conținut bogat oriunde pe site-ul dvs., fără a scrie cod.

Puteți adăuga aceste widgeturi în zone pregătite pentru widgeturi, cum ar fi subsolul, antetul sau bara laterală, în funcție de tema dvs.

Widgeturile sunt perfecte pentru a afișa lucruri precum o secțiune despre noi, postări populare, formulare de înscriere la newsletter sau chiar fluxuri sociale încorporate.

WordPress vă permite să adăugați blocuri în aceste zone, iar multe pluginuri oferă propriile blocuri personalizate.

De exemplu, cu pluginul Smash Balloon Twitter Feed, puteți încorpora cele mai recente tweet-uri oriunde folosind blocul său.

De asemenea, puteți crea widgeturi complet personalizate, cum ar fi o biografie a autorului cu o fotografie și linkuri către profiluri sociale, pentru a face site-ul dvs. mai captivant.

Acestea fiind spuse, să vedem cum puteți folosi un editor vizual pentru a crea widgeturi personalizate în WordPress.

Pur și simplu utilizați linkurile de mai jos pentru a sări la metoda potrivită temei dvs.:

Metoda 1: Folosind pluginul Widget Options (Funcționează cu toate temele WordPress)

Cel mai ușor mod de a adăuga conținut personalizat în zonele dvs. de widgeturi este prin utilizarea pluginului Widget Options.

Acesta adaugă o mulțime de setări suplimentare editorului vizual standard de widget-uri WordPress, inclusiv posibilitatea de a afișa widget-uri diferite în funcție de rolul utilizatorului, de a ascunde widget-urile WordPress pe mobil și multe altele.

De asemenea, adaugă un widget Text pe care îl puteți personaliza cu propriile linkuri, imagini, formatare și multe altele. Acest lucru vă permite să adăugați conținut bogat și personalizat în zonele dvs. de widgeturi fără a fi nevoie să scrieți niciun cod.

Mai întâi, trebuie să instalați și să activați pluginul Widget Options. Pentru mai multe detalii, consultați ghidul nostru pas cu pas despre cum să instalați un plugin WordPress.

După activare, accesați pagina Aspect » Widget-uri din tabloul de bord WordPress.

Veți vedea acum o listă cu toate zonele de widgeturi din tema dvs. WordPress. Pluginul Widget Options adaugă un widget Text îmbunătățit.

Găsiți acest widget și pur și simplu trageți-l și plasați-l în orice zonă de widgeturi, cum ar fi bara laterală sau subsol.

Odată ce faceți acest lucru, pluginul Widget Options va deschide o mică fereastră pop-up.

Această fereastră pop-up acționează ca un mini-editor de pagină sau postare, deci ar trebui să vă pară familiară.

Pentru început, puteți introduce un titlu, care va apărea deasupra widget-ului.

După aceea, puteți introduce text direct în editorul mic, adăuga linkuri și imagini, modifica formatarea, adăuga liste cu buline și liste numerotate și multe altele.

Puteți, de asemenea, afișa sau ascunde widget-uri pe pagini WordPress specifice și adăuga stiluri personalizate la widget-ul WordPress.

Când sunteți mulțumit de configurarea widget-ului, faceți clic pe linkul „Gata” pentru a salva setările acestuia.

Acum, dacă vizitați site-ul dvs. web, veți vedea noul widget de text îmbogățit live.

Dacă utilizați o temă WordPress clasică, puteți, de asemenea, să creați conținut personalizat pentru zonele de widgeturi vizual, folosind Personalizatorul WordPress.

Pur și simplu accesați Aspect » Widget-uri, dar de data aceasta, faceți clic pe „Gestionați cu previzualizare live”.

Aceasta va deschide Personalizatorul cu setările widgetului deja selectate.

Acum poți face clic pe zona unde dorești să adaugi widget-ul personalizat.

După aceea, faceți clic pe „Adăugați un widget”, care deschide un panou care arată toate widget-urile diferite.

Pur și simplu găsiți widgetul Text clasic și faceți clic pe el pentru a-l adăuga pe site-ul dvs.

Aceasta deschide un editor mic unde puteți adăuga text, linkuri, media și multe altele.

Pe măsură ce faceți modificări în editor, previzualizarea live se va actualiza automat.

Când sunteți mulțumit de cum arată widget-ul, faceți clic pe butonul „Publicați” pentru a-l face live pe blogul sau site-ul dvs. WordPress.

Dacă nu puteți găsi personalizatorul de temă în tabloul de bord WordPress, atunci vă rugăm să consultați ghidul nostru despre cum să remediați lipsa personalizatorului de temă în administrarea WordPress.

Metoda 2: Folosind Editorul Complet al Site-ului (Funcționează cu teme WordPress bazate pe blocuri)

Dacă utilizați o temă WordPress cu suport pentru blocuri, atunci puteți adăuga blocuri în orice zonă a șabloanelor site-ului dvs. folosind editorul complet de site.

În acest fel, puteți crea conținut personalizat pentru zone precum bara laterală, aranjând blocuri WordPress standard direct în șabloanele temei dvs. De asemenea, nu este nevoie să instalați un plugin WordPress separat.

Este, de asemenea, o modalitate de a adăuga widget-uri în zone pe care nu le puteți edita folosind editorul standard de widget-uri WordPress sau personalizatorul. De exemplu, puteți adăuga widget-uri la șablonul paginii dvs. 404.

Pentru a începe, accesați Aspect » Editor în tabloul de bord WordPress.

Implicit, editorul complet al site-ului afișează șablonul de pagină principală al temei dvs., dar puteți adăuga widgeturi și blocuri în orice zonă.

Pentru a vedea toate opțiunile disponibile, selectați fie „Șabloane”, fie „Părți de șablon”.

Acum puteți face clic pe șablon sau pe o parte a șablonului pe care doriți să o editați.

WordPress va afișa acum o previzualizare a designului. Pentru a continua și a edita acest șablon, faceți clic pe pictograma mică a creionului.

După ce ați făcut acest lucru, faceți clic pe pictograma albastră „+” și apoi găsiți primul bloc pe care doriți să îl utilizați pentru conținutul personalizat.

Puteți utiliza orice combinație de blocuri doriți, dar dacă intenționați să utilizați o imagine și text, atunci recomandăm să începeți cu blocul Media & Text.

Acest lucru vă permite să aranjați cu ușurință o imagine lângă un text într-un aspect frumos. Având în vedere acest lucru, blocul Media și Text este perfect pentru crearea unei casete de informații despre autor, așa cum puteți vedea în imaginea următoare.

După selectarea blocului pe care doriți să îl utilizați, pur și simplu trageți-l și plasați-l într-o secțiune a șablonului dvs., cum ar fi bara laterală și subsolul.

Editorul complet al site-ului vă oferă acces la setul complet de instrumente și setări WordPress. Acest lucru înseamnă că puteți adăuga un buton de apel la acțiune, text, linkuri, imagini și alt conținut la o gamă mai largă de blocuri.

Acestea fiind spuse, ar trebui să puteți crea exact conținutul personalizat pe care l-ați avut în minte. Pur și simplu adăugați mai multe blocuri și conținut în șablonul dvs. până când sunteți mulțumit de aspectul acestuia.

Pentru mai multe idei despre cum să utilizați zonele pregătite pentru widget-uri ale temei dvs., vă rugăm să consultați lista de verificare a lucrurilor de adăugat în subsolul site-ului dvs. WordPress.

Când sunteți mulțumit de modificările pe care le-ați făcut, faceți clic pe „Salvați”.

Acum, dacă vizitați site-ul dvs. WordPress, veți vedea noul conținut personalizat live în șablonul dvs.

Întrebări frecvente despre utilizarea unui editor vizual pentru a crea widgeturi în WordPress

Iată câteva întrebări pe care cititorii noștri le pun frecvent despre crearea de widgeturi folosind editorul vizual:

Am nevoie să instalez un plugin pentru a crea widgeturi vizual?

Nu întotdeauna. Dacă folosiți o temă bazată pe blocuri, puteți adăuga widgeturi folosind Editorul Complet al Site-ului fără pluginuri suplimentare.

Cu toate acestea, dacă tema dvs. nu suportă editorul complet al site-ului, utilizarea unui plugin precum Widget Options vă oferă mai mult control asupra unde și cum apar widgeturile dvs.

De ce nu văd imediat modificările la widgetul meu?

Dacă widget-ul dvs. nu se actualizează instantaneu, încercați să ștergeți cache-ul site-ului și cache-ul browserului. Unele pluginuri de cache sau CDN-uri pot întârzia modificările.

Utilizarea opțiunii de Previzualizare Live este o modalitate bună de a confirma actualizările widgetului înainte de publicare.

Pot adăuga blocuri personalizate ale pluginurilor (cum ar fi Smash Balloon sau WPForms) într-o zonă de widgeturi?

Absolut. Majoritatea pluginurilor moderne, cum ar fi Smash Balloon, WPForms sau MonsterInsights, includ propriile blocuri care pot fi plasate în orice zonă pregătită pentru widgeturi.

Puteți trage aceste blocuri în bara laterală, subsol sau antet, la fel ca orice alt bloc.

Care este diferența dintre utilizarea pluginului Widget Options și Editorul Complet al Site-ului?

Pluginul Widget Options funcționează cu toate temele, inclusiv cele mai vechi care nu suportă FSE.

Editorul Complet al Site-ului funcționează doar cu teme compatibile cu blocurile și oferă o flexibilitate mai mare în design, deoarece puteți edita anteturi, subsoluri și șabloane vizual.

Sperăm că acest articol v-a ajutat să învățați cum să utilizați cu ușurință editorul vizual pentru widget-urile WordPress. De asemenea, ați putea dori să consultați ghidul nostru despre sfaturi pentru stăpânirea editorului de conținut WordPress și cum să creați o pagină de destinație cu WordPress.

Dacă v-a plăcut acest articol, atunci vă rugăm să vă abonați la Canalul nostru de YouTube pentru tutoriale video despre WordPress. Ne puteți găsi, de asemenea, pe Twitter și Facebook.