Gutenberg'e Nasıl Başlanır?

Yayınlanan: 2019-06-11

Yeni WordPress editörü Gutenberg'i merak ediyorsanız, bu yazı tam size göre.

Gutenberg, WordPress Düzenleyici bloğundaki yeni çocuk. WordPress REST API , JavaScript ve React kullanılarak GitHub'da geliştirilmiştir. Editör modern, çalışması kolay ve çok mütevazi hissettiriyor. Gutenberg'i Klasik Editör ile karşılaştırmak, iki evi karşılaştırmaya benzer: birinde çok fazla mobilya varken diğerinde neredeyse hiç mobilya yok. Minimalist tarzın biraz ürkütücü olduğunu düşünseniz bile, Gutenberg'i kullanmaya başladığınızda, genel deneyim hoş olabilir.

Elbette Gutenberg'in dezavantajları var ve Klasik Editör'de çok deneyimliyseniz, Gutenberg ile çalışmanın geriye doğru bir adım gibi göründüğünü hissedebilirsiniz.

Bu makalede, mümkün olduğu kadar çok zemini ele almaya çalışacağım ve size Gutenberg'den ne bekleyeceğiniz konusunda net bir resim vereceğim. Geçişin daha sorunsuz olması için artıları ve eksileri ve bu dezavantajları nasıl iyileştirebileceğinizi tartışacağım.

Başlamak için, yalnızca WordPress'i son sürüme güncelleyerek Gutenberg'i kullanabilirsiniz. Gutenberg artık WordPress'in çekirdeğinin bir parçası. Hala Klasik Düzenleyici eklentiniz varsa, onu kaldırarak başlayabilir ve Gutenberg'i kullanmaya hazır olabilirsiniz.

İlk adım

Gutenberg ve Divi bütünleşmek için uzun bir yol kat ettiler. İlk aşamalarda, tüm içeriğinizi kaybetme riski olmadan Divi tarafından Gutenberg ile yapılan bir gönderiyi kaydedemezdiniz. Bugün bu tür sorunlar ortadan kalktı. Divi ile yapılmış bir gönderiyi Gutenberg'e kolayca kaydedebilir ve Divi ile düzenlemeye devam edebilirsiniz. Aynı durum Elementor için de geçerlidir.

Gutenberg işlevselliği artık sorunsuz, Divi, Elementor ve Gutenberg'in aynı sitede mükemmel bir şekilde çalışmasını sağlayabilirsiniz ve hatta farklı oluşturucuları kullanarak hiç sorun yaşamadan farklı içerikler oluşturabilirsiniz. Elbette, Divi'yi kullanırken Gutenberg editörüne geri dönmediğiniz ve ardından kaydetmeye zorlamadığınız sürece, bu durumda kesinlikle Divi İçeriğinizin üzerine yazılacaktır , aynı şey, içeriği atıp başka bir oluşturucuyla kaydetmeye çalıştığınızda da olacaktır.

Genel Yapı ve Bloklar

Gutenberg, genel bir blok yapısından oluşur, her blok HTML özelliklerine göre temsil edilir ve bölünür, bu nedenle, örneğin, bir H2 başlığınız ve bir Paragrafınız varsa, 2 ayrı blok göreceksiniz. Gutenberg'in ardındaki fikir, blokları HTML sınıflarına göre ayırmaktır, bu ilk başta garip görünse de haklıdır.

Düzenleme ve stil seçeneklerini görüntülemek için farenizle bloğun üzerine gelin . Bu, Başlıklar için H1'den H6'ya veya Paragraf metni için Kalın, İtalik, Bağlantılar vb. gibi farklı stiller sunmak gibi çeşitli bloğa özgü seçenekleri görüntüler.

Yeni Blok Ekle Düğmesi

Editörün akıcı oluşturma deneyiminin biraz aksine, Yeni Blok Ekle düğmesi biraz erişilemez. Bir düzene eklemek için farenizi sol üst köşeye getirmeniz ve artı simgesine tıklamanız gerekir.
Yeni engelleme düğmesinin konumu biraz yoldan çıktı. Yeni bir blok eklediğinizde, ikinci Blok Ekle düğmesinin konumunun son bloktan hemen sonra görüneceğini unutmayın.

Gutenberg'in minimalist düzenleyicisiyle ilgili bir sorun, ikinci düğmenin kaybolabilmesidir . Düğmenin görünmesi için fareyi boş alanın üzerine getirmeniz gerekir. Bu sadece paragraf olmayan yeni modüller eklenirken olur. Paragraflar, klavyenizden bir "enter" ile kolayca eklenir.

Blok Yönetimi

Bloklar fikrini bir kez kavramaya başladığınızda, Gutenberg'de birkaç düğmeyle boş bir alandan çok daha fazlasının olduğunu göreceksiniz.
Gutenberg, varsayılan olarak her tür blokla birlikte kurulur ve eklentiler veya temalar tarafından eklenen her yeni blok, yeni blok yapısında gösterilecektir.
Son olarak, bir blok ekledikten sonra onu düzenleyebilir, klonlayabilir veya silebilirsiniz. Bu işlevsellik sağdaki 3 noktanın altında gizlidir. Blok düzenleme menüsünü açmak için bunlara tıklayın. Neyse ki, gördüğünüz gibi, seçeneklerin büyük çoğunluğunun bir kısayolu var, böylece onları kolayca hatırlayabilirsiniz. Bu, blokları kolayca klonlamak ve hareket ettirmek için olanaklar açar.

