Cum să utilizați WordPress Gutenberg pentru a vă edita complet site-ul?

Publicat: 2022-06-04

WordPress a fost pe piață de un interval lung și încă aduce noi actualizări. Personalizarea aspectului site-ului are nevoie de un mare potențial și cunoștințe.

Aici, WordPress Gutenberg este similar cu elementele de bază ale platformei tale. Oamenii încă explorează instrumentul pentru a scoate ce este mai bun. Acest editor este mai accesibil pentru persoanele cu mai puține cunoștințe de codificare sau deloc.

Să explorăm informațiile despre blocurile WordPress Gutenberg!

Ce este WordPress Gutenberg?

Numele de cod al noului editor bazat pe blocuri este introdus cu WordPress 5. Principala schimbare este procesul de actualizare a conținutului. Vă oferă libertatea de a adăuga tipuri de media de diferite formate și de a organiza aspectul în interiorul editorului folosind blocuri.

WordPress are un impact mare asupra industriei. Începe să pășească într-un viitor luminos pentru afacerea dvs. Gutenberg ajută să se concentreze pe șabloanele de pagină pentru o experiență mai bună a utilizatorului. Este un înlocuitor excelent pentru editorul WordPress clasic folosit pentru editorul de conținut implicit al paginilor și postărilor.

Trebuie să combinați blocurile mici de diferite forme și dimensiuni pentru a face structura mai mare. Aceasta înseamnă că un singur post este format din mai multe blocuri mici. Gutenberg este împărțit în mai multe secțiuni:

  • Text : acestea pot fi paragrafe, liste, citate, titluri și multe altele.
  • Media : Acestea sunt imagini, galerii, fișiere audio, videoclipuri și alte conținuturi media
  • Widget : inserați widget-uri WordPress, lista de categorii și multe altele
  • Design : adăugați coloane, distanțiere, secțiuni, butoane și altele
  • Încorporați : integrați conținut din resurse terță parte, cum ar fi Spotify, YouTube, Twitter și multe altele.

Cum va afecta editarea întregului site WordPress site-ul dvs.?

1. Categorii de blocuri și plasare

Ele sunt cadrul paginilor blogului și al postărilor din editorul de blocuri. Puteți utiliza blocurile pentru paginile, subsolurile, barele laterale și titlurile dvs. Vă oferă libertatea de a vă ajusta între conținutul și aspectul site-ului prin intermediul blocurilor.

2. Elemente de design cu stiluri globale

Acest nou set de caracteristici ajută la actualizarea elementelor stilistice ale site-ului web. Acestea pot fi culori, fonturi sau alte părți vizuale. Editorul de blocuri ajută la schimbarea perspectivei site-ului web pentru diferite postări și pagini. Trebuie să angajați dezvoltatori WordPress este cel mai dificil lucru pentru a aplica mai multe elemente de site și pentru a menține o experiență excelentă pentru utilizator. Stilurile globale vor putea controla elementele la scară largă. Obțineți o interfață globală care poate fi operată în modul de editare al site-ului.

3. Configurarea aspectului paginii

Șablonul controlează aspectul și aspectul pe paginile separate ale site-ului WordPress. Componentele vă vor ajuta să determinați plasarea barelor laterale și a titlurilor în cadrul temei site-ului. Tema vine cu șabloane pentru postări de blog și pagini de destinație.

4. Aplicați funcționalitatea șablon

Șabloanele vor determina plasarea elementelor pe site. Blocurile WordPress Gutenberg vă oferă un control excelent asupra aspectului paginii temei și șabloanele acesteia. De asemenea, vă oferă libertatea de a utiliza diferite elemente de temă între diferite pagini de destinație.

Puteți utiliza blocurile tematice cu editorul de șabloane bazat pe blocuri. Creați șabloane personalizate prin blocuri și controlați navigarea utilizatorului pe site-ul și conținutul dvs.

Cum să instalezi blocurile WordPress Gutenberg pentru site-ul tău?

Noul editor de blocuri a fost preinstalat în WordPress 5.0 și versiuni ulterioare. Cea mai ușoară metodă de a instala WordPress Gutenberg Blocks sunt:

  • Navigați la Plugin-uri > Adăugați nou din tabloul de bord WordPress
  • Căutați cuvântul cheie WordPress Gutenberg în bara de căutare
  • Pluginul ar trebui să fie vizibil în rezultatele căutării. Acum, faceți clic pe Instalați acum
  • După instalarea pluginului WordPress Gutenberg, faceți clic pe Activare pentru a finaliza procesul.

Care sunt beneficiile utilizării WordPress Gutenberg Blocks?

Există câteva beneficii pentru dezvoltatorii care folosesc Gutenberg sunt:

  • Face procesul de creare a conținutului mai ușor și intuitiv pentru începători
  • Vă ajută să vizualizați îndeaproape formatul de conținut și să înțelegeți interfața
  • Unificați metoda de creare a conținutului prin eliminarea cerinței de coduri scurte separate
  • Oferiți diferite opțiuni pentru a personaliza conținutul folosind o varietate de elemente
  • Eliminați necesitatea de a instala un alt plugin pentru generatorul de pagini
  • Are o funcție de glisare și plasare pentru a facilita editarea și crearea conținutului.
  • Gutenberg o capacitate de răspuns mai bună, ceea ce ajută la îmbunătățirea fluxului de lucru
  • WordPress vă scutește de instalarea pluginurilor pentru generatorul de pagini, care vă oferă instrumente de editare a textului și vizuală

Serviciile de dezvoltare WordPress vă vor ajuta să deblocați cele mai bune funcții pentru platforma dvs. Există multe beneficii ale platformei doar dacă aveți acces la resursele și instrumentele potrivite.

Sfaturi pentru utilizarea WordPress Gutenberg mai productiv:

