Tot ce aveți nevoie pentru a începe cu WordPress Gutenberg

În 2018, WordPress își propune să modernizeze și să simplifice experiența de creare de conținut cu Gutenberg. Numele său vine de la Johannes Gutenberg, fondatorul tiparului. Aceasta este considerată una dintre cele mai mari schimbări pentru experiența utilizatorului WordPress și pentru fluxul de lucru de dezvoltare a temei.

Ce este Gutenberg?

Cei mai mulți dintre noi cred că Gutenberg este doar un nou editor, dar nu este doar atât. În timp ce editorul este concentrat în acest moment, proiectul va avea un impact asupra întregii experiențe de publicare, inclusiv personalizarea.

Până acum, editarea unei pagini însemna modificarea titlului, a corpului și a câmpurilor personalizate. Cu Gutenberg, această logică se schimbă complet și introduce conceptul de blocuri . Blocurile sunt componente de interfață utilizator de sine stătătoare, izolate și dinamice, care sunt adăugate dinamic prin intermediul wp-admin. Nu voi detalia acest lucru, deoarece următorul videoclip explică totul în detaliu.

Prezentare Matt Mullenweg Gutenberg despre State of the Word 2017

Gutenberg este deja disponibil ca plugin și va fi integrat în WordPress 5.0, care este planificat să fie lansat în aprilie 2018. Echipa din spatele acestuia se concentrează în prezent pe experiența de post-editare. Dar, de atunci, își va extinde abordarea pentru a include crearea de șabloane, crearea de site-uri și multe altele. Pentru a face tranziția la Gutenberg mai ușoară, există un plugin numit Editor clasic, care permite echipelor să folosească editorul curent în timp ce lucrează la migrarea lor.

De ce este Gutenberg bun pentru mine și ce înseamnă asta pentru viitorul WordPress?

Gutenberg este fără îndoială o schimbare majoră și mulți dezvoltatori vor trebui să se adapteze la ea. Cu toate acestea, în opinia mea, aceasta este una dintre cele mai bune schimbări pe care WordPress le-a experimentat vreodată. Pentru că modernizează procesul de dezvoltare a temei și îl face mai modular, cu o bază de cod mai curată, întreținere și editare mai bune. Oferă mai multă fiabilitate și scapă de vechea abordare monolitică hackabilă.

Prin utilizarea blocurilor, optimizează și simplifică toate modurile în care construim o pagină (coduri scurte, widget-uri, HTML personalizat, media, formatare text, încorporare și metabox-uri). După cum explică Matt în postarea sa:

• Dezvoltatorii și agențiile vor putea crea șabloane interactive pe care clienții le pot actualiza cu ușurință fără a întrerupe lucrurile sau a se ocupa de tipuri de postări personalizate.
• Dezvoltatorii de pluginuri se vor putea integra complet în fiecare parte a WordPress. Inclusiv postări, pagini, tipuri de postări personalizate și bare laterale fără a fi nevoie să piratați TinyMCE sau să le strângeți întreaga funcție în spatele unui buton din bara de instrumente.
• Dezvoltatorii de teme nu vor trebui să grupeze tone de plugin-uri sau să-și creeze propriile creatori de pagini. Va exista o modalitate standard, portabilă de a crea machete bogate pentru postări și de a ghida oamenii prin configurare chiar în interfață. Nu sunt necesare tutoriale în 20 de pași sau videoclipuri lungi.
• Dezvoltatorii de bază vor putea să lucreze în tehnologii moderne și să nu-și facă griji pentru 15 ani de compatibilitate inversă.
• Utilizatorii vor putea, în sfârșit, să creeze site-urile pe care le construiesc cu imaginația lor. Vor putea face lucruri pe mobil pe care nu le-au mai făcut niciodată. Nu vor trebui să mai vadă niciodată un shortcode. Textul lipit din Word va fi curățat și convertit în blocuri automat și instantaneu.

Demonstrații și exemple

În această discuție de la WordCamp US 2017, Morten explică pe ce trebuie să se concentreze dezvoltatorii WordPress și cum va fi transformat WordPress cu Gutenberg.

Morten Rand-Hendriksen: Gutenberg și WordPress-ul de mâine

În acest screencast, Human Made demonstrează o serie de implementări avansate ale blocurilor Gutenberg.

Cum să începeți

Joacă cu Frontenberg , o demonstrație live limitată a editorului Gutenberg, care te va ajuta să te familiarizezi cu mediul de editare Gutenberg.

Frontenberg – Un loc de joacă Gutenberg deconectat pentru testare instantanee

Citiți următorul articol de la Matias Ventura Bausero, unul dintre inginerii principali din spatele lui Gutenberg .

Gutenberg sau nava lui Tezeu – Cum poate un sistem să evolueze fundamental fără a se schimba drastic?

Joacă-te cu aceste simboluri Sketch și încearcă să-ți proiectezi propriile blocuri personalizate.

Automattic/gutenberg-themes-sketch – gutenberg-themes-sketch – Un set de fișiere Sketch pentru a vă ajuta să proiectați teme WordPress bazate pe blocuri

Citiți manualul oficial pentru dezvoltatori pe wordpress.org . Este curat, ușor de citit și evoluează constant. De asemenea, ar trebui să vă abonați la lista lor de corespondență pentru a primi actualizările lor.

Introducere – „Gutenberg” este numele de cod pentru focusul editorului WordPress din 2017.

Sapă în ReactJS, deoarece Gutenberg este construit deasupra acestuia.

React – O bibliotecă JavaScript pentru construirea interfețelor utilizator – O bibliotecă JavaScript pentru construirea interfețelor utilizator

Consultați aceste exemple Gutenberg create de echipa principală WordPress.

WordPress/gutenberg-examples = gutenberg-examples – Exemple pentru extinderea WordPress/Gutenberg cu blocuri

Citiți această carte electronică detaliată de Human Made (una dintre cele mai bune agenții de dezvoltare WP) .

Gutenberg, noul editor WordPress (Cartea albă) – Această carte albă acoperă provocările cheie în implementare și adoptare, precum și sfaturi despre cum pot acționa întreprinderile acum.

Urmăriți acest curs de dezvoltare oferit de Zac Gordon, educator pe unele dintre cele mai populare platforme educaționale FrontendMasters, Treehouse și Udemy.

Cursul de dezvoltare Gutenberg de la Zac Gordon – Cursuri Gutenberg

În cele din urmă, instalați acest set de instrumente pentru dezvoltatori cu configurație zero pentru construirea de pluginuri pentru blocuri WordPress Gutenberg de Ahmad Awais

ahmadawais/create-guten-block – ‏ Un set de instrumente pentru dezvoltatori #0CJS cu configurație zero pentru construirea blocurilor WordPress Gutenberg.

Asta e tot deocamdată, vă mulțumesc foarte mult pentru că ați citit această postare și vă rugăm să lăsați un comentariu dacă aveți gânduri, întrebări sau sugestii.

Dacă sunteți o agenție, o întreprindere sau un dezvoltator WordPress și doriți să vă îmbunătățiți performanța site-ului, securitatea și experiența de găzduire, discutați cu echipa noastră de ingineri. Platforma noastră de găzduire WordPress gestionată este considerată una dintre cele mai bune din industrie, cu performanță, fiabilitate și asistență tehnică fără egal.

Echipa noastră are misiunea de a redefini modul în care dezvoltatorii WordPress își construiesc, găzduiesc și scala site-urile web, așa că păstrați legătura și nu ezitați să discutați cu noi.