WordPress için Gutenberg editör turu

Bu yıl sıcak bir konu – Gutenberg projesi. Henüz denemediyseniz, neyin karışık olduğunu merak ediyor olabilirsiniz. Henüz bilmiyorsanız, Gutenberg WordPress’teki yayınları ve sayfaları düzenlemek için yeni bir arayüzdür. Şu anda eklenti, ancak WordPress’in çekirdeğine entegre etme planları var. Bu yüzden ona en kısa sürede alışmak mantıklı. Bu yazıda size Gutenberg turu vereceğim ve sağladığı çeşitli araç ve özellikler üzerinde çalışacağım. Not: Gutenberg hala aktif gelişme altındadır ve proje ekibi geri bildirim davet eder. Bu, çekirdeğe yerleştirilmeden önce birkaç değişiklik geçireceği anlamına gelir. Ancak, ana özellik hala orada olacak.

Gutenberg Kalp – Gutenberg bloğu bloğun etrafına dayanıyor. Bu, içerik oluşturmak, düzenlemek ve yayınlamak için kullanılan her gönderi veya sayfadaki içeriğin bir parçasıdır. Bloklar metin, bir veya daha fazla resim (galeriler ve slayt gösterileri dahil), video ve diğerleri içerebilir. Metin açısından, her paragrafın, listenin veya başlığın kendi bloğu vardır. Her blok içeriğinizde taşınabilir, bu da yayınları düzenlerken çeşitli şeyleri değiştirmeyi kolaylaştırır. Her blok için stil ve düzen gibi ayarları da ayarlayabilirsiniz. Gutenberg ayrıca post editörün görünümünü değiştirdi. Düzenin ve metnin (veya kodun) görüntülenmesi için sekme yerine, daha temiz bir kenar arayüzü görürsünüz ve bir blok için ekrana geçebilirsiniz. Ve sağ tarafta zaten bilinen Metabox yerine, özelleştiriciyi hatırlatan bir arayüz var.
Yeni bir gönderi açarken her şey çok boş görünüyor:

Yeni yayınlar üzerinde çalışırken bazı belirli ekran öğelerine bakalım. İçerik ekleme Gutenberg ile içerik eklemek ilk başta biraz korkutucu görünebilir. İçerik girebilmeniz için tüm blokları nasıl yaparsınız? Cevap metin içeriği değil. Her zamanki gibi yazmaya başlayın. Yeni bir paragraf istiyorsanız, geri düğmeye basın – sistem, yeni bir blokta sizin için otomatik olarak yeni bir paragraf oluşturacaktır. Bir liste yapmak için yazmaya başlayın, ardından bloğunuzun yukarıdaki ve solundaki paragraf sembolünü seçin. Çekme menüsünden listeyi seçin. Benim gibi bir daktilo iseniz ve klavyenizdeki sekme düğmesini kullanmayı tercih ediyorsanız, Gutenberg ile yapamazsınız, çünkü sekme düğmesi bloklar arasında gezinmek için kullanılır – ancak bunun üzerinde çalışıyorlar. Blok türleri, yayınınızdaki ilgili yerlerde simgeleri + tıklayabilirsiniz veya üzerinde çalıştığınız bloğun altında herhangi bir blok yoksa, sekme düğmesine basın ve mevcut bloğun altındaki yeni bir bloğa girer. Bu yalnızca metin bloğunda iseniz çalışır. Bir blok yaptıktan sonra, oluşturduğunuz blok türü için simgeyi tıklayın – her metin, başlık ve görüntü için bir tane vardır. Bir başlık oluşturmak için H simgesini tıklayın ve ardından metninizi yazın. Ayrıca başlık seviyesini de seçebilirsiniz. Ayrıca, bloğunuzu eklemek için + simgesini tıkladıktan sonra seçeneği seçerek bir teklif bloğu ve altyazıları oluşturabilirsiniz. Gördüğünüz gibi, en yaygın kullanılan blok türüne bu + simgeden erişilirken, genellikle sağ taraftaki doğrudan simgelerden erişilir.

