WordPress Gutenberg'e başlamak için ihtiyacınız olan her şey

2018'de WordPress, Gutenberg ile içerik oluşturma deneyimini modernleştirmeyi ve basitleştirmeyi hedefliyor. Adı matbaanın kurucusu Johannes Gutenberg'den geliyor. Bu, WordPress kullanıcı deneyimi ve tema geliştirme iş akışı için en büyük değişikliklerden biri olarak kabul edilir.

Gutenberg nedir?

Çoğumuz Gutenberg'in sadece yeni bir editör olduğunu düşünüyoruz, ancak sadece bu değil. Editör şu anda odakta olsa da, proje nihayetinde özelleştirme de dahil olmak üzere tüm yayıncılık deneyimini etkileyecektir.

Şimdiye kadar bir sayfayı düzenlemek, başlığını, gövdesini ve özel alanlarını değiştirmek anlamına geliyordu. Gutenberg ile bu mantık tamamen değişir ve blok kavramını ortaya çıkarır . Bloklar, wp-admin aracılığıyla dinamik olarak eklenen bağımsız, yalıtılmış ve dinamik kullanıcı arabirimi bileşenleridir. Aşağıdaki video her şeyi ayrıntılı olarak açıkladığı için bunu ayrıntılı olarak anlatmayacağım.

Matt Mullenweg Gutenberg, Word of the Word 2017 ile ilgili sunumu

Gutenberg zaten bir eklenti olarak mevcut ve Nisan 2018'de piyasaya sürülmesi planlanan WordPress 5.0'a entegre edilecek. Arkasındaki ekip şu anda düzenleme sonrası deneyime odaklanıyor. Ancak o andan itibaren, yaklaşımlarını şablon oluşturma, site oluşturma ve daha fazlasını içerecek şekilde genişletecek. Gutenberg'e geçişi daha sorunsuz hale getirmek için, Classic Editor adında, ekiplerin geçişleri üzerinde çalışırken mevcut düzenleyiciyi kullanmalarına izin veren bir eklenti var.

Gutenberg neden benim için iyi ve bu WordPress'in geleceği için ne anlama geliyor?

Gutenberg şüphesiz büyük bir değişiklik ve birçok geliştirici buna uyum sağlamak zorunda kalacak. Ancak bence bu, WordPress'in şimdiye kadar yaşadığı en iyi değişikliklerden biri. Çünkü tema geliştirme sürecini modernleştirir ve daha temiz kod tabanı, daha iyi bakım ve düzenleme ile daha modüler hale getirir. Daha fazla güvenilirlik sağlar ve eski monolitik hacklenebilir yaklaşımından kurtulur.

