WordPress Gutenberg Editörü – Kapsamlı Bir Bakış

2018, WordPress 5.0'ın yayınlandığını görecek . Bu devasa güncellemeyle, WordPress yayınlama sürecinde devrim yaratmayı amaçlayan tamamen yeni bir "blok" tabanlı düzenleyici olan Gutenberg'in son derece tartışmalı sürümü geliyor.

Bu yazıda, yeni Gutenberg editörünü tartışacağız ve size onun temel işlevlerine genel bir bakış sunacağız.

Gutenberg şu anda geliştirme aşamasındadır ve istediğiniz zaman deneyebileceğiniz bir test eklentisi olarak mevcuttur. Gutenberg'i merak ediyorsanız , eklentiyi indirmenizi ve onunla oynamanızı öneririz. Eklenti, canlı sitelerde kullanım için değildir , bu nedenle yalnızca bir test veya geliştirme ortamında kullanın. Bir test ortamı kurmanız gerekiyorsa, DesktopServer kurulum eğitimimizi takip edin veya Elegant Themes' MAMP kurulum eğitimini okuyun .

Matt Mullenweg tarafından açıklandığı ve lider Gutenberg geliştiricisi Matias Ventura tarafından gösterildiği gibi Gutenberg editörünün tam bir dökümü için, Mullenweg'in Word of the Word adresini yaklaşık 33 dakika sonra izleyin.

Ayrıca, en iyi Divi beyinlerinden bazılarının Gutenberg editörüyle ilgili ilk izlenimlerini tartışmak için bir araya geldiği Divi Chat'in 62. Bölümüne göz atın.

Gutenberg nedir?

"Blok düzenleyicinin amacı, WordPress'e zengin içerik eklemeyi basit ve eğlenceli hale getirmektir." – WordPress.org'daki Gutenberg eklenti açıklamasından.

Gutenberg, WordPress'in sayfalarında ve gönderilerinde bulunan mevcut WYSIWYG düzenleyicisini değiştirmeyi amaçlayan yeni bir düzenleyicidir.

WordPress yıllardır TinyMCE'yi WYSIWYG sayfası veya yazı düzenleyici arayüzü olarak kullandı.

TinyMCE hem görsel hem de kod tabanlı içerik yayıncılığı sunarak işi hallediyor, ancak Medium veya Squarespace gibi diğer rakip platformlar daha ilginç ve benzersiz bir içerik yayınlama deneyimi sunduğundan, WordPress bu konuda biraz geride kalıyor.

Kullanıcılarına daha ilgi çekici ve eğlenceli bir çağdaş içerik yazma ve yayınlama deneyimi sunmak için Gutenberg tanıtıldı.

Esasen Gutenberg, bir tür sayfa oluşturucu gibi çalışır. Bir dizi 'blok' kullanarak Gutenberg, kullanıcının istenen içerik bloğunu eklemesine ve bunu doğrudan editör konsolu içinden özelleştirmesine olanak tanır. Paragraflardan resimlere, video yerleştirmelerine, tablolara ve daha fazlasına kadar uzanan bu "bloklar", bir gönderiye eklenebilen ve hemen özelleştirilebilen çeşitli içerik biçimleridir.

Adını matbaanın mucidi Johannes Gutenberg'den alan Gutenberg, hemen hemen görsel olarak eklenebilen ve düzenlenebilen blokları kullanarak kısa kodlara ve özel HTML'ye olan ihtiyacı değiştirmeye yardımcı olmayı amaçlıyor. Bloklar sadece inanılmaz derecede kolay bir şekilde yerleştirilip özelleştirilebilmekle kalmaz, aynı zamanda inanılmaz derecede kolay bir şekilde düzenlenebilir.

“Düzenleyici, zengin gönderiler yazmayı zahmetsiz hale getiren ve günümüzde kısa kodlar, özel HTML veya “gizemli et” gömülü keşfini gerektirebilecek şeyleri kolaylaştırmak için “bloklara” sahip yeni bir sayfa ve oluşturma sonrası deneyimi oluşturacak. — Matt Mullenweg

Amaç, WordPress içerik yayınlama deneyimini kolaylaştırmak ve kullanıcıları için hem daha hafif hem de daha eğlenceli hale getirmektir. Gutenberg ile WordPress kullanıcıları, yapılandırma ayarlarından rahatsız olmadan hem hızlı hem de kolay bir şekilde güzel sayfa veya gönderi düzenleri oluşturabilecekler.

Yeter teori, hadi Gutenberg'in pratikte nasıl olduğunu görelim.

Gutenberg Editörüne Giriş

Yukarıda bahsedildiği gibi, Gutenberg şu anda WordPress deposundan indirilebilen bir eklenti olarak mevcuttur. Eklenti, canlı bir sitede KULLANILMAZ, hala geliştirme aşamasındadır ve canlı bir sitede KULLANILMAMALIDIR.

Gutenberg'e göz atmak istiyorsanız, bir test veya geliştirme sitesinde onunla oynayın. Yerel bir test/hazırlama sitesinin nasıl kurulacağına ilişkin bu ayrıntılı kılavuzlardan birini izleyin:

