Cum se exportă și se importă blocuri Gutenberg în WordPress

La început, utilizatorii WordPress aveau o relație dulce și amară cu generatorul de blocuri. Apoi, după cum am descoperit în ghid gutenberg, noul editor vine cu caracteristici uimitoare care fac crearea de conținut frumos ușor și distractiv. Acum unii nu se mai pot lipsi.

Gutenberg vă oferă suficiente funcții pentru a crea pagini și articole grozave, fără a scrie niciun cod. Indiferent ce conținut doriți să adăugați, Gutenberg are blocul potrivit.

Doriți să modificați și să personalizați fiecare bloc de conținut în profunzime? Gutenberg are o baterie de opțiuni de personalizare pentru acest lucru.

Doriți chiar mai multe blocuri decât ceea ce este disponibil în editorul implicit? Există o tonă de plugin WordPress pentru Gutenberg

De aceea este trist faptul că mulți utilizatori nu știu Blocuri reutilizabile, una dintre trăsăturile geniale ale lui Gutenberg. Dacă nu aveți idee despre ce vorbim, blocurile reutilizabile sunt doar blocuri conținut că creați, salvați și refolosiți după bunul plac.

Să presupunem că doriți să adăugați un buton de apel la acțiune numit notă de mulțumire, semnătură, formular sau orice altceva la sfârșitul fiecărei postări sau pagini.

În trecut, trebuia să salvați caracteristica într-un fișier text de pe computer. Când ați avut nevoie, îl copiați și lipiți în postarea sau pagina dvs. Gutenberg a redus această problemă. Acum nu trebuie să utilizați fișiere text sau să creați de fiecare dată aceleași blocuri de la zero.

Puteți crea un singur bloc reutilizabil și îl puteți folosi nu numai în postările și paginile dvs., ci și pe alte site-uri web WordPress.

Indiferent dacă creați o mulțime de site-uri web sau trebuie să adăugați conținut special la fiecare postare / pagină, blocurile reutilizabile ale lui Gutenberg vă pot ajuta să economisiți mult timp.

Și în articolul de astăzi, vă arătăm exact cum să creați și să exportați blocuri reutilizabile de la Gutenberg la WordPress. Scopul nostru este să vă ajutăm să mutați și să refolosiți cu ușurință blocuri de conținut personalizate în mai multe postări / pagini / site-uri web WordPress.

Dar înainte de asta, dacă nu ați instalat niciodată WordPress, să aflăm Cum se instalează un blog WordPress pași 7 et Cum de a găsi, a instala și a activa o temă WordPress pe blog-ul dvs. 

Apoi înapoi la motivul pentru care suntem aici. 

În primul rând, aveți nevoie de blocuri refolosibile

Din păcate, nu puteți exporta sau importa blocuri regulat. Pentru a exporta și importa blocuri Gutenberg, trebuie mai întâi să creați blocuri reutilizabil.

În scop ilustrativ, vom crea un notă de mulțumire pe care aș dori să îl adaug la sfârșitul fiecărui articol pe care îl publicăm, fără a fi nevoie să rescriu nota de fiecare dată când trebuie să o adaug la un articol.

Ma mulțumesc notă a făcut nimic complex; doar un simplu bloc de paragrafe cu linkuri către Twitter și Facebook. Rețineți că blocul dvs. poate fi orice doriți - un banner publicitar, un glisor imagine, un citat, o listă, ultimele publicații, un formular MailChimp, etc ...

Mai târziu vă vom arăta cum să exportați acest lucru notă de mulțumire într-un al doilea site WordPress.

Cum se creează un bloc reutilizabil

Crearea unui bloc reutilizabil este incredibil de ușoară. Mergi la Articole> Adăugare pentru a lansa editorul Gutenberg:

Apoi faceți clic pe pictogramă Adăugați bloc (+), apoi alegeți blocul de conținut. În cazul nostru, am adăugat blocul de paragraf așa cum se arată în imaginea următoare.

După aceea, personalizați-vă blocul în funcție de nevoile dvs. Am adăugat text, linkuri către profiluri de socializare și culoare de fundal. Acesta este numele noului nostru bloc de note merci arată ca în editorul nostru Gutenberg:

În acest moment, nota de mai sus este a bloc regulat. Trebuie să-l transformăm într-unul singur bloc reutilizabile că putem exporta și importa. Pentru a face acest lucru, faceți clic pe pictogramă Mai multe opțiuni, atunci adăugați la blocuri reutilizabile, așa cum se arată mai jos.