Blokların kullanımıyla, bir sayfa oluşturmanın tüm yollarını (kısa kodlar, widget'lar, özel HTML, medya, metin biçimlendirme, yerleştirmeler ve meta kutular) optimize eder ve basitleştirir. Matt'in yazısında açıkladığı gibi:

• Geliştiriciler ve ajanslar , müşterilerin bir şeyleri bozmadan veya özel gönderi türleriyle uğraşmadan kolayca güncelleyebilecekleri etkileşimli şablonlar oluşturabilecekler.
• Eklenti geliştiricileri , WordPress'in her bölümüne tamamen entegre olabilecekler. ΙTinyMCE'yi hacklemenize veya tüm özelliklerini bir araç çubuğu düğmesinin arkasına sıkıştırmanıza gerek kalmadan gönderiler, sayfalar, özel gönderi türleri ve kenar çubukları dahil.
• Tema geliştiricilerin tonlarca eklenti toplamasına veya kendi sayfa oluşturucularını oluşturmasına gerek kalmayacak. Gönderiler için zengin düzenler oluşturmanın ve doğrudan arayüzde kurulum boyunca insanlara rehberlik etmenin standart, taşınabilir bir yolu olacak. Ν20 adımlık öğreticiler veya uzun videolar gerekli.
• Çekirdek geliştiriciler , modern teknolojilerde çalışabilecek ve 15 yıllık geriye dönük uyumluluk konusunda endişelenmeyecek.
• Kullanıcılar nihayet hayal güçleriyle oluşturdukları siteleri oluşturabilecekler. Daha önce hiç yapmadıkları şeyleri mobilde yapabilecekler. Bir daha asla kısa kod görmeleri gerekmeyecek. Word'den yapıştırılan metin temizlenir ve otomatik olarak ve anında bloklara dönüştürülür.

Demolar ve örnekler

WordCamp US 2017'deki bu konuşmada Morten, WordPress geliştiricilerinin neye odaklanması gerektiğini ve WordPress'in Gutenberg ile nasıl dönüştürüleceğini açıklıyor.

Morten Rand-Hendriksen: Gutenberg ve Yarının WordPress'i

Bu ekran görüntüsünde Human Made, Gutenberg bloklarının bir dizi gelişmiş uygulamasını gösteriyor.

nasıl başlanır

Gutenberg düzenleme ortamına alışmanıza yardımcı olacak, Gutenberg editörünün sınırlı bir ön uç canlı demosu olan Frontenberg ile oynayın .

Frontenberg – Anında test için çıkış yapılmış bir Gutenberg oyun alanı

Gutenberg'in arkasındaki lider mühendislerden biri olan Matias Ventura Bausero'nun aşağıdaki makalesini okuyun.

Gutenberg veya Theseus'un Gemisi – Bir sistem büyük ölçüde değişmeden temelden nasıl gelişebilir?

Bu Sketch sembolleri ile oynayın ve kendi özel bloklarınızı tasarlamaya çalışın.

Automattic/gutenberg-themes-sketch – gutenberg-themes-sketch – Blok odaklı WordPress temaları tasarlamanıza yardımcı olacak bir dizi Sketch dosyası

wordpress.org adresindeki resmi geliştirici el kitabını okuyun. Temiz, okunması kolay ve sürekli gelişiyor. Güncellemelerini almak için posta listelerine de abone olmalısınız.

Giriş – “Gutenberg”, 2017 WordPress editör odağının kod adıdır.

Gutenberg bunun üzerine inşa edildiğinden ReactJS'yi inceleyin.

React – Kullanıcı arabirimleri oluşturmak için bir JavaScript kitaplığı – Kullanıcı arabirimleri oluşturmak için bir JavaScript kitaplığı

WordPress çekirdek ekibi tarafından oluşturulan bu Gutenberg örneklerine göz atın.

WordPress/gutenberg örnekleri = gutenberg örnekleri – WordPress/Gutenberg'i bloklarla genişletme örnekleri

Human Made (en iyi WP geliştirme ajanslarından biri) tarafından hazırlanan bu ayrıntılı e-kitabı okuyun.

Gutenberg, yeni WordPress Editörü (Beyaz Kitap) – Bu teknik inceleme, uygulama ve benimsemedeki temel zorlukların yanı sıra işletmelerin şimdi nasıl hareket edebileceğine dair tavsiyeleri kapsar.

FrontendMasters, Treehouse ve Udemy'nin en popüler eğitim platformlarından bazılarında eğitimci olan Zac Gordon tarafından hazırlanan bu geliştirme kursuna göz atın.

Zac Gordon'dan Gutenberg Geliştirme Kursu – Gutenberg Kursları

Son olarak, Ahmed Awais'in WordPress Gutenberg blok eklentilerini oluşturmak için bu sıfır yapılandırmalı geliştirici araç setini yükleyin

ahmadawais/create-guten-block – WordPress Gutenberg blokları oluşturmak için sıfır yapılandırmalı bir #0CJS geliştirici araç seti.

Şimdilik bu kadar, bu yazıyı okuduğunuz için çok teşekkür ederim ve herhangi bir düşünceniz, sorunuz veya öneriniz varsa lütfen yorum bırakın.

Web sitenizin performansını, güvenliğini ve barındırma deneyiminizi yükseltmek isteyen bir ajans, kuruluş veya WordPress geliştiricisiyseniz mühendislik ekibimizle görüşün. Yönetilen WordPress barındırma platformumuz, benzersiz performansı, güvenilirliği ve teknik müşteri desteği ile sektörünün en iyilerinden biri olarak kabul edilir.

Ekibimiz, WordPress geliştiricilerinin web sitelerini oluşturma, barındırma ve ölçeklendirme şeklini yeniden tanımlama görevindedir, bu nedenle iletişim halinde olun ve bizimle konuşmaktan çekinmeyin.