• Yerel Geliştirme Ortamı Kurmanın Yararları (DesktopServer Series: Part 1/4)
• Mac'te Yerel WordPress Kurulumu Nasıl Oluşturulur

Yerel/test/hazırlama sitenizi kurduktan ve kullanıma hazır hale getirdikten sonra, WordPress deposuna gidin ve Gutenberg'i indirin .

Diğer eklentilerde olduğu gibi, Eklentiler > Yeni Ekle'ye gidin ve .zip klasörünü yükleyin. Kurulum tamamlandıktan sonra, Gönderiler'e gidin ve Yeni Ekle'yi tıklayın. Klasik Düzenleyici'yi mi yoksa Gutenberg'i mi kullanmak istediğinizi soran bir açılır menü görünecektir. Gutenberg editörünü seçerken boş bir tuvalle başlayacaksınız ve yazınızı sıfırdan oluşturmaya başlayabilirsiniz.

Alternatif olarak, ayarların hemen altında Gutenberg adlı yeni bir menü öğesi bulacaksınız.

Gutenberg projesi hakkında daha fazlasını okumak isterseniz, Documentation'a tıklayın ve WordPress deposundaki Gutenberg el kitabına yönlendirileceksiniz. Gutenberg hakkındaki düşünce ve görüşlerinizi paylaşmak veya bir destek sorusu sormak isterseniz Geri Bildirim'e tıklayın . Editörle oynamaya başlamak için Demo 'ya tıklayın . Bu, önceden tasarlanmış ve kullanıma hazır bir dizi farklı blok ile önceden kurulmuş bir demo gönderisini açacaktır.

Devam etmeden önce, iki farklı editör olan Classic ve Gutenberg'e yan yana bir göz atın.

İlk göze çarpan şey, yazacak çok daha fazla alan olduğu. Ayrıca, sağ taraftaki araç çubuğu ekranı, Ayarlar'a (dişli çark simgesi) tıklayarak gösterilip gizlendiğinden, dikkati dağıtmayan gerçek bir yazma hissi vardır ve Gutenberg bir şekilde neredeyse Sakin Yazar gibi hisseder . Bu ek alan kavramı, daha küçük ekranlarda yazı yazanlara kesinlikle yardımcı olacaktır.

Sağ üst köşedeki açılır menü, Görsel ve Kod Düzenleme modları arasında geçiş yapmanızı sağlar. Düzenleme araç çubuğunu düzeltmek ve tüm içeriği tek seferde kopyalamak gibi başka seçenekler de vardır.

Ayarlar bölümünde iki sekme bulacaksınız:

• Gönderi formatı ve yayınlama durumu, sınıflandırmalar, öne çıkan görsel, alıntı, yorum ayarları ve içindekiler tablosu (sonuncusu hakkında daha fazlası) dahil olmak üzere gönderinin temel ayarlarını belirlemenizi sağlayan Document , ve
• Bireysel bir blok seçtiğinizde, ilgili ayarları ve yapılabilecek özelleştirmeleri gösterecek olan Block .

Sol taraftaki yukarı veya aşağı oklara tıklayarak bloklar hızlı bir şekilde düzenlenebilir. Bloğun sağında, fareyle üzerine gelindiğinde bir menü açılır ve blok için daha fazla seçenek getirilir. Burada kullanıcı bir dizi farklı format seçeneği arasından seçim yapabilir. Bu seçeneklerden biri olan Yeniden Kullanılabilir Bloğuna Dönüştür , bloğu daha sonraki bir aşamada kullanmak üzere özelleştirme ayarlarıyla birlikte kaydetmenizi sağlar.

Bloklar, sol üst köşedeki + simgesini bularak eklenebilir veya bir bloğun üst veya alt bölümünün üzerine gelip + simgesinin görünmesini bekleyerek satın alınabilir. Bir kez tıkladıktan sonra şunları seçebilirsiniz:

• En Son : En sık kullandığınız blokların bir koleksiyonu
• Bloklar : Bunlar, Ortak Bloklar (yani resimler, listeler, paragraflar), Biçimlendirme blokları (tablolar, alıntılar ve önceden biçimlendirilmiş metinler), Düzen Blokları (ayırıcılar/bölücüler, düğmeler ve metin sütunları gibi) ve Pencere Öğeleri (en son gönderi veya kategori beslemesi veya kısa kodlar)
• Gömmeler : Bir dizi popüler platformdan çeşitli web öğelerini gömme seçenekleri
• Kaydedildi : Depolanan bloklar, 'Yeniden Kullanılabilir Bloğuna Dönüştür' tıklanarak kaydedilir

Üst menü, blok ekle simgesi, bir geri al ve yinele düğmesi ve seçilen bloğa göre görüntülenen çeşitli biçimlendirme seçenekleri dahil olmak üzere bir dizi seçenek içerir.

