WordPress Gutenberg Eğitimi
Yayınlanan: 2019-03-09Onlarca yıldır en çok yönlü ve kullanımı kolay CMS olarak popülerlik kazandıktan sonra, WordPress sık yapılan teknik güncellemelerle kullanıcılarını her zaman etkilemeyi başarmıştır. En son sürüm 5.0'da WordPress, yeni görsel editörü “Gutenberg” ile karşımıza çıktı. Öyleyse Gutenberg ve Blocks'un gizemini çözelim. Yeni sistem nasıl çalışıyor? Daha önce sahip olduğumuz editörden daha mı iyi? Gutenberg editörünün tüm avantajlarından yararlanmanıza yardımcı olmak için Gutenberg'e ve kısa bir eğitime gireceğiz.
"Gutenberg" nedir?
Matt Mullenweg, WordCamp Europe 2018'de klasik WordPress editörünün yerine yeni bir yaklaşım getirdi. Geliştirme aşamasındayken proje adı anlamına gelen “Gutenberg” olarak adlandırıldı. WordPress 5.0 ile piyasaya sürülen Gutenberg projesine artık daha spesifik olması için “WordPress Editor” veya “Block Editor” adı verildi. Klasik düzenleyici, günümüzün sürükle ve bırak web oluşturucu eğilimlerine göre biraz modası geçmişti. Sonuç, WordPress Gutenberg ve web sitesi ve sayfa oluşturma araçlarına benzer olacak şekilde tasarlanmış tamamen yeni bir WordPress editörü oldu.
Gutenberg ile çalışan temalar
Mevcut binlerce tema var, ancak çoğu modası geçmiş. İşte Gutenberg için temalar yayınlayan yeni, harika mağazalardan bazıları.
Gutenberg ile çalışan eklentiler
WordPress pazarında bir sürü eklenti var, ancak hepsi Gutenberg editörüyle çalışmıyor. İşte yapanlardan bazıları.
"Bloklar" nedir?
Bloklar basitçe içerik parçalarıdır. Bir metin paragrafı, bir ses dosyası, fotoğraf veya fotoğraf galerisi, hatta bir video olabilir. Gutenberg düzenleme deneyiminin temelidir. Bloklar, gönderiler ve web sayfaları oluşturmak için kullanılır. Kullanıcıların normalde WordPress'e paketlediği şey, Gutenberg'de yerleşik standart bloklardır ve Gutenberg düzenleyicisini kullanan herhangi bir WordPress sitesinde mevcuttur. Gutenberg, programcıların mevcut blokları genişletmesine ve genişletmesine izin verecek şekilde yaratılmıştır. Eklentiler veya temalar kullanılarak bloklar eklenebilir. Bu nedenle, kullanıcılar standart bloklarla sınırlı olmak yerine ek bloklara erişebilir.
Gutenberg'i WordPress Düzenleyicisi Olarak Kullanmak
WordPress 5.0'dayken, 5.0 için varsayılan metin editörü olarak “Blok Düzenleyici” veya “Gutenberg Düzenleyici” yi göreceksiniz. Bugün yeni blok düzenleyiciyi tanımanıza yardımcı olacağız. Hemen konuya girelim. İlk önce, her zamanki gibi yeni bir gönderi oluşturmak için Gönderiler altındaki “Yeni Ekle”ye basın. Artık çalışmak için yeni bir bloğunuz var.
Bu çok farklı görünüyor değil mi? Yukarıda klasik düzenleyiciden hiçbir araç çubuğu yok. Özellikleri ve bu düğmeleri tanıyalım.
Üst Bölüm:
Bu Üst Bölümü kullanarak, yeni bloklar ekleyebilir ve ayrıca herhangi bir blok değişikliğini geri alma ve yineleme gibi eylemler gerçekleştirebilirsiniz. Ayrıca kelime, başlık, paragraf ve blok sayısı gibi içerik yapı bilgilerinizi de görüntüleyebilirsiniz. Hatta “i” düğmesini kullanarak bloklar arasında gezinebilirsiniz.
Taslağa Kaydet, Gönderiyi Önizleme ve Gönderiyi Yayınla gibi temel gönderi düzenleme işlevlerinden bazıları üst bölümde bulunur. Dişli çark simgesi, sağ kenar çubuğunda görünen ayarı gösterir. Burada “Belge” ve “Engelle” ayar görünümü arasında geçiş yapabilirsiniz.
Belge bölümü görünümü, klasik düzenleyicilere çok benzer. Burada ayrıca durumu ve görünürlüğü, kategorileri, etiketleri, özellik resimlerini ve nitelikleri seçebilirsiniz. Blok bölümü görünümü, eklendikten sonra herhangi bir bloğun ayarlarını değiştirmenize olanak tanır. Bu işlev, herhangi bir blok için ayarları değiştirmeyi ve yazı tipi boyutu, büyük harfler ve çok daha fazlası gibi özellikleri değiştirmeyi çok kolaylaştırır. Her blok için ayrı arka plan renkleri ve hatta her blok için ayrı ayrı ek CSS sınıfları etkinleştirme buradan eklenebilir.
Son olarak, üst bölümde bulunan üç nokta ek ayarları gösterir. Buradan blok düzenleyicinizin görünümünü ve verdiği hissi özelleştirebilirsiniz. Blokların araçlar görünümünü seçebilirsiniz. Hatta “görsel düzenleyici” ve “kod düzenleyici” arasında seçim yapabilirsiniz. Yeniden kullanılabilir blokları yönetmek, klavye kısayolları oluşturmak ve içerik kopyalamak için bazı araçlar da vardır.
Blok Ekleme
İşte yeni düzenleyicideki ana fikir, yani blok eklemek geliyor. Daha önce de belirtildiği gibi, bloklar yeni blok düzenleyicinin temel parçasıdır. Editör sayfasının sol üst köşesine bakın. Bu size, belirli amaçlar için tasarlanmış istediğiniz blok türünü seçebileceğiniz bir açılır menü verecektir. Arama çubuğunu kullanarak ihtiyaçlarınıza uygun doğru blokları bulabilirsiniz.
Ayrıca, menüde aşağı kaydırdığınızda temel işlevlerine göre birkaç blok daha göreceksiniz. Bunlar Ortak bloklar, Biçimlendirme, Widget'lar ve Gömmeler vs.'dir. Sadece bir tıklama ile istediğiniz uygun bloğu seçin.
Ardından, bloğunuza içerik eklemeye başladığınızda küçük bir araç çubuğuyla tanışacaksınız. Bu araç çubuğunun işlevi, seçtiğiniz blok türüne bağlıdır. Bu araç çubukları, içeriğin hizalama, stil, bağlama ve daha fazlası gibi stili için düzenleme yapmak için vardır. Blok türünü değiştir düğmesi, mevcut blok stilini değiştirmek için oradadır. Örneğin, bir paragraf bloğunu Başlık, Önceden Biçimlendirilmiş blok, Liste, Alıntı veya Ayet olarak değiştirebilirsiniz. Son üç nokta size blok ayarını gizleme, kopya yapma, HTML olarak düzenleme, yeniden kullanılabilir bloklara ekleme ve tabii ki bloğu kaldırma gibi bazı seçenekler sunacaktır. Ayrıca önce ekle ve sonra ekle seçeneklerini kullanarak daha fazla blok ekleyebilirsiniz. Bu, içerik eklemeniz veya birkaç hızlı düzeltme yapmanız gerektiğinde kullanışlı olur. Seçtiğiniz seçeneğe bağlı olarak, bu, seçtiğiniz bloktan önce veya sonra bir blok ekleyecektir. Sistem çok sezgiseldir ve anında mantıklı olacaktır.
Blok ayarlarını değiştirme
Her blok, gereksinimlerinizi karşılayacak şekilde özelleştirilebilir. Özelleştirmek istediğiniz bloğa tıklamanız yeterlidir, sağ kenar çubuğunda bloğunuzu özelleştirebileceğiniz çeşitli kapsamlar verilecektir. Bu seçeneği, üst kısımdaki dişli çarkı veya belirli bloğun araç çubuğunu kullanarak gösterebileceğinizi veya gizleyebileceğinizi unutmayın. Blok ayarları, seçtiğiniz blok türüne de bağlıdır. Örneğin, bir paragraf bloğu kullanıyorsanız, blok ayarları yazı tipi boyutunu, yazı tipi türünü veya arka plan rengini seçmenize izin verir. Normalde orada olacağını varsaydığınız bloğunuzu özelleştirmek için tüm seçeneklere sahip olacaksınız. Gutenberg çok kullanıcı dostudur ve yeni geliştiricilerin alması kolaydır.
WordPress Gutenberg Eğitimini Tamamlamak
Bu kısa WordPress Gutenberg öğreticisinin, WordPress 5.0 ile paketlenmiş yeni düzenleyiciye aşina olmanıza yardımcı olduğunu umuyoruz. Bu kılavuzu okuduktan sonra artık “Gutenberg” konusunda acemi olmayacağınıza olan inancımız tamdır. Yeni blok düzenleyici sadece kullanımı kolay değil, aynı zamanda çok sayıda seçenekle çok hızlı siteler oluşturabildiği için de güçlü. Özel bloklar oluşturmak ve görünüm ve hissi özelleştirmek için araçlar kullanmak bu blok düzenleyicinin güçlü özellikleridir. Yeni bloklar eklemek ve içerik eklemek için kullanımı kolay bir arayüz de vardır. Eski düzenleyiciyi gerçekten daha çok sevdiğinizi ve yeni düzenleyiciyi beğenmediğinizi fark ederseniz, endişelenmeyin. İstediğiniz zaman klasik düzenleyiciye geri dönebilirsiniz. Bu, her iki dünyanın da en iyisidir ve insanların kendilerini en üretken kılan düzenleyiciyi kullanmalarına olanak tanır.