2022’de geliştiriciler için WordPress Block Editor’un (Gutenberg) ana özeti
Dediğiniz şeyin yanı sıra, WordPress Block Editor (veya bir süredir takip ettiyseniz Gutenberg) gezi için biraz bagaj getirin. Şimdiye kadar blok düzenleyicinin etrafında gürültü ve #wpdrama’yı takip ettim. Başlangıçta, koşuşturma sağır oldu. Ancak şimdi, editör olgunlaştığında, olumsuz görüşmeler iyimserliğe dönüştü. Başlangıçta, proje boyunca olumsuz duygularım vardı ve diğerleri de vardı. Değişmeyi reddetmem dışında denedim ve deneyiminden keyif aldım. İyi haber şu ki, WordPress Block Editor’da uzman olmanıza yardımcı olacak birçok kaynak var.
Bu yazıda, Block Editor’un giriş ve çıkışlarında size rehberlik edeceğim ve editörlerin optimum kullanımı hakkında bazı önerilerde bulunmaya çalışacağım. İlk olarak, tüm gönderilerde tartışacağım şey bu. Sizi ilgilendiren herhangi bir konuya başvurmaktan çekinmeyin.
Blok editörü nedir?
Gutenberg projesi nasıl bir blok düzenleyiciye dönüştü?
Blok Editör Kâr
Blok editör eksikliği
Blok Editör Nasıl Kullanılır
Temel Blok Editör Kullanımı
Blok Düzenleyiciyi Nasıl Devre Dışı Bırakılır
Editörün Blok İpuçları ve Hileleri
Bir blok nasıl yapılır
Blok Editörün Geleceği
Blok editörü nedir? Gutenberg projesi artık resmi WordPress belgesinde WordPress Block Düzenleyicisi olarak biliniyor. Bu, WordPress’teki içeriği düzenlemenin ve eski Tinymce Post İçerik Düzenleyicisi’ni değiştirmenin yeni bir yoludur. Blok editörler de daha fazlasını yapabilir – kısa kodları, widget’ları, menüleri ve hatta özel alanları düşünün.
Block Editor, WordPress rakiplerine açık bir tepkidir. Örneğin, orta yazma deneyimlerinin ve Wix ve Squarespace gibi hızlı ve kolay site üreticilerinin etkisini görebilirsiniz. Teknik detayları kazın, bu, içerik oluşturmak için blok tabanlı bir sistem kullanan React ve WordPress Rest API ile oluşturulmuş bir JavaScript arayüzüdür: Blok düzenleyicisi ilk piyasaya sürüldüğünde, ürün yol haritası ve proje hedefleri sadece gerçekten anlaşıldı WordPress Core ekibinin üyeleri bunu yapıyor. Şimdi yeni editörün geleceğinin önünde neler olduğunun ve önümüzdeki birkaç yıl boyunca WordPress’in bir içerik yönetim sistemi (CMS) olarak nasıl değiştirileceğinin daha farkındayız. Gutenberg Projesi Gutenberg Proje Blok Düzenleyicisi’ne nasıl geliştirildi ve GitheB’de bir özellik eklentisi olarak nasıl geliştirildi ve Aralık 2018’de WordPress 5.0 ile çekirdek WordPress’e indi. Blok düzenleyicisinde bir isim değişikliği olmasına rağmen, Gutenberg hala bir özellik eklentisi olarak mevcuttu. kullanıcıların WordPress’in çekirdeğine gelecekteki dahil edilmesi için önerilen yeni özellikleri test etmesine izin verir. Blog WordPress Core belgesini düzenli bir sürüm programı ve değiştirme günlüğünü yapın. Block editörü için geliştirilenleri görüntülemek için normal ‘çekirdek editör’ için bir güncelleme de vardır. Son 12 ay veya daha uzun bir süredir bu beta sürümü için yüzden fazla sürüm var. Dahası, gelişimi boyunca bazı önemli anlar var:
Blok arayüzü ilk doğum gününün etrafında bir yeniden tasarım aldı.
Basit kullanıcı deneyiminde (UX) sürükle ve bırak işlevselliği gibi çeşitli iyileştirmeler vardır.
Her zaman yeni bloklar görünür ve bu, WordPress eklentisi dizininde temsil edilen gelişmekte olan bir ekosistemdir. WordPress 5.8’in yayınlanmasıyla birlikte, kullanıcıların daha önce olan site düzenini seçmesine ve yüklemelerini sağlayan özel bir blok desen dizini vardır. ilgili bloklardan oluşan bir koleksiyondan oluşturuldu.
WordPress 5.8’deki bir başka değişiklik, bir blok düzenleyici kullanarak WordPress’te tam site düzenlemenin yolunu açtı.
Son iki nokta, Block Editor’un evriminde cazip gelişmelerdir. Bu son kullanıcılar için iyi olacaktır, çünkü deseni doğrudan desen dizinden indirebilecek ve web sitelerini menülerden altbilgi içeriğine oluşturmak ve düzenlemek için kullanabilecekler:
Geliştirme tarafında, blok düzenleyicinin artık API’yı destekleyen bir bloğu var. Bu API, bir blok ayar cihazı kaydetmenin tutarlı bir yolunu oluşturur (örneğin, arka plan, yazı tipi veya yazı tipi boyutu bloğunu değiştirme yeteneği). Bu API ayrıca blok geliştiricilerin mevcut blok ayar cihazlarına erişmesine izin vererek, bu seçeneği mevcut bloklardan geliştirme sırasında kendi bloğunuza sokmayı kolaylaştırır. İyileştirme açısından en belirgin olanı performans alandadır. Bloğun editörünün her yeni yinelemesiyle, geliştirme ekibi performans testi uygulayarak hızın artmasına odaklanıyor ve bu da blok düzenleyicinin piyasaya sürüldüğünden daha fazla performans olduğu anlamına geliyor.
Elbette bu bekleniyor, ancak çekirdek ekibin blok düzenleyiciyi WordPress kullanıcıları ve içerik yayıncıları için önemli bir artış haline getirmek için çok çalıştığı övülmelidir. Genel olarak, bu, düzenleyicide içerik yöntemleri ile içeriğin önde nasıl oluşturulduğunu görsel farklılıkları azaltır. Bu, ilk blok düzenleyicinin yayınlandığı zaman hemen açıktı. Blok düzenleyicinin avantajı, WordPress blok düzenleyicisinin yavaş benimsenmesinden arınmıştır, projenin ilk aşamalarında görünmez görünen birçok fayda vardır. Birincisi, yeni tartıştığımız bir şey – beta geliştirme süreci. Bu (elbette) her zaman gerçekleşecek. Bu gelişme bölümünün gerçekleşme şekli, genel proje için sağlam bir yoldur. Kullanıcılar tarafından kullanıcı tabanını yabancılaştıracak WordPress çekirdeğine bir şeyler eklemekten çok daha iyi test edilecek ayrı bir özellik eklentisinin bir parçası olarak yeni özellikler oluşturmak. Gutenberg, çekirdekten başka bir şey yükleyebileceğiniz bir şeydir. WordPress Block Düzenleyicisi. Bu, en son özellikleri deneyebileceğiniz, ancak daha kararlı bir çekirdek özellik serisi kullanmaya devam etmek için hızlı bir şekilde devre dışı bırakabileceğiniz anlamına gelir. Dezavantajı, Gutenberg 10.5 ile Wptavern tarafından bulunduğu gibi, sorunlara karşı bağışık olmamanızdır. Yani bunu üretim sitesine yüklememelisiniz! Geliştiriciler için Block Editor, hepimizin sorunları çözmek için birkaç modern yol elde etmeye başladığımız anlamına gelir. Örneğin, WordPress Core orijinal TypeScript’in desteğini Block Düzenleyicisine ekledi. Dahası, TRAC gibi daha uzun geliştirme yazılımlarına ağır bağımlılıktan geçebiliriz. Çekirdek geliştirme, GitHub ile ilgili geliştirici iş akışı için daha fazla destek ekledi. Blok editörler NPM JavaScript paketinin yöneticisini bile kullanır. Bu düzeyde, jüri hala bilmese de, bir gün çekirdekte besteci desteği görebiliriz. Çekirdek takımın buna karşı çıkmasının nedeni hatırladığım gibi iki katına çıktı. 1. Çekirdekte adımlar oluşturmak istemiyorlar (şimdi kullanılan webpack ile geçersiz) 2. Bestecinin tanıtılması (şimdi kullanılıyor). Sanırım zaman geldi. Sanırım @Schlesera da bir kez gördü – Jonny Harris (@thepaDMonkey) 10 Nisan 2021 Block editörü tarafından bize verilen bir başka avantaj, deneyim ve ilerlemenin birikmesiydi. Bu konuda bana karşı sabırlı ol. Tıpkı kırık bir kalp gibi, zaman bir tedavidir. WordPress Block Düzenleyicisi durumunda, proje motivasyonunu, genel ekosistem üzerindeki etkisi, teknik borç ve daha fazlasını çevreleyen ilk sorunlar vardır. Bu sorunların çoğu, daha iyi çapraz ekleme iletişimi ve daha iyi kullanıcının geri bildirimi ve belgeleri yoluyla blok düzenleyicinin ne kadar hızlı arttığı ile aşılmıştır. Bu sorunların bazıları azalmış olsa da, diğerleri farklı sorunlara dönüştü. Bu, olumsuz şeyler gördüğünüzde dikkate alınması gereken bir şeydir.
Blok editörlerinin eksikliği, WordPress blok editörü tarafından bağıran bir dizi daha yüksek sesle bakılmaksızın şimdi onu almaya geldi ve projenin zaman zaman nasıl geliştiğini ve arttığını, elbette dikkate alınması gereken olumsuz vardı.Resmi Gutenberg eklentisi destek kanalı gibi görünür olan ana alanlarda editörün kendisi hala kötüdür:
Bu son kullanıcı görüşünü etkileyecek ve ilk ilk -STAR incelemesinin bağlamını okursanız, bu endişenin arkasında gerçek bir teknik derinlik yoktur. Tüm hikayeyi takip eden bizler, WordPress’e geçmek isteyen kullanıcılar için onu görmezden gelmeyi kolay bulabilirken, bu başlangıç potansiyelidir. Tema geliştiricileri için temanız, ön tarafta ne kullandığınıza bakılmaksızın blok düzenleyiciyi desteklemelidir. HTML editör bloğu tarafından üretilen düzen ile çalıştığınız sürece, desteğe ihtiyaç vardır. WordPress geliştirme topluluğundaki React vs Vue kullanan seçenekler hakkındaki ilk büyük farklılıklardan biri. React, lisanslarla ilgili WordPress temel felsefesine uymayan birkaç lisans sorunu vardır. Neyse ki, bu sorun hemen çözüldü, ancak hala endişeli olanlar olabilir. Eklenti geliştiricileri kısa sürede bir eklenti hazırlamalıdır. Bu, birçok geliştiricinin WordPress’i geliştirmek için tepki verme ve kullanma hakkında daha fazla bilgi edinmesine yardımcı oldu, ancak diğerleri hala onları takip etmek için mücadele ediyor. Özellikle PHP arka planından gelirseniz, React ile ilgili hala ağır bir öğrenme eğrisi vardır. React ve JavaScript üretim araçlarında zorluk çeken geliştirici topluluklarının çoğu vardır. Kesin bir numaram olmasa da, bunun mevcut eklenti geliştiricilerini, özellikle yalnız çalışanları etkileyip etkilemediğini merak ediyorum. Daha önce de belirttiğim gibi, blok düzenleyicinin kapsamı ve boyutunda değişen birkaç ilk problem var:
İçerik depolama.HTML yorumlarındaki veri şeklinde Post_Content sütunundaki veri depolama alanını bloke, çeşitli eleştiriler (geçerli). Motivasyon.WordPress’in hala bir numara olduğu ve büyümeye devam ettiği düşünüldüğünde, ilk motivasyon daha önce olduğu kadar geçerli değildir.Bu, bir iş problemi olmaktan ziyade blok düzenleyicinin nasıl gelişebileceğine daha fazla odaklandığı anlamına gelir.
Teknik borç.Jüri, bunun ilk endişe yoluyla gelişip gelişmediğini bilmiyordu.Erişilebilirliğin arttığı kesindir.Varsayılan yirmi yirmi bir tema da yardımcı olan ‘AAA’ sertifikalıdır.
Tüm WordPress ekosistemleri üzerindeki etkisi.Bunun hakkında daha fazla şey söyleyeceğim, ancak blok düzenleyicinin geleceğinden topluluğu genişletebilecek bir etki var. UX’i nasıl etkileyecektir.Şimdiye kadar, oyunu temel güncellemelerden Block Editor’a değiştiren hasar görmedik.Birkaç yıl geçtik ve buna ihtiyaç duyanlar için klasik editörler hala destekleniyor.
Kısacası, mevcut blok düzenleyiciyi kullanarak daha az kayıp vardır, çünkü geliştirme daha odaklanmış bir yöne çizilir. WordPress Fork, ClassicPress gibi hala var, ancak hala alakalı olup olmadığı konusunda bir tartışma var. Erken heyecanın soluk olduğunu hissediyorum ve şimdi, gerçek dünyanın bunu nasıl geliştirileceğine dair teknik düşüncelerle uğraşmaya geri dönüyoruz. Şimdi teoriyi aldıktan sonra, WordPress blok düzenleyicisinin pratikte çalışma şeklini hızlandıralım. Block Editor’un blok düzenleyicisinin nasıl kullanılacağı artık varsayılan WordPress kurulumuna tamamen entegre edilmiştir. Bu, yeni kullanıcıların başlaması için daha az öğrenme eğrisi anlamına gelir. Örneğin, temiz bir WordPress kurulumunuz varsa ve ilk kez ekranı veya sayfayı düzenle’ye giderseniz, Block Editor tarafından neler yapılabileceği konusunda kısa bir eğitim alacaksınız: İçeriğin sağında, Ana düzenleme ekranının altında oturmak için kullanılan meta kutular, özel alanlar ve diğer öğeler içeren bir yan çubuk. Burada, sonrası ve blok çapında özelleştirme seçeneklerine erişebilirsiniz.
Bu tarafın yanında, düzenleyici boyunca ayarlar açan bir trafik lambası menüsü var:
Bu ayarın özel blokları olanlar için özel bir eklenti seçeneği de içerdiğini göreceksiniz. Bence düzenleme oldukça geniştir. Örneğin, blok düzenleyicinin bazı ana özellikleri, ayarlar menüsünün hemen altındaki yuvalama tercih öğelerinde gizlenmiştir:
Bu, diğer büyük alanlarda çoğaltılan açık bir UX sorunudur. Ancak, kendi blok düzenleyicinizi kullanmak daha kolaydır.
Yapmak istediğiniz ilk şeyin temel blok düzenleyicisini kullanın, yayınınıza veya sayfanıza bir blok eklemek. Bunu iki yerde yapabilirsiniz-editör ekranından veya üst araç çubuğundan: Editör’e tıklamak, seçim yapabileceğiniz birkaç genel veya en son blokla birlikte açılır sermayeyi görüntüleyecektir:
Araç çubuğu seçeneğini tıklarsanız veya bir pop-up’daki her şeyi keşfetirseniz, daha eksiksiz bir blok yan bıçağı bulacaksınız: Bloğu tıklamak, düzene yerleştirir ve yan bıçaklardaki blokta yüzen ve blok seçenekleri olan çubuktan manipüle edebilirsiniz: Düzeninizin etrafında bir bloğu taşımak hala biraz sakar. Sürükle ve bırak seçeneği iyi bir özelliktir, ancak nasıl kullanılacağı açık değildir ve bu sorunsuz bir deneyim değildir. ‘Değiştirici’ kılavuzu biraz daha iyi. Yüzen bir bağlam aracında bir trafik lambası menüsü kullanarak blokları işlemek için daha fazla seçenek de bulacaksınız: Buradan blokları silebilirsiniz, ancak başka iyi dokunuşlar da göreceksiniz. Örneğin, koleksiyondaki blokları gruplayabilirsiniz – yeniden kullanılabilecek blok adı verilen yerel bir desen gibi düşünün. Adından da anlaşılacağı gibi, bu, sitenizdeki diğer yerlerde tüm blok koleksiyonlarını hızlı bir şekilde kullanmanıza olanak tanır. Üst araç çubuğuna bir blok eklerseniz, yeniden kullanılabilecek bloklar listesinde listelenmiş olarak göreceksiniz. Yeniden kullanılabilecek blokları yönetmek için bağlantılar da göreceksiniz. Bu, yeniden kullanılabilecek blokları düzenlemek ve kaldırmak için bazı basit seçenekler bulacağınız yönetici sayfasıdır. Ayrıca blokları JSON olarak dışa aktarabilir, diğer WordPress sitelerine içe aktarabilir veya diğer yerlerden yeniden kullanılabilecek blokları içe aktarabilirsiniz. Block Editor’u kullandığınızda, bloğu dışa aktarma seçeneği gibi tüm iyi UX dokunuşlarını bulacaksınız. JSON olarak veya her bloğun nasıl kullanılacağına dair görsel talimatlar. Bu, yol editörü geliştirme yol haritasının bir parçasıdır ve zaman zaman önemli ölçüde artmaktadır. Bu, video gömme gibi klasik bağlantı noktası editörü uçlarının diğer birkaç öğesini görmek için de iyidir. Aslında, gömmeyi seviyorsanız, Block Editor size yardımcı oldu:
Klasik bir editörü olabildiğince kalıcı hale getirebilirsiniz ve şu anda en az 2022’ye kadar desteklenir. Ayrıca add_filter (‘use_block_ditor_for_post’, __Rereturn_false) ekleyebilirsiniz; Function.php dosyasına. Özel yazı türleri (CPT) olan bir siteniz varsa – veya kayıtlı olanlarla bir eklenti geliştirirseniz – sıradan özel yazı tipi kullanıcı arayüzünü kaçıran blok düzenleyiciyi durdurabilirsiniz. Bunu, show_in_rest kayıt argümanını kayıt_post_type aramanızdaki false olarak açıkça ayarladığınızdan emin olarak yapabilirsiniz. CPT’nin API REST’de görüntülenmesine izin vermeniz gerekiyorsa, CPT: add_filter (‘gutenberg_can_dit_post_type’, ‘my_gutenberg_ditd_post_types’ için engelleme düzenleyicisini devre dışı bırakmak için aşağıdaki filtreyi kullanabilirsiniz; İşlev my_gutenberg_can_dit_post_types ($ can_itd, $ post_type) {if (in_array ($ post_type, dizi (‘my_post_post_type’, ‘my_other_post_type’)))) {return false; } dönüş $ can_itit; } Bir kez daha, bu kalıcı bir çözüm değil, çünkü blok düzenleyici şu anda ana editör ve klasik editörün birkaç noktada durdurulacağı anlaşılıyor. Bununla birlikte, blok düzenleyicinin her durum için ideal bir kullanıcı arayüzü olmadığını ve ACF’nin bir parçası olarak sınırsız klasik düzenleyici stilinin arayüzüne izin vermeyi planlıyoruz. Tüm bunlardan bıktıysanız, CMS CMS’ye geçmek için iyi bir şirkette olacaksınız ve birçok WordPress geliştiricisi bunu yaptı. Etkilenmediyseniz ve hatta bir blok düzenleyicisi geliştirmeye istekli iseniz nasıl bir blok yapılır, şanslısınız! Geçmişte blok yapmak için yönergeler yayınladık. Bu daha çok bir tanıtım öğreticidir ve React’i bilmiyorsanız bu korkutucu olacaktır, çünkü bu yeni başlayanların reaksiyonunun deneyimine bağlıdır. Bu durumda, PHP kullanarak WordPress için bloklar oluşturmak için gelişmiş özel alanları ve ACF bloklarını kullanma hakkındaki diğer yönergelerimizi görmek isteyeceksiniz. Bunu okuduğunuz ve deneyimli bir geliştirici değilse, Lazy Blocks gibi bir şey, blok yapma kavramını denemek için kullanılacak iyi bir eklentidir. Ayrıca, geliştiricinin özel bir blok oluşturmasına yardımcı olacak bir ‘son kullanıcı’ eklentisi de vardır. Gutenberg Block, Getwid – Gutenberg Block ve Kadence Block eklentisi gibi çözümlerin hepsi Block Düzenleyicisine daha fazla işlevsellik eklemek için iyidir. Blok editörünün geleceği her zamanki gibi işler değiştiğinde, destekleyen birçok fikir ve görüş farklılığı bulacaksınız. “Son yakın” genel bir temadır ve bu anlaşılabilir.Birçok insan WordPress’i gelecekleri (ve kendileri) hakkında çok düşünmeyi önemsiyor.Blok editörü ilk ortaya çıktığında, WordPress’ten ClassicPress gibi tamamen ayrılmak için birkaç çaba vardı.Bazı önde gelen kullanıcılar, beşinci sürümden WordPress şubelerinin bile olduğunu bile önerdi.Pek çok bu fikir haline gelmedi ve geliştirici topluluklarının çoğu blok editörleri kullanmaya alışkın.Aslında ‘Yeni Savaş’
blok editörü ile üçüncü taraf bir sayfa üreticisinin eklentisi arasındadır. Tam Site Düzenleme (FSE) olarak adlandırılan şey burada ve yeni bir çağa bir blok düzenleyicisi getirmeyi vaat ediyor. Tartışma şu anda tetiği ne zaman çekeceğine odaklanıyor. Bu göze çarpıyor çünkü öğeler gibi çözümler son kullanıcılar ve WordPress geliştiricileri arasında güçlü bir tabana sahip. Aslında, aynı zamanda, Matt Mullenweg WordPress için Wix reklam kampanyasına karşı savaşacak, Elementor kendi Google reklamlarındaki WordPress’e zarar vermemek için kendini savunmalıdır. Bunun nasıl oynandığını görmek ilginç olacak. Beğen ya da beğenmeyin, blok editörü hala orada olacak. Bununla birlikte, Elementors ve Beaver Builder gibi şirketler, son kullanıcıların istediği özelliklerle özel takipçileri olan WordPress’in üstünde en iyi sayfa üretimi yaptı. Platformun geleceği, yukarıda görünen tarafından belirlenecektir. Zamanın sonucu, blok düzenleyicinin başarılı olup olmayacağını söyleyecektir. Bu güçlü, gelişiyor ve tüm site düzenlemesinin hedefe ulaşması durumunda bir oyun değiştirici olabilir. Başlangıçta, varsayılan editördeki değişiklikler birçok hata yapar, çünkü doğru nedenden dolayı başlamaz veya makul bir şekilde (bazılarına göre) benimsenmez. Şimdi tüm projeler daha istikrarlı ve Block Editor ekibinin şimdiye kadar başardıklarından etkilendim. Bununla birlikte, hangi WordPress alanının blok düzenleyicinin sürekli gelişiminden en çok acı çektiğini belirtmek ilginçtir. Yeni bir geliştirici yeni bir toplulukta yaşamak için kaldırılacak mı? WordPress Fork Elementor gibi ürünler kendi vizyonuna dayanan yeni bir platform oluşturacak mı?
Bu yazıda, Block Editor’un giriş ve çıkışlarında size rehberlik edeceğim ve editörlerin optimum kullanımı hakkında bazı önerilerde bulunmaya çalışacağım. İlk olarak, tüm gönderilerde tartışacağım şey bu. Sizi ilgilendiren herhangi bir konuya başvurmaktan çekinmeyin.
Blok editörü nedir?
Gutenberg projesi nasıl bir blok düzenleyiciye dönüştü?
Blok Editör Kâr
Blok editör eksikliği
Blok Editör Nasıl Kullanılır
Temel Blok Editör Kullanımı
Blok Düzenleyiciyi Nasıl Devre Dışı Bırakılır
Editörün Blok İpuçları ve Hileleri
Bir blok nasıl yapılır
Blok Editörün Geleceği
Blok editörü nedir? Gutenberg projesi artık resmi WordPress belgesinde WordPress Block Düzenleyicisi olarak biliniyor. Bu, WordPress’teki içeriği düzenlemenin ve eski Tinymce Post İçerik Düzenleyicisi’ni değiştirmenin yeni bir yoludur. Blok editörler de daha fazlasını yapabilir – kısa kodları, widget’ları, menüleri ve hatta özel alanları düşünün.
Block Editor, WordPress rakiplerine açık bir tepkidir. Örneğin, orta yazma deneyimlerinin ve Wix ve Squarespace gibi hızlı ve kolay site üreticilerinin etkisini görebilirsiniz. Teknik detayları kazın, bu, içerik oluşturmak için blok tabanlı bir sistem kullanan React ve WordPress Rest API ile oluşturulmuş bir JavaScript arayüzüdür: Blok düzenleyicisi ilk piyasaya sürüldüğünde, ürün yol haritası ve proje hedefleri sadece gerçekten anlaşıldı WordPress Core ekibinin üyeleri bunu yapıyor. Şimdi yeni editörün geleceğinin önünde neler olduğunun ve önümüzdeki birkaç yıl boyunca WordPress’in bir içerik yönetim sistemi (CMS) olarak nasıl değiştirileceğinin daha farkındayız. Gutenberg Projesi Gutenberg Proje Blok Düzenleyicisi’ne nasıl geliştirildi ve GitheB’de bir özellik eklentisi olarak nasıl geliştirildi ve Aralık 2018’de WordPress 5.0 ile çekirdek WordPress’e indi. Blok düzenleyicisinde bir isim değişikliği olmasına rağmen, Gutenberg hala bir özellik eklentisi olarak mevcuttu. kullanıcıların WordPress’in çekirdeğine gelecekteki dahil edilmesi için önerilen yeni özellikleri test etmesine izin verir. Blog WordPress Core belgesini düzenli bir sürüm programı ve değiştirme günlüğünü yapın. Block editörü için geliştirilenleri görüntülemek için normal ‘çekirdek editör’ için bir güncelleme de vardır. Son 12 ay veya daha uzun bir süredir bu beta sürümü için yüzden fazla sürüm var. Dahası, gelişimi boyunca bazı önemli anlar var:
Blok arayüzü ilk doğum gününün etrafında bir yeniden tasarım aldı.
Basit kullanıcı deneyiminde (UX) sürükle ve bırak işlevselliği gibi çeşitli iyileştirmeler vardır.
Her zaman yeni bloklar görünür ve bu, WordPress eklentisi dizininde temsil edilen gelişmekte olan bir ekosistemdir. WordPress 5.8’in yayınlanmasıyla birlikte, kullanıcıların daha önce olan site düzenini seçmesine ve yüklemelerini sağlayan özel bir blok desen dizini vardır. ilgili bloklardan oluşan bir koleksiyondan oluşturuldu.
WordPress 5.8’deki bir başka değişiklik, bir blok düzenleyici kullanarak WordPress’te tam site düzenlemenin yolunu açtı.
Son iki nokta, Block Editor’un evriminde cazip gelişmelerdir. Bu son kullanıcılar için iyi olacaktır, çünkü deseni doğrudan desen dizinden indirebilecek ve web sitelerini menülerden altbilgi içeriğine oluşturmak ve düzenlemek için kullanabilecekler:
Geliştirme tarafında, blok düzenleyicinin artık API’yı destekleyen bir bloğu var. Bu API, bir blok ayar cihazı kaydetmenin tutarlı bir yolunu oluşturur (örneğin, arka plan, yazı tipi veya yazı tipi boyutu bloğunu değiştirme yeteneği). Bu API ayrıca blok geliştiricilerin mevcut blok ayar cihazlarına erişmesine izin vererek, bu seçeneği mevcut bloklardan geliştirme sırasında kendi bloğunuza sokmayı kolaylaştırır. İyileştirme açısından en belirgin olanı performans alandadır. Bloğun editörünün her yeni yinelemesiyle, geliştirme ekibi performans testi uygulayarak hızın artmasına odaklanıyor ve bu da blok düzenleyicinin piyasaya sürüldüğünden daha fazla performans olduğu anlamına geliyor.
Elbette bu bekleniyor, ancak çekirdek ekibin blok düzenleyiciyi WordPress kullanıcıları ve içerik yayıncıları için önemli bir artış haline getirmek için çok çalıştığı övülmelidir. Genel olarak, bu, düzenleyicide içerik yöntemleri ile içeriğin önde nasıl oluşturulduğunu görsel farklılıkları azaltır. Bu, ilk blok düzenleyicinin yayınlandığı zaman hemen açıktı. Blok düzenleyicinin avantajı, WordPress blok düzenleyicisinin yavaş benimsenmesinden arınmıştır, projenin ilk aşamalarında görünmez görünen birçok fayda vardır. Birincisi, yeni tartıştığımız bir şey – beta geliştirme süreci. Bu (elbette) her zaman gerçekleşecek. Bu gelişme bölümünün gerçekleşme şekli, genel proje için sağlam bir yoldur. Kullanıcılar tarafından kullanıcı tabanını yabancılaştıracak WordPress çekirdeğine bir şeyler eklemekten çok daha iyi test edilecek ayrı bir özellik eklentisinin bir parçası olarak yeni özellikler oluşturmak. Gutenberg, çekirdekten başka bir şey yükleyebileceğiniz bir şeydir. WordPress Block Düzenleyicisi. Bu, en son özellikleri deneyebileceğiniz, ancak daha kararlı bir çekirdek özellik serisi kullanmaya devam etmek için hızlı bir şekilde devre dışı bırakabileceğiniz anlamına gelir. Dezavantajı, Gutenberg 10.5 ile Wptavern tarafından bulunduğu gibi, sorunlara karşı bağışık olmamanızdır. Yani bunu üretim sitesine yüklememelisiniz! Geliştiriciler için Block Editor, hepimizin sorunları çözmek için birkaç modern yol elde etmeye başladığımız anlamına gelir. Örneğin, WordPress Core orijinal TypeScript’in desteğini Block Düzenleyicisine ekledi. Dahası, TRAC gibi daha uzun geliştirme yazılımlarına ağır bağımlılıktan geçebiliriz. Çekirdek geliştirme, GitHub ile ilgili geliştirici iş akışı için daha fazla destek ekledi. Blok editörler NPM JavaScript paketinin yöneticisini bile kullanır. Bu düzeyde, jüri hala bilmese de, bir gün çekirdekte besteci desteği görebiliriz. Çekirdek takımın buna karşı çıkmasının nedeni hatırladığım gibi iki katına çıktı. 1. Çekirdekte adımlar oluşturmak istemiyorlar (şimdi kullanılan webpack ile geçersiz) 2. Bestecinin tanıtılması (şimdi kullanılıyor). Sanırım zaman geldi. Sanırım @Schlesera da bir kez gördü – Jonny Harris (@thepaDMonkey) 10 Nisan 2021 Block editörü tarafından bize verilen bir başka avantaj, deneyim ve ilerlemenin birikmesiydi. Bu konuda bana karşı sabırlı ol. Tıpkı kırık bir kalp gibi, zaman bir tedavidir. WordPress Block Düzenleyicisi durumunda, proje motivasyonunu, genel ekosistem üzerindeki etkisi, teknik borç ve daha fazlasını çevreleyen ilk sorunlar vardır. Bu sorunların çoğu, daha iyi çapraz ekleme iletişimi ve daha iyi kullanıcının geri bildirimi ve belgeleri yoluyla blok düzenleyicinin ne kadar hızlı arttığı ile aşılmıştır. Bu sorunların bazıları azalmış olsa da, diğerleri farklı sorunlara dönüştü. Bu, olumsuz şeyler gördüğünüzde dikkate alınması gereken bir şeydir.
Blok editörlerinin eksikliği, WordPress blok editörü tarafından bağıran bir dizi daha yüksek sesle bakılmaksızın şimdi onu almaya geldi ve projenin zaman zaman nasıl geliştiğini ve arttığını, elbette dikkate alınması gereken olumsuz vardı.Resmi Gutenberg eklentisi destek kanalı gibi görünür olan ana alanlarda editörün kendisi hala kötüdür:
Bu son kullanıcı görüşünü etkileyecek ve ilk ilk -STAR incelemesinin bağlamını okursanız, bu endişenin arkasında gerçek bir teknik derinlik yoktur. Tüm hikayeyi takip eden bizler, WordPress’e geçmek isteyen kullanıcılar için onu görmezden gelmeyi kolay bulabilirken, bu başlangıç potansiyelidir. Tema geliştiricileri için temanız, ön tarafta ne kullandığınıza bakılmaksızın blok düzenleyiciyi desteklemelidir. HTML editör bloğu tarafından üretilen düzen ile çalıştığınız sürece, desteğe ihtiyaç vardır. WordPress geliştirme topluluğundaki React vs Vue kullanan seçenekler hakkındaki ilk büyük farklılıklardan biri. React, lisanslarla ilgili WordPress temel felsefesine uymayan birkaç lisans sorunu vardır. Neyse ki, bu sorun hemen çözüldü, ancak hala endişeli olanlar olabilir. Eklenti geliştiricileri kısa sürede bir eklenti hazırlamalıdır. Bu, birçok geliştiricinin WordPress’i geliştirmek için tepki verme ve kullanma hakkında daha fazla bilgi edinmesine yardımcı oldu, ancak diğerleri hala onları takip etmek için mücadele ediyor. Özellikle PHP arka planından gelirseniz, React ile ilgili hala ağır bir öğrenme eğrisi vardır. React ve JavaScript üretim araçlarında zorluk çeken geliştirici topluluklarının çoğu vardır. Kesin bir numaram olmasa da, bunun mevcut eklenti geliştiricilerini, özellikle yalnız çalışanları etkileyip etkilemediğini merak ediyorum. Daha önce de belirttiğim gibi, blok düzenleyicinin kapsamı ve boyutunda değişen birkaç ilk problem var:
İçerik depolama.HTML yorumlarındaki veri şeklinde Post_Content sütunundaki veri depolama alanını bloke, çeşitli eleştiriler (geçerli). Motivasyon.WordPress’in hala bir numara olduğu ve büyümeye devam ettiği düşünüldüğünde, ilk motivasyon daha önce olduğu kadar geçerli değildir.Bu, bir iş problemi olmaktan ziyade blok düzenleyicinin nasıl gelişebileceğine daha fazla odaklandığı anlamına gelir.
Teknik borç.Jüri, bunun ilk endişe yoluyla gelişip gelişmediğini bilmiyordu.Erişilebilirliğin arttığı kesindir.Varsayılan yirmi yirmi bir tema da yardımcı olan ‘AAA’ sertifikalıdır.
Tüm WordPress ekosistemleri üzerindeki etkisi.Bunun hakkında daha fazla şey söyleyeceğim, ancak blok düzenleyicinin geleceğinden topluluğu genişletebilecek bir etki var. UX’i nasıl etkileyecektir.Şimdiye kadar, oyunu temel güncellemelerden Block Editor’a değiştiren hasar görmedik.Birkaç yıl geçtik ve buna ihtiyaç duyanlar için klasik editörler hala destekleniyor.
Kısacası, mevcut blok düzenleyiciyi kullanarak daha az kayıp vardır, çünkü geliştirme daha odaklanmış bir yöne çizilir. WordPress Fork, ClassicPress gibi hala var, ancak hala alakalı olup olmadığı konusunda bir tartışma var. Erken heyecanın soluk olduğunu hissediyorum ve şimdi, gerçek dünyanın bunu nasıl geliştirileceğine dair teknik düşüncelerle uğraşmaya geri dönüyoruz. Şimdi teoriyi aldıktan sonra, WordPress blok düzenleyicisinin pratikte çalışma şeklini hızlandıralım. Block Editor’un blok düzenleyicisinin nasıl kullanılacağı artık varsayılan WordPress kurulumuna tamamen entegre edilmiştir. Bu, yeni kullanıcıların başlaması için daha az öğrenme eğrisi anlamına gelir. Örneğin, temiz bir WordPress kurulumunuz varsa ve ilk kez ekranı veya sayfayı düzenle’ye giderseniz, Block Editor tarafından neler yapılabileceği konusunda kısa bir eğitim alacaksınız: İçeriğin sağında, Ana düzenleme ekranının altında oturmak için kullanılan meta kutular, özel alanlar ve diğer öğeler içeren bir yan çubuk. Burada, sonrası ve blok çapında özelleştirme seçeneklerine erişebilirsiniz.
Bu tarafın yanında, düzenleyici boyunca ayarlar açan bir trafik lambası menüsü var:
Bu ayarın özel blokları olanlar için özel bir eklenti seçeneği de içerdiğini göreceksiniz. Bence düzenleme oldukça geniştir. Örneğin, blok düzenleyicinin bazı ana özellikleri, ayarlar menüsünün hemen altındaki yuvalama tercih öğelerinde gizlenmiştir:
Bu, diğer büyük alanlarda çoğaltılan açık bir UX sorunudur. Ancak, kendi blok düzenleyicinizi kullanmak daha kolaydır.
Yapmak istediğiniz ilk şeyin temel blok düzenleyicisini kullanın, yayınınıza veya sayfanıza bir blok eklemek. Bunu iki yerde yapabilirsiniz-editör ekranından veya üst araç çubuğundan: Editör’e tıklamak, seçim yapabileceğiniz birkaç genel veya en son blokla birlikte açılır sermayeyi görüntüleyecektir:
Araç çubuğu seçeneğini tıklarsanız veya bir pop-up’daki her şeyi keşfetirseniz, daha eksiksiz bir blok yan bıçağı bulacaksınız: Bloğu tıklamak, düzene yerleştirir ve yan bıçaklardaki blokta yüzen ve blok seçenekleri olan çubuktan manipüle edebilirsiniz: Düzeninizin etrafında bir bloğu taşımak hala biraz sakar. Sürükle ve bırak seçeneği iyi bir özelliktir, ancak nasıl kullanılacağı açık değildir ve bu sorunsuz bir deneyim değildir. ‘Değiştirici’ kılavuzu biraz daha iyi. Yüzen bir bağlam aracında bir trafik lambası menüsü kullanarak blokları işlemek için daha fazla seçenek de bulacaksınız: Buradan blokları silebilirsiniz, ancak başka iyi dokunuşlar da göreceksiniz. Örneğin, koleksiyondaki blokları gruplayabilirsiniz – yeniden kullanılabilecek blok adı verilen yerel bir desen gibi düşünün. Adından da anlaşılacağı gibi, bu, sitenizdeki diğer yerlerde tüm blok koleksiyonlarını hızlı bir şekilde kullanmanıza olanak tanır. Üst araç çubuğuna bir blok eklerseniz, yeniden kullanılabilecek bloklar listesinde listelenmiş olarak göreceksiniz. Yeniden kullanılabilecek blokları yönetmek için bağlantılar da göreceksiniz. Bu, yeniden kullanılabilecek blokları düzenlemek ve kaldırmak için bazı basit seçenekler bulacağınız yönetici sayfasıdır. Ayrıca blokları JSON olarak dışa aktarabilir, diğer WordPress sitelerine içe aktarabilir veya diğer yerlerden yeniden kullanılabilecek blokları içe aktarabilirsiniz. Block Editor’u kullandığınızda, bloğu dışa aktarma seçeneği gibi tüm iyi UX dokunuşlarını bulacaksınız. JSON olarak veya her bloğun nasıl kullanılacağına dair görsel talimatlar. Bu, yol editörü geliştirme yol haritasının bir parçasıdır ve zaman zaman önemli ölçüde artmaktadır. Bu, video gömme gibi klasik bağlantı noktası editörü uçlarının diğer birkaç öğesini görmek için de iyidir. Aslında, gömmeyi seviyorsanız, Block Editor size yardımcı oldu:
Bunun her biri için kullanıcı arayüzü (UI) tutarlıdır. Bir blok ekledikten sonra, URL’ye girecek ve mucizeye tanık olacaksınız:
Blok düzenleyicisinden emin değilseniz, denemenizi öneririm. Bağlam araç çubuğunun bazen yanlış ekran alanının üzerinde nasıl yüzdüğü ve sürükleme ve gevşek işlevsellik gibi tuhaflığı vardır. Tüm bunların yanı sıra, Blok Editör hiçbir yere gitmeyecek ve daha sonra bu konuda Wix veya Squarespace-Further’dan çok daha yakın olan rekabete karşı savaşa hazırlanıyor. Editör blok ipuçları ve püf noktaları daha önce birkaç iyi kullanıcı arayüzü ve UX dokunuşundan bahsetti, ancak Block Editor, içerik oluşturmaya yardımcı olacak birçok özellik içeriyor. Bazıları Blok Düzenleyici Ayarları ve Tercih Menülerinde bulunabilir. Örneğin, blok düzenleyiciyi görsel tercihlerinizle ayarlayabilir, spot ışığı modu veya tam ekran kullanabilir ve özel eklenti ayarlarına erişebilirsiniz. Belirttiğim gibi, tercih paneli deneyimi ayarlamak için tercih edilen hazinedir. Örneğin, en yaygın kullanılan blokları görüp görmediğinizi, temaların özel stilini kapatıp daha fazlasını değiştirebilirsiniz. Bu, klasik bir editörden daha uyarlanabilir ve tercihlerden kendi deneyiminizi yapmak istiyorsunuz. Klasik editörlerden bahsetmişken, birçok kullanıcı tarafından özel bir eklenti aracılığıyla tamamlanan eksik bir öğe, yazınız boyunca fiyat indirimlerini kullanma ve ön uçtaki HTML’ye dönüştürme yeteneğidir. Ünlü olmasa da, blok düzenleyici bunu varsayılan olarak yapabilir. Fiyat düşüşünü içerik alanına yazabilirsiniz ve blok düzenleyici gerekli dönüşümü yapar. ‘Belge Kod Olarak’ yaklaşımı kullanırsanız bu çok değerlidir . Block Editor’un bir başka olağanüstü özelliği, Google Doc’u WordPress içeriğine dönüştürme yeteneğidir. Klasik editör bu konuda kötü olduğu için ünlüdür. Block Editor neredeyse mükemmel işi yapıyor. Bu, birçok insan tarafından dikkate alınmayan küçük özellikler tarafından desteklenir. Block Düzenleyicisine Google’ın tamamını (resimler dahil) tam belgeleri yapmayı deneyin, ardından görüntüyü seçin. Harici görüntüleri WordPress’e yüklemek için Bağlamsal Araç Çubuğundaki seçeneği göreceksiniz: Block Editor Arabirimi yerine bir klavye kısayolu da göreceksiniz. Araçlar menüsü> klavye kısayollarının tam listesini bulabilir veya Control + Seçenek + H kullanabilirsiniz (Windows için Shift + Alt + H). Bazıları utanç verici olan yaygın olarak kullanılmıyor. Aşağıdakiler gibi bir kısayolu düşünüyorum: Editör arasında gezinmek için Control + `veya Control + Shift +` kullanın. Option + F10 (Windows’ta Alt + F10) En yakın araç çubuğuna gitmek için. Seçilen bloğu çoğaltmak için komut + shift + D (Windows’ta Kontrol + Shift + D). Seçilen bloğu yukarı taşımak için Command + Seçenek + Shift + T (Windows’ta Control + Alt + Shift + T) (ve aşağı hareket ettirmek için y). Yeni bir paragraf oluşturduğunuzda blok türünü değiştirmek için eğimli çizgi tersine çevrilir ( /). Umarım gelecekte parmaklarınızı klavyede sağlam tutmaya ve blok düzenleyiciyi kullanarak içerik oluştururken verimliliği artırmaya yardımcı olmak için daha fazla kısayol eklenecektir. Blok Düzenleyicisi Nasıl Devre Dışı Bırakılır Odada bir fil deyin: Evet, hoşuna gitmezseniz blok düzenleyiciyi devre dışı bırakabilirsiniz (bir tür). Bunu yapmanın en iyi yolu Klasik Editör eklentisini yüklemektir. Bunu bitirdikten sonra WordPress’te Ayarlar ekranını> yazmayı açın ve iki yeni seçeneği kontrol edin:Klasik bir editörü olabildiğince kalıcı hale getirebilirsiniz ve şu anda en az 2022’ye kadar desteklenir. Ayrıca add_filter (‘use_block_ditor_for_post’, __Rereturn_false) ekleyebilirsiniz; Function.php dosyasına. Özel yazı türleri (CPT) olan bir siteniz varsa – veya kayıtlı olanlarla bir eklenti geliştirirseniz – sıradan özel yazı tipi kullanıcı arayüzünü kaçıran blok düzenleyiciyi durdurabilirsiniz. Bunu, show_in_rest kayıt argümanını kayıt_post_type aramanızdaki false olarak açıkça ayarladığınızdan emin olarak yapabilirsiniz. CPT’nin API REST’de görüntülenmesine izin vermeniz gerekiyorsa, CPT: add_filter (‘gutenberg_can_dit_post_type’, ‘my_gutenberg_ditd_post_types’ için engelleme düzenleyicisini devre dışı bırakmak için aşağıdaki filtreyi kullanabilirsiniz; İşlev my_gutenberg_can_dit_post_types ($ can_itd, $ post_type) {if (in_array ($ post_type, dizi (‘my_post_post_type’, ‘my_other_post_type’)))) {return false; } dönüş $ can_itit; } Bir kez daha, bu kalıcı bir çözüm değil, çünkü blok düzenleyici şu anda ana editör ve klasik editörün birkaç noktada durdurulacağı anlaşılıyor. Bununla birlikte, blok düzenleyicinin her durum için ideal bir kullanıcı arayüzü olmadığını ve ACF’nin bir parçası olarak sınırsız klasik düzenleyici stilinin arayüzüne izin vermeyi planlıyoruz. Tüm bunlardan bıktıysanız, CMS CMS’ye geçmek için iyi bir şirkette olacaksınız ve birçok WordPress geliştiricisi bunu yaptı. Etkilenmediyseniz ve hatta bir blok düzenleyicisi geliştirmeye istekli iseniz nasıl bir blok yapılır, şanslısınız! Geçmişte blok yapmak için yönergeler yayınladık. Bu daha çok bir tanıtım öğreticidir ve React’i bilmiyorsanız bu korkutucu olacaktır, çünkü bu yeni başlayanların reaksiyonunun deneyimine bağlıdır. Bu durumda, PHP kullanarak WordPress için bloklar oluşturmak için gelişmiş özel alanları ve ACF bloklarını kullanma hakkındaki diğer yönergelerimizi görmek isteyeceksiniz. Bunu okuduğunuz ve deneyimli bir geliştirici değilse, Lazy Blocks gibi bir şey, blok yapma kavramını denemek için kullanılacak iyi bir eklentidir. Ayrıca, geliştiricinin özel bir blok oluşturmasına yardımcı olacak bir ‘son kullanıcı’ eklentisi de vardır. Gutenberg Block, Getwid – Gutenberg Block ve Kadence Block eklentisi gibi çözümlerin hepsi Block Düzenleyicisine daha fazla işlevsellik eklemek için iyidir. Blok editörünün geleceği her zamanki gibi işler değiştiğinde, destekleyen birçok fikir ve görüş farklılığı bulacaksınız. “Son yakın” genel bir temadır ve bu anlaşılabilir.Birçok insan WordPress’i gelecekleri (ve kendileri) hakkında çok düşünmeyi önemsiyor.Blok editörü ilk ortaya çıktığında, WordPress’ten ClassicPress gibi tamamen ayrılmak için birkaç çaba vardı.Bazı önde gelen kullanıcılar, beşinci sürümden WordPress şubelerinin bile olduğunu bile önerdi.Pek çok bu fikir haline gelmedi ve geliştirici topluluklarının çoğu blok editörleri kullanmaya alışkın.Aslında ‘Yeni Savaş’
blok editörü ile üçüncü taraf bir sayfa üreticisinin eklentisi arasındadır. Tam Site Düzenleme (FSE) olarak adlandırılan şey burada ve yeni bir çağa bir blok düzenleyicisi getirmeyi vaat ediyor. Tartışma şu anda tetiği ne zaman çekeceğine odaklanıyor. Bu göze çarpıyor çünkü öğeler gibi çözümler son kullanıcılar ve WordPress geliştiricileri arasında güçlü bir tabana sahip. Aslında, aynı zamanda, Matt Mullenweg WordPress için Wix reklam kampanyasına karşı savaşacak, Elementor kendi Google reklamlarındaki WordPress’e zarar vermemek için kendini savunmalıdır. Bunun nasıl oynandığını görmek ilginç olacak. Beğen ya da beğenmeyin, blok editörü hala orada olacak. Bununla birlikte, Elementors ve Beaver Builder gibi şirketler, son kullanıcıların istediği özelliklerle özel takipçileri olan WordPress’in üstünde en iyi sayfa üretimi yaptı. Platformun geleceği, yukarıda görünen tarafından belirlenecektir. Zamanın sonucu, blok düzenleyicinin başarılı olup olmayacağını söyleyecektir. Bu güçlü, gelişiyor ve tüm site düzenlemesinin hedefe ulaşması durumunda bir oyun değiştirici olabilir. Başlangıçta, varsayılan editördeki değişiklikler birçok hata yapar, çünkü doğru nedenden dolayı başlamaz veya makul bir şekilde (bazılarına göre) benimsenmez. Şimdi tüm projeler daha istikrarlı ve Block Editor ekibinin şimdiye kadar başardıklarından etkilendim. Bununla birlikte, hangi WordPress alanının blok düzenleyicinin sürekli gelişiminden en çok acı çektiğini belirtmek ilginçtir. Yeni bir geliştirici yeni bir toplulukta yaşamak için kaldırılacak mı? WordPress Fork Elementor gibi ürünler kendi vizyonuna dayanan yeni bir platform oluşturacak mı?