Gerçekten harika bir özellik, üst araç çubuğundaki Belge Anahattı ve Ayarlar > Belgeler çubuğundaki İçindekiler bölümüdür. Bunların her ikisi de gönderinin içeriğinin tam olarak ne olduğunu ayrıştırır, böylece yazar kopyanın bölümlerine hızlı bir şekilde erişebilir ve ayrıca arama motorları için en uygun şekilde görüntülenen metni biçimlendirebilir.

Bir blok eklendikten sonra, Ayarlar > Engelle menüsü kullanılarak bir dizi seçenek kullanılarak düzenlenebilir ve özelleştirilebilir. Her blok ayrıca özel bir CSS sınıfı için bir bölüm içerir. Aşağıda bir paragraf bloğu stilinin bir örneği verilmiştir.

Bu, Gutenberg editörünün sadece çok temel bir özetidir. Zamanla, proje tamamlanmaya yaklaştıkça daha fazla özellik eklenebilir veya bazıları kaldırılabilir.

Mevcut haliyle Gutenberg, kesinlikle daha çağdaş bir kullanıcıyı mutlu edecek bazı harika özelliklere sahiptir, ancak bu, geliştiriciler ve WordPress arayışları için mutlaka geçerli değildir.

Gutenberg, mevcut ve potansiyel WordPress kullanıcılarına yepyeni bir teklif sunsa ve arayüzün kendisi, daha sezgisel ve ilgi çekici bir içerik yayınlama deneyimi sunma özetini kesinlikle karşılasa da, platform ve buna aşina olanlar için hala bir öğrenme eğrisi var. içeriğe daha teknik bir yaklaşım, yeni sistemi o kadar hafife almayabilir.

Bununla birlikte, Gutenberg hala bir süre uzakta, bu yüzden TinyMCE editörünün tamamen yerini alıp almayacağını veya içerik yayınlama için bir seçenek olarak sunulup sunulmayacağını zaman gösterecek.

Gutenberg Dünyasında Divi Kullanmak

Gutenberg, doğası gereği kesinlikle sayfa oluşturucu gibi görünse de, yine de tüm bir mizanpaj oluşturucu olarak değil, yalnızca başlangıçta bir yazı düzenleyici olarak yayınlanması planlanıyor… henüz. Gutenberg editörünün piyasaya sürülmesi, muhtemelen WordPress arayüzünün tamamının blok tabanlı ve görsel olarak düzenlenebilir hale geldiğini görerek, WordPress için daha da büyük, daha cesur yeniliklerin yolunu açmayı amaçlıyor.

"Bu temel unsurlar, gelecek yıl için planlanan ikinci ve üçüncü aşamaların, gönderilerin ötesine geçerek sayfa şablonlarına ve nihayetinde tam site özelleştirmesine yol açacak." – WordPress.org

Bahsedilmesi gereken hızlı bir nokta, Gutenberg editörünün blok girişi ve özelleştirme süreci neredeyse ön uç oluşturucuyu bir şekilde yansıttığı için biraz Divi-ish hissetmesidir. Divi kullanıcıları, özellikle ön uç oluşturucuyu kullananlar, Gutenberg'i bir şekilde neredeyse tanıdık bulabilir ve sonuç olarak, Gutenberg tanıtıldığında bu kadar dik bir öğrenme eğrisine sahip olmayabilir.

Ön uç oluşturucu olsun ya da olmasın, Divi kullanıcıları, yoğun şekilde özelleştirilebilir modüller (veya bloklar) kullanarak düzenler oluşturma konsepti konusunda doğal olarak rahattır. Sonuç olarak, Divi kullanıcıları, Gutenberg'i bir arayüz olarak benimsemeyi nispeten kolay bulacaktır.

Divi kullanıcıları olarak seçeneklerimiz olduğu için şanslıyız, bu nedenle Gutenberg ya da değil, Divi kullanıcıları yine de sayfa ve gönderi düzenleri için Divi Builder'ı kullanmayı seçebilirler.

Bir site oluşturmanın ötesinde, kendi içeriklerini eklemesi ve düzenlemesi gereken müşteriler için web siteleri yapan bir Divi tasarımcısıysanız, Gutenberg'in WordPress platformuyla daha da fazla insanı daha rahat ettirmek için oluşturulduğunu ve muhtemelen yapacaklarını unutmayın. İlk kez WordPress kullanıcılarıysanız, bu platforma TinyMCE'den daha kolay ulaşın. Müşterilerinizi gönderilerini yalnızca Divi Builder ile yayınlamaya teşvik etmek istiyorsanız, ön uç oluşturucunun artık müşterilerinize rehberlik etmeye yardımcı olacak hazır dokümantasyon videoları ve adım adım turlarla birlikte geldiğini unutmayın.

Senden duymak istiyoruz!

Gutenberg hakkında ne düşünüyorsunuz? Yeni düzenleyici arayüzünü beğendiniz mi yoksa klasik düzenleyiciyi korumayı mı tercih edersiniz?

Yorumlarınızı veya sorularınızı aşağıda paylaşın – geri bildiriminizi almayı çok seviyoruz!

Okuduğunuz için teşekkürler!