8 Tutorial Gutenberg untuk Pengembang

Gutenberg adalah editor baru untuk WordPress, diperkenalkan di WP 5.0. Sementara penyertaan ini tentu saja mengubah banyak hal untuk pengguna sehari-hari dan membuka banyak kemungkinan untuk pembuatan konten, ini juga membuka banyak peluang bagi pengembang juga. Editor dirancang agar dapat dikembangkan semaksimal mungkin, dan Anda dapat menambahkan apa pun yang dapat Anda pikirkan ke pembuatnya. Kami telah mengumpulkan beberapa tutorial Gutenberg terbaik untuk pengembang yang dapat kami temukan sehingga Anda dapat mulai menambahkan perkembangan Anda sendiri ke pengalaman WordPress baru.

Catatan Singkat

Beberapa hal sebelum kita menyelami: Gutenberg ditulis dengan pustaka JavaScript bernama React. Ini adalah perpustakaan yang sama dengan tempat Instagram ditulis, serta Divi Builder kita sendiri. Jadi kami dapat menjamin itu menjadi hal-hal baik yang ingin Anda pelajari.

Karena jika Anda ingin benar-benar mendalami pengembangan Gutenberg, Anda juga akan mempelajari JavaScript. Seperti yang dikatakan Matt Mullenweg beberapa tahun yang lalu, Anda akan “belajar JavaScript. Dalam." Kami memiliki beberapa artikel bagus yang dapat Anda lihat untuk melihat jenis barang apa yang cocok untuk Anda.

Luangkan waktu, lihat melalui itu, dan lihat seperti apa. Dan ketika Anda mem-bookmark atau menyimpannya ke Pocket, menetaplah dan lihat beberapa tutorial Gutenberg terbaik di web.

1. Halaman Resmi Gutenberg

Anda harus memulai dengan situs resmi WordPress Gutenberg. Maksud saya, jika Anda tidak mengetahui dokumentasi dasar, tidak ada yang masuk akal di atas. Mereka baru-baru ini membuat halaman depan demo pembangun yang sepenuhnya interaktif, serta menyediakan tautan ke FAQ buku pegangan mereka dan tutorial yang disebut The Language of Gutenberg, yang cukup banyak dibaca sebelum Anda melanjutkan pengembangan.

2. Gutenberg.Berita

Meskipun secara teknis ini bukan tutorial, Gutenberg.news mengumpulkan beberapa tutorial dengan profil/kualitas yang lebih tinggi dari seluruh web di satu tempat. Saya berlari ke sana sesekali untuk melihat apa yang baru dan akhirnya jatuh ke lubang klik setiap saat. Mereka memang memiliki campuran tutorial pengembang dan pengguna, tetapi Anda akan menemukan tutorial seperti Membuat Blok Guten Khusus dengan Komponen Teks Kaya dan tweet dengan tautan ke repo Github yang dapat mengajari Anda cara mengonversi kode pendek yang ada ke blok Gutenberg.

3. Panduan Pengembangan Gutenberg

Saya kira itu ada di sana dalam nama, ya? Panduan Pengembangan Gutenberg adalah serangkaian tutorial yang mencakup mulai dari pengembang pemula hingga veteran WP berpengalaman. Hub Gutenberg sangat mirip dengan Gutenberg.news, tetapi kontennya tidak selalu tumpang tindih (terkadang memang demikian). Sekali lagi, ini adalah lubang klik jika Anda mencari tutorial Gutenberg untuk pengembang (atau siapa pun, sungguh). Anggap diri Anda diperingatkan.

4. Kursus Pengembangan Gutenberg Zac Gordon

