Pregătirea pentru Gutenberg WordPress Editor

Publicat: 2018-02-22
Gutenberg WordPress Editor

Ultima actualizare - 4 ianuarie 2021

Johannes Gutenberg a introdus în Europa mașina de tipar în mișcare cu aproximativ 500 de ani în urmă. Aceasta a aprins revoluții prin răspândirea cuvintelor în întreaga lume și a pus pietrele de temelie ale economiei moderne bazate pe cunoaștere. WordPress a numit Gutenberg WordPress Editor în același scop. Ideea a fost să ușureze modul în care utilizatorii WordPress editează textul și personalizează paginile web. Acest editor va înlocui actualul editor implicit al WordPress. Și până la momentul lansării sale, vă puteți aștepta la un editor care va fi la fel de bun ca și editarea din front-end.

Este o presă, cu siguranță, dar o presă din care va curge în pâraie inepuizabile... Prin ea, Dumnezeu își va răspândi Cuvântul.

Un izvor al adevărului va curge din el: ca o stea nouă, va împrăștia întunericul ignoranței și va face să strălucească printre oameni o lumină necunoscută până acum.

– Johannes Gutenberg

Ce aduce Gutenberg WordPress Editor pentru WordPress?

Am folosit Quora, Medium, Ghost etc. pentru a ne scrie conținutul. Acestea oferă scriitorilor o experiență excelentă de scriere. Pe de altă parte, editorul implicit TinyMCE al WordPress necesită o mulțime de greutăți de backend și pluginuri terță parte pentru a-l face să arate grozav. Dar acum, odată cu introducerea noului editor, puteți avea o experiență revigorantă și în WordPress. În plus, dacă ați avut vreodată sentimentul că editorul actual din WordPress nu este cel mai convenabil dintre toate, este timpul să instalați pluginul demo Gutenberg. Deoarece pluginul este încă în curs de dezvoltare, este posibil să nu găsiți lucruri menționate aici, până când îl descărcați.

Defalcarea caracteristicilor

Interfață Gutenberg WordPress Editor
Interfață Gutenberg WordPress Editor

Introducerea blocurilor

Blocurile sunt secțiuni editabile separat sub formă de rânduri în editor. Acum puteți introduce text, listă, citat, imagine etc. sub formă de diferite blocuri și le puteți edita individual.

Gutenberg WordPress Editor
Faceți clic pe semnul Plus pentru a accesa blocurile în Gutenberg WordPress Editor

Butonul Adăugați bloc (în caseta roșie cea mai de sus), ne permite să adăugăm blocuri și încorporare. Fila Recent va prezenta toate blocurile utilizate recent de către utilizator. Alte file „Blocuri, încorporare și, blocuri salvate” au o opțiune mare de blocuri și site-uri de pe care puteți încorpora fișiere media. Imaginea de mai jos arată lista completă a blocurilor și încorporațiilor disponibile. Veți fi la un clic distanță de a adăuga un nou bloc.

Blocuri Încorporează
Blocuri comune Încorporare disponibile de pe site-urile sociale

Formatarea blocurilor

Blocuri de aspect

Întregul conținut primește numele „Document” și conține blocuri B sub formă de rânduri. Două blocuri vor fi distanțate automat. Mergând înainte pe bara de meniu, avem butoanele obișnuite Redo și Undo. Alături de aceasta, avem „pictograma de informații”. Acesta va afișa Schița documentului, care include: numărul de cuvinte, numărul de subtitluri cu nume, numărul de paragrafe și numărul de blocuri. Fiecare dintre blocuri este accesibil separat și poate fi editat individual.

Buton de informații cu detalii despre document

Editarea fiecărui bloc

Paragraf

Gutenberg WordPress Editor
Editarea blocului de paragraf

Experiența de editare a oricărui Paragraf cu noul editor este cea mai bună dintre toate. Ai observat culoarea de fundal și cele două coloane? Deși coloana de text este experimentală de acum. Dar dacă acest lucru este inclus odată cu lansarea, vă veți salva de multe greutăți. Iată o listă de lucruri pe care le puteți face cu fiecare bloc de text selectat?

  • Adăugați Capulă la prima literă.
  • Ajustați dimensiunea fontului
  • Adăugați o culoare de fundal
  • Schimbați culoarea textului
  • Aliniați blocul
  • Adăugați lista cu marcatori ca bloc

Adăugarea unui citat de tragere

Adăugarea unui citat de tragere

Ghilimele de tragere nu sunt ghilimele obișnuite. Aceste citate au două rânduri, unul deasupra și celălalt, sub text. Acest bloc de cotații poate fi, de asemenea, plasat la diferite. Cele trei puncte verticale din partea dreaptă sus a fiecărui bloc arată setarea avansată. Dacă doriți să eliminați blocarea, opțiunea Eliminare este aici.