1. Folosiți / pentru a introduce blocuri rapide

Adăugarea mai multor blocuri sau deschiderea manuală a dispozitivului de inserare a blocurilor poate fi complicată și consumatoare de timp. Începeți să învățați numele blocurilor pe care doriți să le utilizați. Metoda mai rapidă de a insera blocuri folosind bara oblică.

Când apăsați enter, pentru început, noul bloc de paragraf. Acest bloc de inserare rapidă prin tastarea barei oblice, urmat de numele blocului pe care doriți să-l adăugați. Există o listă de blocuri care se potrivesc cerințelor dvs.

2. Inserați imagini prin procesul de glisare

Dacă aveți nevoie de prea multe imagini, blocurile WordPress Gutenberg au o funcție de economisire a timpului pentru a elimina cerințele blocului de imagine. În schimb, trageți directorul fișierelor imagine de pe desktop și locație pentru a le adăuga la postare.

3. Ușurința de formatare a conținutului

Sintaxa Markdown pentru construirea conținutului ajută la tratarea titlurilor. Așa cum trebuie să inserați un bloc de titlu cu o etichetă H3, puteți adăuga trei hashtag-uri („###”) cu o bară de spațiu. Editorul vă va converti titlul într-un H3 și puteți continua cu conținutul.

4. Copiați un bloc

Editorul de blocuri vă ajută să copiați și să lipiți textul ca orice alt editor. Ar fi de ajutor dacă ai face:

  • Selectați blocul
  • Faceți clic pe pictograma cu trei puncte din bara de instrumente blocuri
  • Selectați Copiere

După ce copiați blocul, inserați-l folosind „Ctrl + V” sau faceți clic dreapta și alegeți Lipire.

5. Utilizați vizualizarea Listă de blocare

Puteți face clic pe editor pentru a selecta blocul. Lucrurile devin complexe atunci când utilizați blocuri imbricate, cum ar fi inserarea ceasurilor în interiorul blocurilor de grup sau coloanelor. WordPress Gutenberg are o opțiune List View care poate fi deschisă din bara de instrumente. Puteți selecta ceasul făcând clic pe listă, iar un editor va evidenția blocul atunci când treceți cu mouse-ul.

6. Ascunderea blocurilor

Editorul WordPress Gutenberg va adăuga blocuri în mod implicit, unde unele nu sunt utilizate. Editorul are o caracteristică cunoscută sub numele de Block Manager, care ajută la dezactivarea și ascunderea blocurilor care nu sunt utilizate. Acest lucru vă ajută să vă mențineți interfața curată și organizată în funcție de utilizarea dvs.

7. Adăugați ancore în bloc

Funcția de ancorare HTML dedicată ajută la construirea de legături de salt către anumite sectoare ale conținutului. Trebuie să adăugați ancore HTML folosind codarea manuală în editorul clasic. Cu WordPress Gutenberg Blocks, trebuie să introduceți textul în câmpul de ancorare HTML din zona Avansată a setărilor blocurilor.

8. Directorul de blocare al terților

Aceasta este cea mai recentă metodă pe care utilizatorii WordPress preferă să instaleze și să testeze blocurile de la terți. Noul Director de blocuri este o secțiune din Directorul de pluginuri care conține pluginuri cu un singur bloc. Este separat de directorul principal de pluginuri, unde fie răsfoiți prin pluginurile WordPress, fie prin pluginuri cu un singur bloc.

9. Construirea întregii pagini

WordPress Gutenberg Blocks are un nou concept cunoscut sub numele de modele de bloc . Acest lucru vă ajută să creați și să partajați aspecte de bloc predefinite. Ele vă oferă cu adevărat metoda prin care editorii de blocuri să devină constructori de pagini. Fila Blocuri și modele vă va ajuta să comutați între aceste opțiuni. Modelele de blocuri încorporate, dar teme și pluginuri terță parte pentru a vă ajuta să adăugați diferite modele de blocare sau să le eliminați pe cele existente.

Care sunt utilizările WordPress Gutenberg Blocks?

1. Pagini noi de blog și postare

Crearea de conținut începe cu adăugarea unei pagini noi și a unei postări pe blog folosind editorul de blocuri WordPress Gutenberg. Postările de pe blog au o dată de publicare și apar în ordine cronologică. Pagina poate fi statică și poate oferi informații atemporale precum Despre, Pagini de contact și Politica de confidențialitate.

2. Adăugați un bloc nou

Blocurile au caracteristici de bază ale blocurilor Gutenberg WordPress. Fiecare bloc gestionează elementele și creează aspecte personalizate de conținut ale postărilor. Elementele de paragraf au blocuri implicite, ceea ce facilitează procesarea și adăugarea de elemente noi.

3. Lucrul cu blocurile

Stăpânește WordPress Gutenberg pentru a îmbunătăți experiența de blogging și pentru a accelera fluxul de lucru. Editorul de blocuri oferă o bară de instrumente folosită pentru formatare și aliniere. În prezent este un bloc activ și constă din diverse instrumente în funcție de tipul de bloc.

4. Numărul de cuvinte și blocuri

Numărul de cuvinte ajută la urmărirea numărului de cuvinte, paragrafe, caractere și titluri. Numărul de blocuri vă oferă numărul de blocuri de pe pagina web, făcând aspectul consistent. Există mai multe planuri de asistență WordPress care vă ajută să monitorizați aspectul site-ului web în funcție de cerințele dvs.

Ultimul cuvânt!

Explorarea editorului Gutenberg poate fi un proces obositor și ați putea rata unele dintre cele mai bune funcții de pe piață. Obțineți cei mai buni experți aici ! Avem cunoștințele și experiența pentru a gestiona eficient instrumentele pentru afacerea dvs.