Geliştiriciler için 8 Gutenberg Eğitimi

Gutenberg, WP 5.0'da tanıtılan WordPress için yeni düzenleyicidir. Bu dahil etme, günlük kullanıcılar için işleri kesinlikle değiştirir ve içerik oluşturma için birçok olanak sunarken, geliştiriciler için de büyük fırsatlar sunar. Düzenleyici mümkün olduğunca genişletilebilir olacak şekilde tasarlanmıştır ve oluşturucuya aklınıza gelen her şeyi ekleyebilirsiniz. Yeni WordPress deneyimine kendi güzelliklerinizi eklemeye başlayabilmeniz için geliştiriciler için bulabileceğimiz en iyi Gutenberg eğitimlerinden bazılarını bir araya getirdik.

Hızlı Not

Dalmadan önce birkaç şey: Gutenberg, React adlı bir JavaScript kitaplığı ile yazılmıştır. Bu, kendi sevgili Divi Builder'ımızın yanı sıra Instagram'ın da yazıldığı kütüphanedir. Bu yüzden, öğrenmek istediğiniz iyi şeyler olduğuna kefil olabiliriz.

Çünkü eğer gerçekten Gutenberg geliştirmesine girmek istiyorsanız, JavaScript'e de gireceksiniz. Matt Mullenweg'in birkaç yıl önce söylediği gibi, “JavaScript öğreneceksiniz. Derinden.” Sizin için ne tür şeylerin işe yarayacağını görmek için inceleyebileceğiniz birkaç iyi makalemiz var.

Biraz zaman ayırın, bunlara bakın ve neye benzediğini görün. Ve onları yer imlerine eklediğinizde veya Pocket'e kaydettirdiğinizde, yerleşin ve web'deki en iyi Gutenberg eğitimlerinden bazılarına göz atın.

1. Resmi Gutenberg Sayfası

Resmi WordPress Gutenberg sitesiyle başlamalısınız. Demek istediğim, temel belgeleri bilmiyorsanız, bunun üzerindeki hiçbir şey mantıklı olmaz. Yakın zamanda ön sayfayı oluşturucunun tamamen etkileşimli bir demosunu yaptılar, ayrıca el kitabı SSS'lerine bağlantılar ve geliştirme ile ilerlemeden önce okumanız gereken Gutenberg Dili adlı bir eğitim verdiler.

2. Gutenberg.Haberler

Teknik olarak bir öğretici olmasa da, Gutenberg.news web'deki bazı yüksek profilli/kaliteli bilgileri tek bir yerde toplar. Neyin yeni olduğunu görmek için ara sıra oraya koşuyorum ve her seferinde tıklama deliğinden düşüyorum. Geliştirici ve kullanıcı eğitimlerinin bir karışımına sahipler, ancak Zengin Metin Bileşeni ile Özel Gutenblocks Oluşturma gibi tutslar ve mevcut kısa kodlarınızı Gutenberg bloklarına nasıl dönüştüreceğinizi öğretebilecek Github depolarına bağlantılar içeren tweet'ler bulacaksınız.

3. Gutenberg Geliştirme Kılavuzu

Sanırım tam adı orada, ha? Gutenberg Geliştirme Kılavuzu, yeni başlayan geliştiricilerden deneyimli WP gazilerine kadar uzanan bir dizi öğreticidir. Gutenberg Hub, Gutenberg.news'e çok benzer, ancak içerik her zaman örtüşmez (bazen örtüşür). Yine, geliştiriciler (veya gerçekten herhangi biri) için Gutenberg öğreticileri arıyorsanız, bu bir tıklama deliğidir. Kendini uyarılmış say.

4. Zac Gordon'un Gutenberg Geliştirme Kursu

