2021’de 18 WordPress Block Editor İpuçları (Gutenberg Öğreticisi)
WordPress Gutenberg Blok Düzenleyicisi ilk olarak WordPress 5.0’da göründü ve sadece bu platformu biliyorsanız, bir sayfa ve yayın oluşturmak için kullandığınız ilk şey olabilir.Ve eğer eski bir WordPress kullanıcısıysanız, klasik editörlerden Gutenberg’e geçmenin zor olacağını ve çaba ile orantılı olmayacağını hala hissedebilirsiniz.Bu makale, yeni başlayanların Gutenberg’den maksimum sonuç almasına yardımcı olmak için en değerli ipuçlarını ve püf noktalarını paylaşmaktadır ve klasik editörlere sadık kalanları geçiş yapmaya teşvik edebilir.WordPress Block Düzenleyicisi nedir?Gutenberg, Aralık 2018’de sürüm 5.0’ın tüm WordPress sürümleri için varsayılan sayfa üreticisi olarak tanıtıldı.Geliştirici cesurca “Gutenberg gibi tüm yayıncılık deneyimlerinde basılı kelimeyi yapmayı” devrim yaratacağını iddia ediyor.Ne yazık ki, reaksiyon ve hala değişti.
Sorunlar ortaya çıkar çünkü insanlar eski klasik editörleri kullanmaya alışkındır. Kelime işlemesi ile birçok yönden benzer şekilde kullanımı çok kolaydır, ancak bu da sınırlamalara sahip olmak anlamına gelir. Gutenberg, sayfa ve yayınlar eklemek için gereken eklenti sayısını azaltmak için tasarlanmış sayfalar ve yayınlar oluşturmak için ‘bloklar’ kullanarak çeşitli şeyleri basitleştirmeyi amaçlamaktadır. Buna ek olarak, ilk günlerde Gutenberg de bazı teknik sorunlar yaşadı, böylece hızlı bir şekilde bağlı olan kötü bir üne sahipti. Talihsiz bir durumdur, çünkü geliştirici şimdi sorunların çoğunu düzeltti ve Gutenberg’i kullandığınızda, asla geriye bakmayacaksınız çünkü Gutenberg, hızla boşaltılan ek eklentilere ihtiyaç duymadan klasik bir editörden daha fazlasını yapabilir. Doğrudan favorimize gidin WordPress için Gutenberg Block Editor’dan maksimum sonuç almanıza yardımcı olacak ipuçları ve püf noktaları. 1. Kullanıcı arayüzü etrafındaki yolunuzu öğrenin Gutenberg’i ilk kullandığınızda öğrenmeniz gereken ilk şey her şeyi nerede bulacağınızdır. Kullanıcı arayüzüne alıştıktan sonra, Gutenberg’i kullanmak çok daha kolay hale gelir. Kullanıcı arayüzü üç temel öğeden oluşur:
Blok ekleme, sadece tıklayarak düzenleyiciye bir blok eklemektir. Tıklama + mavi (basıldığında x siyah olarak değişir) bloklar ekini etkinleştirir ve devre dışı bırakır.
Editör, içerik oluşturduğunuz alandır.
Yan çubuk etkinleştirilir ve dişli simgesine (ayar) tıklayarak devre dışı bırakılır. Burada, birçok düzenleme işlevi ve klasik editörde bulunan aynı sayfaları yapabilirsiniz, ancak kullandığınız blokları düzenlemenize de izin verebilirsiniz. Gutenberg Editor’un Klavye Kısayolunu inceleyerek zamandan tasarruf edin Microsoft Word veya Excel gibi yazılımları kullanıyorsanız, çeşitli işlevlere ve eylemlere hızlı erişim için klavye kısayoluna aşina olabilirsiniz. Zaten bildiğiniz birçok kısayol, BOLD için CTRL + B gibi Gutenberg’de çalışacaktır. Bununla birlikte, Gutenberg’in de kendi ek klavye kısayolu kümesi vardır ve Shift + Alt + H kullananların tam bir listesini arayabilirsiniz.
Bu kısayolu öğrenmek veya en azından en sık kullandığınız şeyi öğrenmek, Gutenberg ile olan deneyiminizi zenginleştirecek ve yayınları ve sayfaları oluşturmak veya düzenlemek için gereken süreyi önemli ölçüde hızlandıracaktır.
Aşağıda bağlı makaleler
3. Fiyat Sözdiziminden yararlanın Düşüşler Sözdiziminden yararlanın Kısayolların başka bir biçimi ‘sözdizimsel fiyat düşüşü’. Belirli düğmelerin vurgusunun WordPress blok düzenleyicisine belirli bir format eklemesini söyler. Örneğin, sadece # yazma ve boşluk basma Gutenberg’e hattın H1 başlığı olmasını istediğinizi söylerken ##, ardından alan H2 verecektir.
Gutenberg’de de işlev gören standart fiyat düşüşlerinin sözdizimi girişlerinin bazı örnekleri (her birinin ‘Enter’ tuşuna basarak boşluk çubuğuna basarak etkinleştirildiğini lütfen unutmayın):
#H6 başlığı için ###### H1 başlığı yapmak için
1. veya 1) bir tür (numaralandırılmış)* veya – bir dizinin listesini yapmak için bir liste yapmak için
> Alıntı ile bir teklif yapmak için
4. “/” blok ekleme kullanarak hızlı bir şekilde bir blok ekleyin blok eklemenin ana yoludur. Ancak, çok karmaşık olabilir, çünkü bunu yapmaya devam etmeli ve ne istediğinizi bulmalısınız. Neyse ki, bir kısayol var.
Yapmanız gereken tek şey yazmak / daha sonra eklemek istediğiniz bloğun adını yazmaya başlamaktır. Yazdığınızda, Gutenberg otomatik olarak uygun bir blok önerecektir. Ardından, açılır listeden ne istediğinizi seçin ve yayınınıza veya sayfanıza koymak için “Enter” tuşuna basın.
5. Ev sayfalarınızı kaostan uzak tutmak için klasik bir düzenleyiciye metninize ‘daha fazla oku’ eklemek çok kolay bir ‘okuma’ ekleyin. Ancak, elbette, Gutenberg’de yapmak da kolaydır.
Tam paragrafın sonunda molalar eklemek için Block Inserter’dan Block daha fazla girebilirsiniz:
Bir paragrafın ortasına bir duraklama eklemek için, kod düzenleyicisine geçmeniz ve bir duraklama eklemeniz gereken doğru etiketleri eklemeniz gerekir. Visual Editor ve Kod Düzenleyicisi arasında geçiş yapmanın Ctrl + Shift + Alt + M kullanılarak yapılabileceğini lütfen unutmayın.
6. Bir blok düzenleyicisi haline gelen içerik bloğunu tamamen kullanın, WordPress blok düzenleyicisinin kullanmanız için birçok hazır blokla birlikte gelmesi mantıklıdır. Bu şaşırtıcıdır, çünkü ek eklentilere veya kodlama hakkında bilgiye ihtiyaç duymadan çok sayıda farklı içerik türünü hızlı ve kolay bir şekilde girmek için kullanabilirsiniz. Bloğa erişmek için, + mavi tuşuna basarak bloğun eklenmesini etkinleştirin (anahtarlar basıldığında x siyah) sol üst köşede. Gönderinize veya sayfanıza eklemeniz için düzinelerce hazır blok içeren bloklar ekleyin. İmleci her bloğa yönlendirmek, her bloğun ne yaptığını açıklayan sembulan’ı gösterecektir:
Girildikten sonra bloğu düzenlemek mümkündür. Yan çubuğu etkinleştirmek ve devre dışı bırakmak için dişli simgesini (ayar) tıklamanız yeterlidir. Ardından, yan çubuğundaki blok tıklayın ve etkin bloklar için tüm düzenleme seçenekleri görünecektir:
Aşağıda bağlı makaleler
7. Gutenberg yan bıçaklarını yetersiz dağınık bir ekran için gizle, yayınlar ve sayfalar yaparken ekranınızdaki bilgi miktarından sık sık bunalmış mısınız? Tüm menüler, yan ve durum bıçakları genellikle engelleyebilir. Gutenberg yan çubuğunu gizleyerek bu ekranın kaosunu azaltabilirsiniz – yan çubuğu etkinleştirmek ve devre dışı bırakmak için dişli simgesini (ayarlar) tıklayın.
8. Görüntüleri doğrudan gönderiye sürükleyin ve bırakın Gutenberg’de yayınınıza çok kolay görüntüler ekleyin. Yapmanız gereken tek şey, masaüstünüzden (veya depolandıkları yerden) istediğiniz editörde doğru yere sürüklemektir. Görüntüyü sürüklediğinizde mavi çizgiyi gördüğünüzden emin olun, yoksa işe yaramaz. Ayrıca bazı görüntüleri aynı anda çekebilir ve serbest bırakabilirsiniz, bu durumda Gutenberg, yazıda sıfırlayabileceğiniz harika bir resim galerisi yapar. dilek. Gutenberg, medya kütüphanenize eklenen görüntüleri otomatik olarak saklar.
9. Microsoft Word veya Klasik Düzenleyiciye kopyalanan ve eklenmiş Google belgeleri gibi harici kaynaklardan içerik, format genellikle kaybolur veya hasar görür. Bundan kaçınmak için orijinal içeriği önce not defterine ekleyerek ‘saflaştırmak’ anlamına gelir, ardından klasik WordPress düzenleyicisine kopyalamak ve son olarak formatı geri eklemek anlamına gelir. Kalçalarda gerçek ağrı.
Öte yandan, Gutenberg içeriğin nereden eklendiğini düşünmüyor ve yapıştırdığınız her şeyin görüntüler de dahil olmak üzere kaynak belge biçimini koruyacağından eminsiniz. 10. Bloğu farklı bir bloğa dönüştürmek, farklı bir bloğa eklediğiniz bloğu değiştirmek istediğiniz zamanlar olacağına şüphe yoktur. Örneğin, bir başlık bloğu yapmış olabilirsiniz, ancak daha sonra bunun bir paragraf veya liste olması gerektiğini fark etmiş olabilirsiniz. Sorun değil! Alet çubuğunu açın ve paragraf simgesini tıklayın. Şimdiki zamanın yerini alabilecek alternatif blok bloklarının listesini ortaya çıkaracaktır:
Tabii ki, metni görüntülere dönüştüremez veya tam tersi, ancak sıradan görüntüleri kapak görüntülerine dönüştürebilirsiniz. 11. Yararlı özelliklerden biri yeniden kullanılabilecek bir blok oluşturun ve yeni WordPress blok düzenleyicisinden zaman kazandıran bir blok yeniden kullanılabilecek bir blok oluşturma yeteneğidir. Bu, blok sekmesinin altına yeniden kullanılabilecek blokların eklenmesinde saklanan özel bir bloktur. Yapıldıktan sonra, istediğiniz yere tekrar tekrar girebilirsiniz. Yeniden kullanılabilecek bir blok yapmak çok basittir. Tek yapmanız gereken, yeniden kullanılabilen blok kitaplığına eklemek istediğiniz bloğa gitmek, yüzen menü çubuğundaki üç dikey noktayı tıklayın ve aşağı açma menüsünde yeniden kullanılabilecek bloğa ekle’yi seçin. . Ardından, bloğa bir başlık vermelisiniz ve yapmak iyidir. Makaleler aşağıda bağlıdır
Yukarıdaki örnekte, basit bir 4×6 tablosu yapıyoruz ve “Tablo 4×6” adlı yeniden kullanılabilecek bir blok olarak saklıyoruz. Bu artık blokların eklenmesinde görünür ve diğer bloklar gibi kullanılabilir:
12. Gutenberg kelimesini hesaplayın Kelime, karakterler, bloklar, başlıklar ve bir yazıda başlık sayısını görüntülemek için düzgün bir özelliğe sahiptir. Bu, SEO amaçları veya içerik yazarınıza kelimelere göre ödeme yaptığınız yer için yararlı olabilir. Bu bilgiyi çağırmak basittir. Yüzen takım çubuğunu açın ve Detay düğmesini tıklayın. Sayım altındaki açılır pencerede görünecektir.
13. Yüzen aletlerin bıçaklarını, her bir bloğun üstünde rastgele görünen ve kaybolan görünen yüzen araç çubuğu sayfasının üstüne sabitleyin. Bazı insanlar için yorucu olabilir. Neyse ki, onu sayfanın üstüne sabitlemenin bir yolu var. Bunu yapmak için ekranın sağ üst ucundaki seçeneği (üç dikey nokta) tıklayın ve üst takım çubuğunu seçin. Şimdi, seçenekler aktif blok türüne bağlı olarak değişecek olsa da, araç çubuğu tek bir yerde kalacaktır. Aşağıdakiler, yüzen bir alet bıçağı gösteren ekran görüntüleri: ve bu ekran görüntüsü onu nasıl etkinleştireceğini gösterir:
14. Etkin bloğu vurgulamak için Spotlight Modu kullanın, özellikle yüzen menü düzenleme panelinin üstüne sabitlendiğinde yanlış blokta değişiklik yapmaktan kaçınmak için spot ışığı modunu etkinleştirmenin çok önemli olduğunu düşünüyoruz. Vurgu modu, blok etkin olması dışında tüm blokları gri yapar. Etkinleştirmek için ekranın sağ üst kısmındaki seçeneği (üç dikey nokta) tıklayın, ardından Spotlight Modu’nu seçin.
15. Bloğu Sıfırla Sürükle ve Bırakın Şüphesiz Gönderinizdeki bloğu sıfırlamanız gerektiğinde bir örnek olacaktır. Örneğin, belki de metni yeniden düzenlemek veya grafiği daha iyi bir konuma taşımak istersiniz. Her iki durumda da, Gutenberg’deki bloğu yeniden düzenlemek kolaydır. Yapmanız gereken tek şey, üst aygıt bıçakları modunun devre dışı bırakıldığından emin olmaktır (yukarıdaki öğe 13’e bakın), ardından cihaz çubuğunda sürükleme düğmesini (üç noktanın iki dikey satır) tıklayın ve basılı tutun. Ardından, bu düğmeye basarken, etkin bloğu istediğiniz yere sürükleyebilirsiniz.
16. Gutenberg’deki sütun bloğu sütununu kullanarak bir sütun oluşturun ve yayınlara ve sayfalara dikey bir blok veya sütun eklemenize izin verir, bir gazete tarzı düzeni yapmaya veya bilgileri belirli bir şekilde gruplamak istiyorsanız idealdir. Dahası, diğer sütun blokları da dahil olmak üzere sütunda başka bloklar ekleyebilirsiniz. Bir sütun bloğu eklemek için, eklemek istediğiniz noktaya gidin, ardından bloğun eklenmesine gidin. Ardından, blok listesini kaydırarak veya arama çubuğunu kullanarak sütun bloğunu bulun. Daha sonra sütun düzeni için bir seçeneğiniz olacaktır. Ne istediğinizi seçtikten sonra, sütun otomatik olarak görünecektir. Ardından, sütunu metin çizimleri, grafikler vb. İle doldurabilirsiniz. Her sütuna uygun bloğu ekleyerek: Aşağıda aşağıdaki gibi yer alan aynı üç sütunun (33/33/33) sütun bloğunu gösteren bir ekran görüntüsü bulunmaktadır:
Sol sütun iki blok içerir. Birincisi, metin içeren bir paragraf bloğudur. Altında, biri resim bloğu ve diğer blok paragrafı olan aynı iki sütuna sahip başka bir sütun bloğu var.
Orta sütun sadece bir blok görüntü içerir
Sağ sütunda bir paragraf bloğu ve ardından bir blok bloğu vardır
17. Üçüncü taraf eklentileri kullanarak daha fazla blok alın Blokların eklenmesi, çoğu günlük sayfayı ve geliştirme sonrası ihtiyaçları karşılamak için bir Gutenberg bloğuna sahipken, daha spesifik ihtiyaç duyduğunuz örnekler olabilir. Örnekler şunları içerebilir:
Zaman sayma zamanı
Fiyat Tablosu
Referans
akordeon
Bildirim
Farklı düğmeler
Sosyal medya
harita
Vardiya
Liste neredeyse sonsuz. Mevcut olan hakkında bazı fikirler için 2021’de WordPress için 24 Madde 24 En İyi Gutenberg eklentimizi açın. 18. Gutenberg nasıl devre dışı bırakılır Gutenberg’in kullanılacak editör olduğundan emin değilseniz, klasik düzenleyiciye dönmenin nispeten kolay olduğunu bilmekten mutluluk duyacaksınız. Reversiyon yapmanın iki ana yolu vardır. İlk olarak, Gutenberg veya Classic Editor devre dışı bırakma eklentilerini kullanabilirsiniz. Bir eklenti kullanmanın avantajı, her biri farklı bir tercihi olan birkaç arka uç kullanıcınız olan Gutenberg veya klasik editör-mükemmel arasında kolayca geçiş yapmanıza izin vermeleridir. Veya, WordPress Editor’da (2021) Gutenberg’in nasıl devre dışı bırakılacağı makalemizde açıklanan yöntemlerden birini izleyerek manuel olarak bir dönüş yapabilirsiniz. Sadece bir süre klasik bir editör kullanmanız gerekiyorsa, bunu klasik bir blok kullanarak Gutenberg’den yapabilirsiniz. Tinymce düzenleyicisini bir blok olarak sabitledi, size bir Tinymce aracı ve yüklü eklenti tarafından eklenen ek düğmeler verdi:
