Gutenberg WordPress Editörü Hakkında Bilmeniz Gerekenler
Yayınlanan: 2018-03-08Birçok web sitesi gönüllüsü ve katkıda bulunan kişi artık en son Gutenberg WordPress düzenleyicisini kullanıyor . Yine de amaçları basittir: 'WordPress'e zengin içerik eklemeyi' daha keyifli ve sorunsuz bir deneyim haline getirmek.
Gutenberg WordPress editörü, WordPress çekirdeğinin en ayrılmaz yönleri arasında olacaktır. Ancak, web sitesi sahipleri için ne anlama geliyor? Bir kullanıcı zaten bir sayfa oluşturucu kullanıyorsa ne olur? Bu soruları ve daha fazlasını bu rehberde cevaplayacağız. Ayrıca, Gutenberg'in temellerinden bahsedeceğiz. Ayrıca, en son sürüm hakkında bilmeniz gereken her şeyden bahsedeceğiz. Bu arada, daha kolay WordPress tasarımı için sayfa oluşturucu eklentileri burada.
Gutenberg WordPress Düzenleyicisini Anlamak
Gutenberg WordPress editörü yeni bir görsel editördür. Ayrıca, WordPress çekirdeğine dahil edilmek üzere tasarlanmıştır. Gutenberg, sayfa oluşturucular gibi işlevler ekleyerek, ancak eklenen içerik bloklarıyla yardımcı olur. Örneğin, TinyMCE'yi varsayılan içerik düzenleyicilerinden biri olarak eski durumuna getirebilir.
Bununla birlikte, onu kullandıkça, içeriğin çeşitli blok türlerinde eklendiğini fark edeceksiniz. Ayrıca, ekleme, WordPress arka ucundan başlar.
Üstelik Gutenberg , bir editörden daha fazlasıdır. Tüm içerik yayınlama deneyimine özelleştirme ekler. Kullanıcının modern bir tasarım oluşturmasını sağlar. Ayrıca, daha iyi bir düzenleme deneyimi sunar. Ayrıca, WordPress web sitelerinin geleceği için bir temel oluşturur. Gutenberg, WordPress 5.0 içinde piyasaya sürülmek için sıraya girdi.
Gutenberg WordPress Editörünün Temel Amacı
Gutenberg'in temel amaçlarına işlevsellik açısından bakalım.
Birincil kullanım, 'WordPress'e zengin içerik ekleme' deneyimini daha eğlenceli ve heyecan verici hale getirmektir.
WordPress'in evriminde ileriye doğru atılmış çok önemli bir adımdır. Gutenberg olmadan, WordPress yerel işlevi yalnızca makaleler için temel bir metin düzenleyici içerir. Ayrıca, Gutenberg ile WordPress kullanıcıları harika görünen içerik düzenleri oluşturabilir. Ayrıca Gutenberg, WordPress kullanıcı deneyimini basitleştirmek için birçok önemli geçiş arasında yer alıyor.
Gutenberg hakkında devam eden tartışmayı merak ediyor musunuz? Ardından, bunu daha ayrıntılı olarak tartışırken okumaya devam edin.
Matt Mullenweg, Gutenberg'in Arkasındaki Öne Çıkan Figürdür
Mullenweg'in 'State of the Word 2016'daki duyurusuna göre Gutenberg görsel bir editör. Ancak, WordPress'in geleceği için üç ana odak noktasından biridir. 2017'nin başlarında Mullenweg, Gutenberg'i proje lideri olarak devraldı. Ancak, daha fazla gelişme için Mullenweg, Joen Asmussen ve Matias Ventura'yı işe aldı. Onları Otomatik çalışan olarak işe alıyor. Bu nedenle, Gutenberg hakkında Mullenweg hakkında daha fazla bilgi edinmek istiyorsanız, 'Bir Neden İçin Gutenberg Adını Verdik' sayfasını ziyaret etmelisiniz.
Gutenberg Editörü Bir Eklentidir
Gutenberg'i WordPress eklentileri dizininde bulacağınız bir WordPress eklentisi olarak indirerek WordPress sitenize eklemek çok kolaydır.
Gutenberg eklentisi, yeni ve geliştirilmiş özellikler eklenmeye devam ettikçe haftalık olarak güncellenir. Ancak, bu eklentinin açıklamasını not edin. Hala beta yazılımıdır ve yeterli özenle kullanılmalıdır. Daha önce belirtildiği gibi, bu düzenleyici muhtemelen WordPress 5.0'a entegre edilecektir.
Gutenberg Hala Uygulanıyor
İşte Gutenberg'in yaklaşan özellikleri hakkında bilmeniz gerekenler.
- Gutenberg henüz bitmedi. Gutenberg'in çeşitli özellikleri şu anda uygulanmaktadır. Bununla birlikte, yeni sürüm daha önce uygulanan özelliklerde ve kullanıcı arayüzünde iyileştirmeler yaptı.
- Gutenberg şu anda sizin için doğru çalışmıyorsa endişelenmeyin. Ekip geliştirmeye devam ettikçe sorunlar ele alınmaktadır.
- Editör, React JavaScript yardımıyla yazılmaktadır. Ancak, Facebook'un şu anki projeyi MIT lisansı adı altında yeniden lisanslama eylemi göz önüne alındığında, Matt, Gutenberg ve wordpress.com'un farklı bir kütüphane ile yeniden yazılacağını duyurdu. Bu, Gutenberg'in ilerlemesini bir süre geciktirecek.
Gutenberg Gömmeleri ve Blokları
Düzeni ve içeriği özelleştirmek için Gutenberg bir dizi blok sunar.
bloklar
Ortak Bloklar | Biçimlendirme Blokları | Düzen Blokları | WIDGET'LAR |
---|---|---|---|
resim | ayet | Daha | Kategoriler |
Paragraf | Masa | Ayırıcı | Kısa kod |
başlık | Alıntı yap | Metin Sütunları | Son Gönderiler |
Galeri | Özel HTML | Buton | |
Liste | Özel Test | ||
Alıntı | önceden biçimlendirilmiş | ||
Video/Ses | kod | ||
Kapak resmi |
İşte Gutenberg tarafından sunulan Gömmeler.
Gömme
Youtube | bulutlanma | karışık bulut | kendini beğenmişkupa |
---|---|---|---|
heyecan | animasyon | Meetup.com | TED |
Günlük hareket | hoparlör | ||
KolejMizah | fotoğraf kovası | VideoBasın | |
Ses bulutu | hulu | polidaddy | Tumblr |
WordPress | Issuu | ekran görüntüsü | WordPress.tv |
video | imgur | ReverbNation | Asma |
Flickr | komik ya da öl | slayt paylaşımı | |
Spotify | Kickstarter | karalama |
Gutenberg'in Artıları
İşte Gutenberg'i WordPress 5.0 ile birleştirmenin harika avantajlarından bazıları.
WordPress görsel düzenleyicisi için ilerleme
- Yıllardır, WordPress görsel düzenleyicisi oldukça yumuşaktı.
- Gutenberg'in amacı, kullanıcılar için oldukça sezgisel bir arayüz entegre etmektir. WordPress'in Squarespace ve Wix gibi diğer görsel editörlerle rekabet etmesine yardımcı olmak için tasarlanmıştır.
HTML yorumlarını kullanarak blok bilgilerini depolamak için akıllı bir hareket
- Gutenberg, blok bilgilerini HTML yorumlarında saklar.
- Bu yorumlar sitenin canlı sayfalarında aktif olarak işlenmez ve sadece sitenin arka ucunda görülebilir.
Siteyi bozmadan Gutenberg'i kolayca devre dışı bırakabilirsiniz.
- Diğer sayfa düzenleyicilerinden farklı olarak, bu görsel düzenleyiciyi - Gutenberg'i siteyi bozmadan kolayca kaldırabilirsiniz.
- Gutenberg'i yeniden etkinleştirirken daha önce düzenlenmiş blokları kaybetme şansınız yoktur. HTML yorumları her zaman içerikte korunur.
- Gutenberg devre dışı bırakılırsa, sayfa kaynağının HTML yorumlarını oluşturabileceğini not etmelisiniz.
Kopyala/yapıştır rutininin daha iyi yürütülmesi
- Önceki Gutenberg versiyonlarında, kopyala/yapıştır uygulaması bir karmaşadan başka bir şey değildi. Ayrıca, biçimlendirme tüm bu süreçte kaybolurdu, ancak artık durum böyle değil.
- Listeleri, başlıkları, paragrafları vb. yapıştırmak, Gutenberg tarafından otomatik olarak oluşturulan uygun blok tipinde sona erer.
- İtalik ve kalın gibi metin işaretlemeleri de korunur.
Güçlü HTML5 çıktısı
- Gutenberg, çıktı içeriğini engellemek için şekil ve bölüm gibi HTML 5 etiketlerini kullanır.
- HTML 5 etiketlerinin yardımıyla, Gutenberg'de geleceğe yönelik içerik oluşturulabilir.
Blok yazmak kolay
- Özelleştirilmiş içerik üretmek için geliştiriciler kendi kişisel bloklarını oluşturabilirler.
- Gutenberg'de bir blok yazma hakkında daha fazla bilgi almak için birçok çevrimiçi kaynak var.
Gutenberg Kullanmanın Eksileri
Tarayıcıda artık kompozisyon yok
- Gutenberg'in kullanıcı arayüzünün odak noktası, içerik oluşturma yerine içerik düzenidir.
- Yayın penceresini kullanarak içerik oluşturan geliştiricilerin eski günleri sona erdi.
Kullanıcı arayüzünü biraz hantal bulabilirsiniz
- Bazı basit görevler, geçmişte olduğundan daha fazla eylem gerektirebilir. Bir sayfayı güncellerken, bir değil iki kez tıklamanız gerekir. Tam işlevleri hakkında pek fazla ipucu olmayan bazı sıradan simgeler var.
- Daha küçük ekranlarda, kullanıcı aşağı kaydırdığında üç sütun düzeni kafa karıştırıcı olabilir. Bu üç sütun, Gutenberg düzenleyicisini, yönetici menüsünü ve Gutenberg kenar çubuğunu içerir. Bu, özellikle ekran boyutunuz 12” veya daha küçükse geçerlidir.
- Düzenleyicinin yanında ve altında, genişletilmiş ayarlarda meta kutuları görünmez.
Paragraflarda kısa kod yok
- Şimdilik, kısa kodların paragraf bloklarında veya metin sütunlarında yürütülmesi olasılığı yoktur.
- Bunları çalıştırmak için kısa kod bloğuna dahil edilmeleri gerekir.
- Kısa kod, yıl veya satır içi eylem çağrılarından herhangi biri gibi herhangi bir satır içi içerik üretiyorsa, bu bazı sorunlara neden olabilir.
- Yazılardaki/sayfalardaki kısa kodların, Gutenberg mevcut bir siteye entegre edildiğinde bile çalışmaya devam edebileceğini unutmayın. Geliştiriciler, mevcut platformun bozulmamasını sağlamak için daha iyi bir iş çıkardılar.
Paragraflarda başka yerleştirme veya resim yok
- Gutenberg'de görüntülerin bloklarına ihtiyacı var. Bu nedenle, herhangi bir görüntünün etrafına metin saramazsınız.
- Benzer şekilde, video veya ses gibi yerleştirmelerin de bloklarına ihtiyacı vardır. Aksi takdirde, Vimeo, YouTube vb.'den yapılan yerleştirmeler artık Gutenberg'in metin sütunlarında veya paragraflarında çalışmayabilir.
Büyük erişilebilirlik endişeleri (en azından şimdilik)
- Gutenberg şimdilik erişilebilirlik sorunlarıyla karşı karşıya. Editörün arka ucunu kullanarak erişimde bazı önemli sorunlar olabilir. Bu aynı zamanda ön uçtaki içerik çıktısı için de geçerlidir (yani satır içi CSS).
- Son sürümden önce, WP Erişilebilirlik ekibinin bu sorunları çözmesi muhtemeldir.
- Genel olarak, erişilebilirlik WordPress için önceliktir.
- Satır içi CSS, ön uçta oluşturmadan önce şu anda HTML yorumlarında korunduğundan, geliştiricilerin bu sorunu nasıl çözeceği artık büyük bir sorudur.
Daha eski temalar HTML 5 çıktısını ele almıyor
- Düzenleyici, şekil ve bölüm gibi HTML 5 etiketlerinin kullanımıyla çıktı içeriğini engeller.
- Birçok eski tema, etiket stilini ele almak için CSS'ye sahip değildir. Bu nedenle, bu tür etiketler için dolgu veya kenar boşlukları mevcut olmayabilir.
- Gutenberg'in kendisinin bunu açıklayacak kendi stil sayfaları yoktur.
Gutenberg ile Hala Pek Çok Şey Çözülmedi
Temalar ve Gutenberg editörü arasındaki ilişki:
- Daha önce belirtildiği gibi, Gutenberg genel stilden ziyade içerikle ilgilidir. Yine de bloklar için bazı arka plan renkleri ekleyebilirsiniz, ancak bu daha çok bir satır içi stil gibi yürütülür.
- Şimdilik, kenar boşlukları ve blok dolguları adreslenmemiş.
- Diğer WordPress sayfa oluşturucuları, kullanıcının sütunlar, satırlar, boşluklar vb. üzerinde kolayca ince ayar yapmasını sağlar. Şu anda, Gutenberg bunun için bir temaya bağlıdır.
- Gutenberg tema desteği ile ilgili olarak, belgelerde çok az bilgi var. Buna geniş görüntü desteği, blok desteği ve renk paleti desteği de dahildir.
- Gutenberg düzenleyicisine stil uygulama ve stil sayfalarını kullanmayla ilgili belgelerde biraz bilgi var.
- En büyük sorun, Gutenberg'in web geliştirme/tasarım acemileri için sorunları henüz çözmemiş olmasıdır. Onlar Gutenberg'in yardım etmeyi amaçladığı izleyicilerdir, ancak bu insanların çoğunun temalar ve WordPress sistemi arasındaki ilişkinin nasıl çalıştığı hakkında hiçbir fikri yoktur.
Gutenberg, WordPress'in çekirdeğine nasıl dahil olacak?
Şimdiye kadar, göstergeler Gutenberg'in WordPress çekirdeğinin bir parçası olacağına işaret ediyor. WordPress sürüm 5.0'ın 2018'de piyasaya sürülmesi bekleniyor.
Editörün varsayılan olarak etkinleştirilip etkinleştirilmeyeceğini veya isteğe bağlı olarak devre dışı bırakılıp bırakılamayacağını merak ediyorsanız, bu sorular henüz yanıtlanmadı. Bu noktada kesin olarak bir şey söylenemez. Belki düzenleyici, REST API ile aynı şekilde yürütülür (varsayılan olarak açıktır). Ayrıca tek amaçlı bir eklenti veya iThemes Security gibi farklı güvenlik eklentileri kullanılarak kolayca devre dışı bırakılabilir.
Çoğu insan bunun bir 'Gutenberg Devre Dışı Bırak' eklentisi veya kod bloğu ile geleceğini düşünüyor. Belki ünlü sayfa oluşturucular, ayarlarına Gutenberg'i devre dışı bırakma seçeneği ekleyebilir. Popüler bir öneri, onu Jetpack'te sunmak ve kullanıcının bu platformu kullanarak etkinleştirmesine izin vermektir.
Gutenberg WordPress Editörünün Çıkış Tarihi
Şu ana kadar resmi bir çıkış tarihi açıklanmadı.
Ancak Matt Mullenweg dedi ki, "Gutenberg ekibi geri adım atıyor. Bunu farklı bir kitaplık kullanarak Gutenberg'i yeniden yazmak için yapıyorlar. Bu, Gutenberg'in yayınlanmasında gecikmeye, en azından birkaç hafta gecikmeye neden olabilir. İşte tam da bu yüzden. Gutenberg'in serbest bırakılması 2018 yılına ertelendi."
Bu açıklamaya çok sert tepkiler geldi. Örneğin, Yoast şunları söyledi:
"Yoast'ta bu sözler karşısında oldukça şaşırdık. Gutenberg şu anki haliyle ana akım kullanıma hazır değil. Hatta 2018'in ilk yarısında herhangi bir yerde piyasaya çıkmaya hazır olduğunu düşünmüyoruz. Ayrıca, yayınlanmaya hazır olması, topluluğun tüm entegrasyonlarını düzeltmek için yeterli zamana sahip olduğu anlamına gelir.Ancak, bu zaman noktasında, eklentilerin Gutenberg ile entegre olması kesinlikle mümkün değildir.Eklenti yazarları nasıl olabilir? entegrasyonlarını birkaç ay içinde kurmak mı? Bu mümkün değil. En azından bir şeyleri bozmadan."
Yoast, Gutenberg için alternatif bir kurs önerir
"Bloklar fikri konusunda çok hevesliyiz. Ancak bazı teknik seçenekler konusunda da güçlü endişelerimiz var. Ayrıca uygulama sürecinin hızı konusunda da endişemiz var. Ayrıca, erişilebilirlik konularına öncelik verilmemesi konusunda endişemiz var. Yine de, eklentilerin yeni editörle entegre olamaması konusunda çok endişeliyiz.”
Yoast, eklentisini Gutenberg ile birleştirme kavramını tartıştı.
"Tüm özelliklerimizi parçalayarak başladık. Ayrıca, bunları Gutenberg'e nereye entegre edebileceğimizi görmeye devam ettik. Ancak, editörün altında tek bir büyük kutuyu tutmanın müşterilerimize en iyi şekilde hizmet edeceğini düşünmüyoruz. Böylece, eylemin gerçekleştiği yerde bütünleşmeyi tercih ederiz. Gutenberg bize bu şansı sunuyor.”
Gutenberg Hakkındaki Görüşleriniz Nelerdir?
Buna cevap vermek için kesinlikle Gutenberg'i deneyin. Ayrıca, bir test sitesinde kullanarak Gutenberg WordPress düzenleyicisini keşfedin. Ondan sonra, bu konuda neleri sevdiğinizi veya sevmediğinizi bize bildirin.
Yine de geri bildiriminizi doğrudan Gutenberg ekibine gönderebilirsiniz. Gutenberg'in kenar çubuğu menüsündeki geri bildirim bölümüne gidin. Onlara Gutenberg ile çalışma deneyiminizi anlatın. Sonuç olarak, bu projenin başarılı olmasının bir parçası olacaksınız.