Hayattaki en iyi şeylerin hepsi ücretsiz değildir ve Zac Gordon'un muhteşem Gutenberg geliştirme kursu bunun kanıtıdır. Yeni WP düzenleme deneyimine ilk büyük (ve öncelikli) AZ elbette biri. Gutenberg güncellendikçe kurs yeni bilgilerle güncellenir, bu nedenle modası geçmiş olacak bir şey için 79 $ ödemekten korkmayın. Zac, WordPress topluluğunda iyi bilinir ve bu kurs size bunun nedenini kesinlikle gösterecektir. Kullanabileceğiniz örnek eğitim videoları bile var. Bu şekilde, neyle karşılaşacağınızı önceden bileceksiniz.

5. Zac Gordon'un Blogu

Muhtemelen Zac Gordon'un bir Gutenberg gurusu olduğunu anlamışsınızdır. Ama sadece onun ücretli kursuyla sınırlı değilsin. Blogunda, geliştiriciler için sizin de göz atmak isteyeceğiniz bir sürü Gutenberg öğreticisi var.

6. Gutenberg için Eklentilerinizi Nasıl Hazırlarsınız?

TutsPlus, bir kullanıcı Gutenberg'i aktif hale getirdiğinde eklentilerinizin bozulmamasını sağlamak için bilmeniz gereken tüm çeşitli yolların gerçekten sağlam bir incelemesine sahiptir. Meta kutuların şimdi nasıl çalıştığından REST API'sine ve farklı blok türlerini kaydetmeye kadar, bu, eklentilerinizi WordPress için yeni Gutenberg editörüyle entegre etmenin tüm yollarını görmek için tek adresiniz.

7. Tam Yığın Tepki

Herhangi bir Gutenberg geliştiricisi, daha önce bahsettiğim gibi, React'e aşina olmalıdır. Fullstack React, kütüphaneyi tanımak için en sevdiğim programlardan biridir. Bu 30 günlük bir programdır ve kütüphaneyi kullanmak için ihtiyaç duyacağınız çeşitli temelleri gözden geçiriyorsunuz. JavaScript'e aşina olmak muhtemelen en iyisi olsa da, bir fonksiyon yazamadan girdim ve neler olduğunu anladım. Ücretli bir kurs söz konusu olsa da, kitabın tamamını ücretsiz olarak PDF olarak indirebilirsiniz (300 sayfadan fazla), böylece Gutenberg ortamına dalmak için kullanmak istediğiniz şeyin bu olup olmadığını görebilirsiniz.

8. Redux ile Modern Tepki

Gutenberg ayrıca JavaScript kapsayıcı Redux'u kullanır. Udemy'de Stephen Grider, size Gutenberg'in favori konteynerini favori kütüphanesiyle nasıl kullanacağınızı öğretecek bir kursa sahip. Kabul etmek gerekir ki, standart 179,99$ fiyatı biraz düşük; ancak Udemy, kurslarda düzenli olarak önemli indirimler sunuyor (bunu yazarken, örneğin 10,99 ABD doları için çılgın bir indirim var). Fiyat şu anda ödemek istediğinizden daha yüksekse, biraz bekleyebilirseniz, muhtemelen bir anlaşmaya varacaksınız. Bununla birlikte, Grider'ın React ve React Native kursunu şahsen aldım, bu yüzden bunun ne kadar iyi olması gerektiğine kefil olabilirim.

Hadi "Git" Gidelim

Bu bir Gutenpun, anladın mı? Cidden, Gutenberg WordPress'in geleceğidir. İster yeni içerik oluşturma yöntemini beğenin, ister eski moda kalmasını sağlamak için Klasik Düzenleyici eklentisini yüklemiş olun, burada. Ve eğer bir WordPress geliştiricisiyseniz, bununla uğraşmak zorunda kalacaksınız. Eğitiminize devam etmek ve Gutenberg'in gidişatını görmek o kadar da zor değil. Yukarıdaki öğreticilerden herhangi biri, editörün gücünü ve genişletilebilirliğini tam olarak kavramanız için sizi (veya sizi cesaretlendirmeli ) gerçekten sağlamalıdır.

Kendinizi WordPress geliştirmenin yeni çağına hazırlamak için hangi Gutenberg eğitimlerini veya kaynaklarını kullandınız?

32 Piksel / Shutterstock.com tarafından makale özellikli görsel