Apoi, dați un nume blocului dvs. reutilizabil și apăsați butonul Record, după cum se poate vedea mai jos.

Și atât, tocmai ați creat primul bloc reutilizabil. 

Cum se utilizează blocuri reutilizabile

Adăugarea blocului reutilizabil pe care tocmai l-am creat la postările sau paginile dvs. este extrem de ușoară. După ce ați adăugat conținutul necesar în postarea sau pagina dvs., faceți clic pe pictogramă Adăugați un bloc (+), derulați la filă Blocuri refolosibile și alegeți blocul (Notă de mulțumire în cazul nostru), așa cum se arată mai jos.

După adăugarea blocului reutilizabil în postarea sau pagina dvs., apăsați butonul Previzualizare / Publicare pentru a afișa rezultatele în front-end. Iată ce avem:

Cea mai bună parte este că ne putem reutiliza blocul notă de mulțumire în orice moment, fără a fi nevoie să o creați de la zero. îl putem adăuga și la toate tipurile de postări care acceptă blocurile Gutenberg.

Descoperă și tu Cum să adăugați o legendă la o imagine de pe Gutenberg

Acum, că știți cum să creați și să utilizați blocuri reutilizabile, permiteți-ne să aflăm mai multe despre exportul acestor blocuri pe un alt site web WordPress. Pentru a evita orice confuzie, vom folosi același bloc pe care tocmai l-am creat.

Cum se exportă blocurile Gutenberg către WordPress

Exportul unui bloc Gutenberg reutilizabil este ușor, veți face acest lucru în cel mai scurt timp.

Ce să fac?

În editorul Gutenberg, faceți clic pe pictograma Mai multe instrumente și opțiuni, apoi gestionați toate blocurile reutilizabile, așa cum evidențiem mai jos:

Aceasta vă duce la ecran blocuri unde puteți vizualiza și gestiona toate blocurile reutilizabile:

Avem doar blocul Notă de mulțumire, dar ecranul de mai sus se va umple pe măsură ce creați mai multe. Pentru a exporta, treceți cu mouse-ul peste titlu și faceți clic pe link Exportați în JSON afișat. Vezi imaginea de mai jos.

Apoi salvați fișierul JSON pe computer:

Acum că avem fișierul JSON pe computerul nostru, este timpul să importăm blocul pe al doilea site web.

Cum să importați blocuri Gutenberg în WordPress

Importarea blocurilor reutilizabile este la fel de ușoară ca A, B, C. Mai întâi, deschideți editorul Gutenberg. În al doilea rând, faceți clic pictograma Mai multe instrumente și opțiuni, atunci gestionați toate blocurile reutilizabile, așa cum se arată mai jos.

În ecran blocuri care urmează, faceți clic Importați din JSON, alegeți fișierul descărcat mai devreme, apoi apăsați butonul. import in aceasta ordine :

Și asta e tot ! La fel, ați importat cu succes un bloc Gutenberg reutilizabil pe al doilea site web WordPress.

Pentru a citi, de asemenea Cum să adăugați o legendă la o imagine de pe Gutenberg

Nu a fost ușor? Ulterior, puteți utiliza și reutiliza blocul Gutenberg de pe al doilea site de câte ori doriți.

Există pluginuri WordPress pentru a exporta blocurile Gutenberg?

Da, și am găsit unul pe ThemeIsle, un dezvoltator de renume WordPress. Acesta este un plugin gratuit cunoscut sub numele de Blocuri Export Import. În esență, pluginul vă permite să săriți întregul tutorial. Da este adevarat; nici măcar nu trebuie să creați blocuri reutilizabile.

Consultați și ghidul nostru la Cum să adăugați un bloc animat la articolul dvs. din Gutenberg

Instalați și activați pluginul, apoi deschideți editorul Gutenberg. Proiectați blocul după cum doriți, apoi faceți clic pe pictograma mai multe opțiuni. Apoi apasa Exportați ca JSON, așa cum se arată mai jos :

Aceasta descarcă fișierul JSON pe computer. Pentru a importa fișierul JSON utilizând pluginul, deschideți editorul Gutenberg. Apoi faceți clic pe pictogramă Adaugă un bloc, apoi importați blocuri din JSON sub filă Widget-urile :

După aceea faceți clic pe Alege fișierul pentru a selecta fișierul de pe computer și apăsați butonul. Încărcare :

Singura problemă cu metoda pluginului este că blocurile dvs. nu vor fi salvate pe site-ul dvs. WordPress. Pentru a salva blocuri în baza de date WordPress, trebuie să utilizați metoda manuală. Poate că asta se va schimba în viitor.

