WordPress Gutenberg Eğitimi: Yeni WordPress 5.0 Block Editor Nasıl Kullanılır
6 Aralık 2018’de WordPress, WordPress 5.0’ın piyasaya sürülmesiyle büyük bir değişiklik yaşadı. Artık Gutenberg kod adı ile yeni bir blok düzenleyiciyle değiştirilen eski bir klasik Tinymce içerik düzenleyicisi yok. Yeni Blok Düzenleyicisi, daha önce WordPress’te yapamayacağınız bazı şeyleri yapmanıza izin verse de, ilk kullandığınızda her zaman en sezgisel araç değildir. Yeni Block Editor’dan maksimum sonuçları almanıza yardımcı olmak için, editör Tinymce için kullandığınız gibi aynı türden eylemi almak için blok düzenleyiciyi nasıl kullanacağınızı hızlandırmanıza yardımcı olmak için bu öğretici yapmaya karar verdik.
Sitenizi WordPress 5.0’a yükseltmiş olsanız da hala WordPress 4.9’u kullanarak, bu öğretici yardımcı olabilir. *Not – Geliştirme sırasında “Gutenberg” adlı yeni editör, şimdi varsayılan editörün yalnızca “WordPress Editor” veya “Blok Düzenleyicisi” olarak adlandırıldığı anlamına gelir. WordPress ekibi Gutenberg adını serbest bırakmak istediği için, sık sık bana “blok editörü” dediğimi göreceksiniz, bu yüzden bu öğretici geleceği keşfeden insanlar için mantıklı! Giriş (çok) WordPress Gutenberg Block Editor için Hızlı Yeni Editör ile en büyük fark The Block (“Block Editor” adı). Eski Tinymce editörü ile, tüm içeriğiniz Microsoft Word belgeleri gibi uzun bir alanda. Ancak, yeni bir editörle, içeriğinizdeki her öğe ayrı bir “blok” dir. Örnek olarak:
Bir paragraf ayrı bir bloktur
Bir resim ayrı bir bloktur
Sabitlenmiş YouTube videosu ayrı bir blok
… sanırım şimdi anlıyorsun. Her şey ayrı bir blok.
Bu WordPress Gutenberg öğreticisinde, “yeni bir blok eklemeye” biraz atıfta bulunacağım. Bu yüzden öğreticiye dalmadan önce, size nasıl gerçekte nasıl yapılacağını göstereyim. Yeni bir blok eklemenin üç farklı yolu vardır: Birincisi, iki artı simgeden birini kullanabilirsiniz. Bu simgeler, hangi bloğu girmek istediğinizi seçebileceğiniz bir açılır pencere açacaktır:
Sol üst köşedeki artı simgesi her zaman görülebilir. Bu, içeriğinizin sonunda yeni bir blok ekler.
Bu artı simge yalnızca imleci iki blok arasındaki odaya yönlendirdiğinizde görünür. Bu, mevcut bloklar arasında yeni bir blok girmenizi sağlar.
Aşağıda bağlı makaleler
İkincisi, çalıştığınız bloğun altında yeni bir boş blok oluşturmak için Enter tuşuna da basabilirsiniz. Ardından, kullanılacak blok türünü seçmek için bloğun solundaki artı simgesini kullanabilirsiniz:
Block Editor öğreticisini okuduğunuzda bu çeşitli düğmeler daha mantıklı olacaktır. WordPress Block Editor ile Metin Nasıl Kullanılır En temel içerikle başlayalım – metin. Bu bölümde, paragraf metinleri, başlıklar, alıntılar vb. Gibi şeylerle nasıl çalışacağınızı göstereceğim. Ardından, bağlantıların ve diğer temel düzenlemelerin nasıl ekleneceğini de göstereceğim.
Yeni paragraf metnini kolaylaştırmak için çeşitli paragraf metinleri ekleyin – sadece eski bir editörle yaptığınız gibi tıklamanız ve yazmanız gerekir. Tek fark, ENTER’a her bastığınızda, editörün bir sonraki paragraf için ayrı bir blok oluşturmasıdır: Başlık ekleyin (H2, H3, H4) ve diğer metin bloklarını eklemek istiyorsanız, bir yol bir yol eklemektir. Yeni Başlık Bloğu:
Veya sıradan paragraf bloklarını araç çubuğunu kullanarak başlığa dönüştürebilirsiniz:
Aşağıda bağlı makaleler
Aynı yaklaşımı aşağıdakiler gibi diğer metin blokları için kullanabilirsiniz:
Alıntı
Liste
Vb.
Metni biçimlendirme (tesviye, renk vb.) Metni biçimlendirmek için iki alan kullanacaksınız. İlk olarak, yüzen bir araç çubuğu var. Bu araç çubuğu yalnızca aktif olarak yazmadığınızda görünür. Yapabileceğiniz yer burası:
Tesviye Değiştirme
Cesur ve eğik harfler ekleyin
Biçimlendirme araçlarının nasıl göründüğünü ve kaybolduğunu sevmiyorsanız, araç çubuğunu arayüzün üstüne sabitlemek için düzenleyici ayarlarını da kullanabilirsiniz, bu da klasik Tinymce editörünün çalışma şekline daha benzer:
Metnin rengi veya yazı tipi boyutu gibi diğer biçimlendirme seçenekleri için blok yan bıçağı kullanabilirsiniz (bloğu tıkladığınızda otomatik olarak seçilir).
Örneğin, paragraflara tıklarsanız, metni büyütmek veya azaltmak ve/veya metnin rengini değiştirmek için yan bıçakları kullanabilirsiniz:
Ne yazık ki, bu seçenek her blok için farklıdır. Örneğin, kendi özel CSS’nizi kullanmadığınız sürece başlık rengini değiştirmek mümkün değildir.
Aşağıda bağlı makaleler
Bir bağlantı eklemek için bir bağlantı ekleyerek, bağlantılı olmak istediğiniz metinle bloğu tıklayın. Ardından, biçimlendirme aracında bir bağlantı simgesi arayın. Bir bağlantı ekleyebileceğiniz arayüzü açacaktır (yeni sekmede açık bir bağlantı yapmak için anahtarı da tıklayabilirsiniz): Şimdi medya içeriği (resimler, videolar vb.) Nasıl eklenir. Metin Nasıl Kullanılır Bloğun Editöründe, İçeriğinizin diğer ayrılmaz kısımlarını tartışalım – resimler ve videolar. Görüntüler (Alt metin dahil) girme ve biçimlendirme görüntüler eklemenin bir yolu görüntü blokları eklemektir. WordPress Medya Kütüphanenize (eski editörde olduğu gibi) erişmenize veya URL’den görüntüleri eklemenize izin verecektir:
Bununla birlikte, Block Editor ayrıca biraz daha kolay bir görüntü eklemek için yeni bir yöntem ekledi. Şimdi, görüntüleri doğrudan masaüstünden editör arayüzüne sürüklemeniz yeterlidir:
Bir görüntü ekledikten sonra, sağ taraf çubuğunu şu şekilde kullanabilirsiniz:
Alternatif Metin Ekle
Görüntü boyutunu değiştir
Belirli bir URL’ye resim bağlantısı yapın
Ayrıca doğrudan resmin altına yazarak bilgi ekleyebilirsiniz:
YouTube, Vimeo ve diğer birçok hizmetten videolar yerleştirmenize yardımcı olmak için videolara (ve diğer gömülü içerik) giren Block Editor, size Block Semitan’ın tüm kategorilerini sunar:
Bir blok seçtikten sonra, tek yapmanız gereken URL’yi gömmek istediğiniz içeriğe eklemektir:
Veya YouTube URL’sini, birkaç tıklamadan tasarruf eden boş bir bloğa da ekleyebilirsiniz:
Aynı yaklaşımı diğer tüm içerik türleri için kullanabilirsiniz.Bloğu nasıl taşıyacak ve sıfırlama eski WordPress düzenleyicisi ile, içeriği taşımak için kesme ve yapıştırmayı kullanmalısınız.Yine de yeni bir editör bloğu ile yapmak için türü yapabilirsiniz, ancak mükemmel değil.Örneğin, metni bir bloktan kesip ekleyebildiğinizde, metni kestiğiniz boş blok hala orada olacaktır, bu yüzden tam olarak aynı değildir.Bunun yerine, genellikle varsayılan blok düzenleyici denetimini kullanmak daha iyidir.Bloğu hareket ettirmenin iki yolu vardır.Erişmek için imleci manipüle etmek istediğiniz bloğa yönlendirin. İlk olarak, bloğu bir noktaya veya aşağı hareket ettirmek için oku kullanabilirsiniz.İkincisi, bloğu sayfanın herhangi bir yerine taşımak için Drag ve Loose’u da kullanabilirsiniz (sürükleme ve gevşek işlevselliği etkinleştirmek için fareyi ok arasındaki altı noktaya yönlendirmeniz gerekir):
Block Editor ile daha üretken çalışmak için 20’den fazla püf noktası umarım yukarıdaki Gutenberg WordPress öğreticisi size bir blok düzenleyicinin temel düzeyde nasıl kullanılacağı hakkında iyi bir fikir verir. Ancak, temel bilgilere hakim olduğunuzda, editörle daha verimli çalışmanıza yardımcı olabilecek birçok numara vardır. Yeni bir bloğu daha hızlı eklemek, sütunlarla daha karmaşık bir düzen yapmak, zamandan tasarruf etmek için bir klavye kısayolu kullanarak “/” kullanma gibi şeylerden bahsediyorum. Editör kullanma gerçek deneyimime dayanarak, daha verimli çalışmanıza yardımcı olacak 20’den fazla blok editör ipucu listesinde tüm bu ipuçlarını topladım. İçeriğinizi daha fazla blokla genişletin Gutenberg blok düzenleyicisi hakkında harika şeylerden biri, varsayılan blok koleksiyonuyla sınırlı olmamanızdır. Üçüncü taraf bir Gutenberg blok eklentisini kullanarak, aşağıdaki şeylere yeni bloklar ekleyebilirsiniz: fiyat tablosu
Resim Galerisi
Vardiya
Referans
… Artı daha