Blokları ekledikten sonra, okları kullanarak içeriğin üzerinde yukarı ve aşağı hareket ettirebilirsiniz.

Kenar Çubuğu

Kenar çubuğu, Gutenberg için tüm ayarların en kolayıdır. Kenar çubuğunda, Klasik Düzenleyici ve Blok sekmesinde bulunan bilgilerin aynısına sahip Düzenin kendisi olan 2 bloğa sahip olacaksınız.

Blok sekmesi, belirli bir blok için ayrıntılı seçenekleri görüntüler. Bu örnekte, resimleri Medya Dosyasına bağlayabilir ve görüntülemek istediğimiz sütun sayısını seçebiliriz. Her modülün, kenar çubuğu Blok sekmesi altında kendi yapılandırılabilir seçenekleri vardır.

İlerlemek

Gutenberg'e yaklaşmanın en iyi yolu, etrafta oynamak ve olabildiğince çok yazmaktır. Enter tuşunu kullanmak, yeni bir bloğu teşvik etmenin en iyi yoludur. Örneğin, yeni bir paragraf bloğu eklemeye karar verirseniz, bu bloğu bir resme veya resim galerisine dönüştürme seçeneğiniz olacaktır.

Enter tuşuyla yeni bloklar oluşturmak, gizli "yeni blok" düğmesini atlamanın en iyi yoludur. Farenizi kullanırken eklemeye çalışmak, düzenleme becerilerinizi ciddi şekilde etkiler. Enter tuşuyla yeni bloklar oluşturarak, daha sonra o bloğun sağındaki resim simgesini seçerek bir resim ekleyebilirsiniz.

Ancak, Gutenberg'in Klasik Düzenleyici gibi yeni görüntüler eklemek için bir kısayol tuşu olmadığını unutmayın . Bu, sizi yazma akışını tamamen bozan bir şey olan fareyi kullanmaya zorlar. Gutenberg, resim ve galeri eklemek için bir kısayol eklerse, bu eski Klasik Düzenleyiciyi hızla geçersiz kılabilir.

Paragraflar, Başlıklar ve Resim galerileri oluşturarak, yeniden düzenlenmesi gereken tonlarca blok varken Gutenberg ile çalışmanın neden daha kolay olduğunu görebilirsiniz. Makalenizi hazır hale getirdikten sonra yayınlayabilir ve ilk Gutenberg gönderinizin keyfini çıkarabilirsiniz. Gutenberg gönderileri oluşturmaya başladığınızda geri dönemeyeceğinizi unutmayın.

Gutenberg, her gönderiye, daha sonra devre dışı bırakmaya karar verirseniz kötü görünmesini sağlayacak bir kod ekler, bu nedenle, onunla denemeler yapmaya başlasanız bile, sitenizde kullanmaya başlarsanız bunu yapamayacağınızı unutmayın. daha sonra her gönderiyi manuel olarak değiştirmek zorunda kalmadan geri dönün.

Ekstra Özellikler

Birleşik Araç Çubuğu ve Spot Işığı Modu , Gutenberg'e yapılan iki hoş eklemedir. Birleştirilmiş mod tam olarak söylediği şeyi yapar, araç çubuğunu tüm modüller için üstte birleştirir, böylece bir modülü her düzenlediğinizde, tüm araç çubuğu içeriği üstte olur, bu gerçekten kullanışlıdır ve Klasik Düzenleyici'yi taklit eder. bir şekilde.

Öte yandan Spot Işığı Özelliği, düzenlediğiniz bölüm dışındaki tüm içeriğin parlaklığını azaltır. Bu, çok karmaşık bir makaleniz olduğunda ve yaptığınız işe konsantre olmanız gerektiğinde kullanışlıdır. Her iki moda da ekranın sağ üst köşesindeki 3 nokta olan Gutenberg Yapılandırma seçenekleri altında erişilebilir.

Editörler için

Gutenberg, editörler için harikadır. Hiçbir şeyi bozmadan blokları kolayca değiştirebileceğiniz ve değiştirebileceğiniz için genel metin yazarlığını halletmek çok daha kolaydır. Ayrıca, blokları bağımsız olarak düzenleyebilirsiniz ve kelimeleri saymanıza izin veren kolay bir Bilgi menüsüne sahip olursunuz.

42 Tema

WordPress'in yeni görsel düzenleyicisi The 42 Theme'ye dayanan yeni projemiz olan yeni projemize bir göz atın. Yakında Aspen Grove Studios sitesinde ve WordPress Deposunda yayınlanacak.

Sonuç olarak

Gutenberg, nüansları öğrendiğinizde kullanımı kolay bir editördür. Enter tuşunu kullanarak yazma konusunda kendinizi eğitirseniz ve bu noktadan itibaren resimler ve diğer blokları eklerseniz, Gutenberg web sitesi oluşturma deneyiminizi olumlu yönde geliştirebilir.

Ancak fareyi kullanmayı tercih ederseniz, Gutenberg'in tüm güzelliği kaybolacak ve üretkenliğiniz zarar görecektir. Klasik Editör'de son derece usta olanlar için, Gutenberg zor olabilir ama buradaki tavsiyeme uyarsanız, Gutenberg'e kısa sürede kolayca uyum sağlayabilirsiniz.