Tidak semua hal terbaik dalam hidup itu gratis, dan kursus pengembangan Gutenberg yang luar biasa dari Zac Gordon adalah buktinya. Salah satu kursus AZ besar pertama (jika bukan yang pertama) tentang pengalaman mengedit WP baru. Kursus diperbarui dengan info baru saat Gutenberg diperbarui, jadi jangan takut membayar $79 untuk sesuatu yang akan ketinggalan zaman. Zac terkenal di komunitas WordPress, dan kursus ini benar-benar akan menunjukkan alasannya. Bahkan ada contoh video tutorial yang bisa Anda gunakan. Dengan begitu Anda akan tahu apa yang Anda hadapi sebelumnya.

5. Blog Zac Gordon

Anda mungkin mengerti bahwa Zac Gordon adalah seorang guru Gutenberg. Tapi Anda tidak terbatas hanya pada kursus berbayarnya. Di blognya, dia punya banyak tutorial Gutenberg untuk pengembang yang ingin Anda lihat juga.

6. Bagaimana Mempersiapkan Plugin Anda untuk Gutenberg

TutsPlus memiliki panduan yang sangat solid tentang berbagai cara yang perlu Anda ketahui untuk memastikan plugin Anda tidak rusak saat pengguna mengaktifkan Gutenberg. Dari cara kerja metabox sekarang hingga REST API dan mendaftarkan berbagai jenis blok, ini adalah toko serba ada Anda untuk melihat semua cara Anda dapat mengintegrasikan plugin Anda dengan editor Gutenberg baru untuk WordPress.

7. Reaksi Tumpukan Penuh

Setiap pengembang Gutenberg harus terbiasa dengan React, seperti yang saya sebutkan sebelumnya. Fullstack React adalah salah satu program favorit saya untuk membiasakan diri dengan perpustakaan. Ini adalah program 30 hari, dan Anda mempelajari berbagai dasar yang Anda perlukan untuk memanfaatkan perpustakaan. Meskipun memiliki keakraban dengan JavaScript mungkin yang terbaik, saya masuk tanpa bisa menulis fungsi dan memahami apa yang sedang terjadi. Meskipun ada kursus berbayar yang terlibat, Anda dapat mengunduh seluruh buku secara gratis sebagai PDF (panjang lebih dari 300 halaman), sehingga Anda dapat melihat apakah itu yang ingin Anda gunakan untuk menyelami lingkungan Gutenberg.

8. Bereaksi Modern dengan Redux

Gutenberg juga menggunakan wadah JavaScript Redux. Selama di Udemy, Stephen Grider memiliki kursus yang akan mengajari Anda cara menggunakan wadah favorit Gutenberg dengan perpustakaan favoritnya. Memang, harga standar $179,99 agak mengecewakan; namun, Udemy secara teratur menawarkan diskon yang signifikan untuk kursus (saat saya menulis ini, ada obral gila untuk $10,99 misalnya). Jika harganya lebih tinggi dari yang ingin Anda bayar sekarang, jika Anda bisa menunggu sebentar, Anda mungkin akan mendapatkan kesepakatan. Yang mengatakan, saya secara pribadi telah mengambil kursus Grider's React and React Native, jadi saya dapat menjamin seberapa bagus yang ini seharusnya .

Ayo "Berani" Pergi

Itu Gutenpun, lihat? Serius, Gutenberg adalah masa depan WordPress. Baik Anda menyukai cara baru membuat konten atau telah menginstal plugin Editor Klasik untuk membuatnya tetap kuno, ada di sini. Dan jika Anda seorang pengembang WordPress, Anda harus menghadapinya. Sebenarnya tidak sulit untuk melanjutkan pendidikan Anda dan melihat arah yang akan dituju Gutenberg. Salah satu tutorial di atas benar-benar akan membuat Anda (atau usus Anda) dalam perjalanan untuk sepenuhnya memahami kekuatan dan ekstensibilitas editor.

Tutorial atau sumber daya Gutenberg apa yang telah Anda gunakan untuk mempersiapkan diri menghadapi era baru pengembangan WordPress?

Gambar unggulan artikel oleh 32 Piksel / shutterstock.com