Resimler Resim simgesini seçtiğinizde, görüntünüzü medya yükleyicisine girmeden hemen blokta yüklemek için bir arayüz sunulur: Daha sonra metni doğrudan blokta düzenleyebilirsiniz ve bağlantı ve metni biçimlendirmek için. Tesviyeyi resmin üzerindeki simgeyi kullanarak ayarlayabilir ve düzenleyebilirsiniz. Küçük, orta ve büyük olan boyutları seçmek yerine, görüntünün boyutunu manuel olarak (farenizle) istediğiniz boyuta değiştirmek için bir boyut değiştirme aracı kullanabilirsiniz. Esnekliğin faydasına sahiptir, ancak düzeninizin nihayet standart görüntü boyutundan daha dağınık göründüğü anlamına gelebilir. Ve proje ekibi tarafından üzerinde çalışılan bir erişilebilirlik sorunu var.

Görüntüyü sola veya sağa hizalıyorsanız, metin bloğu otomatik olarak yanında görünecektir, böylece onu saran metni ekleyebilirsiniz.

Ve resmin yanına daha küçük bir metin bloğu eklerseniz ve sonra ikincisini eklerseniz, her ikisi de doğru şekilde yüzer:

Bunu şimdi biraz karmaşık hale getirin – sekme düğmesini kullanamazsınız, ancak yeni bir blok eklemek için + simgesine veya görüntünün sağındaki simgeye basmanız gerekir. Ve görünüşe göre metni sağ veya sol düz görüntünün altına koymayı seçemezsiniz – yalnızca görüntünün altına ulaşana kadar devam etmeniz gerekir. Bu konuda hala birkaç hata var, bu yüzden bittiklerini görmek için geri dönmeye devam edin!

Galeriniz, bloğun sol üst kısmındaki resim simgesini tıklayarak, ardından Galeri’ye dönüş seçerek resim bloğunu bir galeriye dönüştürebilir. Tekrar değiştirmek için aynı simgeyi de kullanabilirsiniz.

Bir galeri yaptıktan sonra, daha fazla resim yükleme seçeneğiniz var, ancak yüklenmiş resimleri bu şekilde ekleyebilsem de – onları medya kütüphanesinden daha fazla resim eklememe izin vermeye ikna edemem. Bilgisayarınızdan veya medya kütüphanesinden aynı anda birkaç resim eklemek istiyorsanız, bunu yapmanın en iyi yolu, yeni bir galeri oluşturmak için bir simge + kullanmaktır (sekme düğmesine basmamak), bir galeri seçmek, Sonra resminizi ekleyin. Mevcut görüntüleri dönüştürürseniz, medya kitaplığından daha fazla görüntü ekleme seçeneğiniz olmayacaktır ve aynı anda bazı görüntüler eklemek daha zor olacaktır. Bu, çözüleceğinden emin olduğum başka bir hata! Bloğu düzenlemek için bloğunuzu düzenlemek, sadece üzerine tıklayın ve düzenlemeye başlayın. Metin düzenleyebilir, resimleri değiştirebilir ve diğerlerini. Ayrıca imleci bloğun sağ tarafına yönlendirerek ve görünen çöp kutusunun simgesini tıklayarak blokları silebilirsiniz. Bloğu yeniden düzenlemek için, farenizle ekranın etrafında sürükleyin veya imleci her bir bloğun sol tarafına yönlendirdiğinizde görünen ok düğmesini kullanın:
Sol üstteki simgeyi veya sağdaki Elipsis’i tıklayarak bir bloğu aynı blok tür grubundaki başka bir bloğa dönüştürebilirsiniz. Örneğin metin bloklarını resim bloklarına dönüştüremezsiniz, ancak paragrafları listelere, başlıklara veya tırnaklara değiştirebilir ve görüntü bloklarını galerilere dönüştürebilirsiniz ve tersi de geçerlidir.

İmleci bloğa yönlendirerek, blok türüne göre birkaç temel biçimlendirmeye erişmenizi sağlayan Formatan çubuğuna da erişebilirsiniz. Metin bloğu için tesviye, metin ağırlığı vb. Biçimlendirebilirsiniz ve görüntüler için seviyelendirmeyi düzenleyebilir ve bağlantılar ekleyebilirsiniz. Bu biçimlendirme çubuğu aynı zamanda bağlantı simgesine erişim sağlar: bloğun sağındaki elipsleri tıklamak, kod ekranı, çoğaltma blokları gibi seçeneklere daha fazla erişim sağlar ve bunları eklem bloklarına dönüştürür. Birlikte Blok – Bence çok ilginç olan Gutenberg özelliklerinden biri boyunca içeriği çoğaltmak paylaşılan blok. Bu, sitenizdeki tüm yayınlarda ve sayfalarda içeriği kolayca çoğaltmanıza olanak tanıyan bir bloktır. Her bir yayının altında davet düğmesi hareketlerini yapmak için bir eklenti kullandıysanız veya belki de birkaç sayfaya Site hakkında bir bilgi eklemek için bu yeni özellik sizin için uygundur.