Editare ca HTML

Editarea ca HTML în Gutenberg WordPress Editor va deveni ușoară. Acest lucru se datorează faptului că obținem opțiunea „Editare ca HTML” pentru toate blocurile create. Acum nu mai trebuie să căutați documentul complet, ci să derulați în jos tot ceea ce căutați.

Transformarea blocului în bloc reutilizabil

Blocurile reutilizabile sunt blocurile care pot fi salvate și utilizate din nou. Anteturile, introducerea, subsolul sau orice altă secțiune care conține informații comune despre orice pot fi convertite în blocuri reutilizabile. Și aceste blocuri pot fi folosite în orice document ulterior.

Editarea imaginilor

Versiunea actuală a editorului nu îi obligă pe toți utilizatorii să facă modificări imaginii pe care o adăugăm în document. Dar noul editor duce acest lucru la următorul nivel (nu cel mai înalt). Acum, imaginea de copertă va primi un paragraf implicit, pentru a adăuga text și URL pe ea. Textul rămâne alb în orice situație. Pentru a depăși această restricție, opacitatea imaginii de copertă poate fi ajustată. Pentru orice altă imagine, le puteți adăuga doar subtitrări cu URL . Alinierea blocurilor de text poate fi personalizată la stânga, la dreapta și la centru.

Adăugarea de text la imagini

Editare CSS suplimentară

Opțiuni avansate Bara de meniu din partea dreaptă a editorului are o clasă CSS suplimentară și va fi folosită în continuare pentru a personaliza textele, imaginile și alte secțiuni. Deoarece este încă un drum lung de parcurs, echipa de dezvoltare Gutenberg dorește să reducă utilizarea codurilor externe. Sperăm să vină momentul în curând.

Editarea întregului document

Editarea documentelor
  • Stare și vizibilitate : se adaugă butoanele pentru a rămâne pe prima pagină și în așteptarea revizuirii
  • Categorii și etichete
  • Imagine prezentată
  • Extras : Secțiune suplimentară pentru a adăuga Extras introdus
  • Discuție : Butoanele Permite comentarii și Permite pingback și trackback au fost adăugate
  • Tabel de conținut : este similar cu pictograma Informații, discutată mai devreme. Aici se menționează titlul și titlurile. Sunteți dus la bloc cu doar un clic pe titlurile de aici.

Adăugarea butonului de apel la acțiune

Butonul de apel la acțiune

Acum veți putea adăuga un buton de apel la acțiune la poziția dorită. Anterior, această funcție necesita un plugin sau CSS terță parte.

Obținerea pluginului

În ansamblu, acest editor va schimba modul, am folosit WordPress pentru a ne edita conținutul. S-ar putea să fie încă o mulțime de caracteristici de descoperit sau adăugat la plugin. Și, deoarece pluginul evoluează zi de zi, pentru a obține o experiență completă a Demo, trebuie să descărcați și să instalați Gutenberg. Deoarece acesta este încă în curs de dezvoltare, vi se recomandă să nu utilizați pluginul pentru site-urile dvs. de producție. Pe măsură ce numărul de instalări crește, probabilitatea de a o îmbunătăți va crește. De asemenea, puteți ridica un bug în cazul în care observați unul.

Dacă sunteți Dezvoltator și doriți să contribui la eforturile echipei Gutenberg, înregistrați-vă la WordPress/ Gutenberg.

Note de închidere

  • Gutenberg WordPress Editor urmează să fie lansat în vara 2018 și este de așteptat să fie lansat cu WordPress 5.0.0.
  • Noul editor va înlocui editorul actual ca editor implicit.
  • Gutenberg poate fi dezactivat și puteți utiliza în continuare editorul clasic TinyMCE.
  • Editorul clasic va fi în continuare disponibil ca plugin în WordPress și poate fi folosit pentru a crea conținut.
  • Conținutul creat pe Gutenberg se va schimba în funcție de teme, dar utilizatorii pot alege să folosească conținutul așa cum este creat de editor.
  • Pluginul Yoast SEO funcționează bine cu editorul și este de așteptat ca noul editor să accepte toate celelalte plugin-uri populare.
  • Citiți întrebările frecvente pentru a afla mai multe despre Gutenberg.

Deoarece conținutul este o parte importantă a site-ului dvs., ele decid ce impresie va avea cititorul. Și când nu ești cineva care poate face programare, editarea paginilor tale web devine dificilă. Acesta a devenit unul dintre motivele înființării lui Gutenberg. De asemenea, citiți Cum WordPress și echipa Gutemberg trec prin „Etapele dezvoltării lui Gutenberg”? Sperăm că, odată cu sosirea lui Gutenberg, putem veni cu niște pagini web foarte frumoase și să ne potrivim cu unul dintre cele mai interactive site-uri web.