Descoperiți, de asemenea De unde știi dacă pluginul tău este compatibil cu Gutenberg?

Din păcate, nu am putut găsi alt plugin. Totuși, pluginul vă poate economisi mult timp dacă nu vă faceți griji cu privire la salvarea blocurilor reutilizabile pe site-ul dvs. web. 

Blocurile reutilizabile ale lui Gutenberg salvează vieți. Acestea vă permit să reproduceți rapid modele, deoarece nu începeți de la zero. Dacă creați o mulțime de postări / pagini și / sau site-uri web, va fi util să învățați cum să exportați blocurile Gutenberg.

Descoperiți și câteva plugin-uri premium WordPress  

Puteți folosi altele WordPress plugin-uri pentru a oferi un aspect modern și pentru a optimiza gestionarea blogului sau site-ului dvs.

Vă oferim aici câteva plugin-uri WordPress premium care vă vor ajuta să faceți asta.

1. Prezentarea echipei

Team Showcase este suplimentul perfect, conceput pentru a-ți afișa membrii echipei într-o grilă sau un carusel frumos receptiv. Veți avea capacitatea de a vă gestiona membrii grupându-i în echipe separate. Pentru a face acest lucru, pur și simplu selectați opțiunile pe care doriți să le afișați, alegeți a WordPress temă și aplicați-i o culoare predefinită.

Prin urmare, nu va fi necesară nicio linie de cod pentru această acțiune. Caracteristicile sale sunt, printre altele: 10 teme speciale, 10 seturi de culori, 10 opțiuni de afișare, Efecte de animație CSS3, posibilitatea de a fi inserat într-o pagină, un design complet receptivEtc ...

Descarca | Demo | web hosting

2. ARPrice

ARPrețul este WordPress plug-in cea mai flexibilă și completă primă în crearea grilelor de prețuri. Vine cu peste 300 de șabloane de grilă de prețuri și oferă toate instrumentele de care aveți nevoie pentru a crea grile de prețuri unice și receptive și tabele de comparație. De asemenea, vei putea crea cu ușurință o vitrină frumoasă pentru echipa ta.

Este o WordPress plug-in frumos, intuitiv și unic, cu editorul său vizual impresionant, cu previzualizare în timp real a personalizărilor.

Vezi și Cum de a percepe un serviciu pe blog?

Alegeți un șablon, apoi cu clicuri simple, instrumente pentru a trage și arunca pentru a personaliza grila de prețuri, până la cele mai mici detalii. Veți putea adăuga un număr nelimitat de coloane, schimba culorile, fonturile, pictogramele și puteți adăuga propriile imagini și panglici pentru anunta o reducere, De exemplu.

Descarca | Demo | web hosting

3. Premium Pack SEO

Pachetul Premium SEO este un plugin WordPress care îți optimizează SEO și comprimă CSS pentru a îmbunătăți viteza de încărcare a site-ului tău. Pluginul poate gestiona, de asemenea, designul site-ului dvs. web în câteva clicuri.

Funcționalitățile sale sunt printre altele: compresia CSS și JS, integrare video sitemap și fragment, formatarea fișierelor HTLM și XML, redirecționarea paginilor 404 și 301, partajarea pe rețelele sociale, oferind eticheta ALT, aspect foarte personalizabil.

Descarca | Demo | web hosting

Resurse recomandate

Aflați despre alte resurse recomandate pentru a vă ajuta să construiți și să gestionați site-ul dvs. web.

• Pluginurile 7 WordPress pentru a încorpora o hărți Google pe site-ul dvs. web
• Cum se adaugă un Beach Slider pe un formular WordPress?
• Plugin-uri WordPress 5 permit utilizatorilor să publice conținut
• 6 plugin-uri WordPress pentru a adăuga completarea automată la formularele dvs.

Concluzie

Aici ! Gata pentru acest tutorial, sperăm că vă va permite să exportați și să importați blocuri Gutenberg în WordPress. Aveți în continuare întrebări sau sugestii despre blocurile Gutenberg? Vă rugăm să ne anunțați în interior comentarii CI-Dessous.

Cu toate acestea, puteți consulta și resursele noastre, dacă aveți nevoie de mai multe elemente pentru a vă derula proiectele de creare a site-urilor de internet, consultați ghidul nostru pentru Creare blog WordPress.

Nu ezita sa împărtășiți cu prietenii de pe rețelele de socializare preferate. 

...