Birlikte bir blok yapmak için, içeriğin görünmesini istediğiniz yazıda her türlü blok yapın. Ardından imleci sağdaki Elipsis’e yönlendirin ve paylaşılan bloğa dönüştürün. Bloğunuza benzersiz bir isim verin (aşağıdaki ekran görüntülerinden bunu yapmadığımı ve karışıklığa neden olduğunu göreceksiniz). Ardından başka bir yayını açtığınızda ve yeni bir blok eklemek için + simgesini tıklattığınızda, dağıtım seçeneğini seçin ve eklemek istediğiniz bloğu seçin.

Eklediğiniz ortak bloğun yayınlanmış bir gönderiden bile olması gerekmez. Böylece, içinde paylaştığınız tüm bloklarla bir taslak yazı yapabilirsiniz, ardından gerekirse diğer yayınınıza ekleyebilirsiniz. Tatlı!
Gutenberg’deki Belge Ayarları Gutenberg’deki post editördeyken, sağ tarafta, bilinen Metabox’un özelleştirici menüsüne çok benzer bir menü ile değiştirildiğini göreceksiniz. Bunu, üstte engellemeyi seçerek düzenlediğiniz blokla çalışmak için veya belge ekranında sahip olduğunuz opsi belgelerini seçerek yayın için ayarları düzenleyerek kullanabilirsiniz: Metabox’ta normalde gördüğünüz her şeyi içerir:

Durum ve Görünürlük – Gönderinizi yayınlamak veya durumunu ve/veya görünürlüğünü düzenlemek için bu sekmeyi kullanın. Bu, Metabox yayınına eşdeğerdir. Ayrıca revizyona buradan erişirsiniz.
Kategoriler – Metabox kategorileri ile yaptığınız gibi, yayınınıza kategorileri belirleyin ve yenilerini ekleyin.

Etiket – Bu, etiketlerle aynı şekilde ve bir kez daha Metabox etiketlerine eşdeğerdir.
Üstün Görüntü – Bu, üstün bir metabox ile aynı şekilde çalışır.

Alıntı – Teklifi düzenlemek için bu sekmeyi kullanın. Şahsen bence bunun şu anda Metabox’tan çok daha iyi bir konumda olduğunu, bu da içerik altında gizlenmiş.
Tartışma – Scabies yorumları burada; Yine bu içeriğin altından hareket etti.
Gönderinizi kaydetmek, yayınlarınızı depolamak ve yayınlamak açısından temel farkı vurgulamak için önemlidir. Gutenberg, PHP değil JavaScript’te inşa edildiğinden, dinamikti. Bu, çalışırken değişikliğinizin otomatik olarak saklanacağı anlamına gelir. Gutenberg bunu sizin için yapacağından, yayınınızı taslak olarak kaydetmek için artık düğmeye basmanıza gerek yok. Gönderinizi yayınlamaya geldiğinizde Gutenberg, yayınlamaya hazır olduğunuzu kontrol ederek size soracak: Bu yararlı bir inceleme ve bir eklenti üzerinden ek sınavlar eklediğimi hayal edebiliyorum. Gutenberg: Hala biraz buggy ama kesinlikle Gutenberg’in hala endişelendiğim birkaç yönü var. Hala geliştirilmesi gereken birçok hata var ve benim için klavyeyi mümkün olduğunca kullanan biri olarak, fare kullanmadan bir liste yapmayı umuyorum. Ama iyi olduğunu düşündüğüm bazı özellikler var. Birlikte yayınlamak, ek kodları veya içeriği manuel olarak önlemek için çok fazla potansiyel sunar ve içeriğin yeniden düzenlenmesini kolaylaştırmak için Gutenberg yolunu seviyorum. Ayrıca sağ taraftaki sekmenin mevcut Metabox’ta bir artış olduğunu düşünüyorum. Doğrudan siteye yüklemeyeceğim, ancak gelecekte yapmayı ve çekirdeğin bir parçası olarak görmeyi umuyorum.
Henüz Gutenberg kullanmayı denedin mi? Görüşünüzü bilmek isteriz. Yeni WordPress editörü hakkında genel olarak ne hissediyorsunuz?
Etiket:
Gutenberg
WordPress Topluluğu
WordPress Editor

admin

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir