Gutenberg blok editörünü verimli kullanmak: Zaman kazandıran 12 ipucu

WordPress 5.0 ile gelen blok editörü (Gutenberg), içeriği paragraf, başlık, görsel, liste gibi ayrı bloklardan oluşan bir yapıya dönüştürdü. İlk yıllarda tepki çeken bu değişiklik bugün olgunlaştı. Klavyeyi iyi kullananlar için klasik editörden çok daha hızlı bir yazım deneyimi sunuyor.

Klavye ile yazmak

1. Eğik çizgi komutu

Boş bir paragrafa / yazın ve ardından blok adını yazmaya başlayın: /başlık, /resim, /liste, /tablo, /alıntı. Enter'a bastığınızda blok eklenir. Fareyle "+" simgesine gidip blok aramaktan çok daha hızlıdır.

2. Markdown kısayolları

Blok editörü, yazarken bazı Markdown kalıplarını kendiliğinden tanır:

## + boşluk       → H2 başlık
### + boşluk      → H3 başlık
- + boşluk        → madde işaretli liste
1. + boşluk       → numaralı liste
> + boşluk        → alıntı
(üç ters tırnak)  → kod bloğu
---               → ayırıcı çizgi

Satır içinde iki yıldız arasına yazdığınız metin kalın, ters tırnak işaretleri arasına yazdığınız metin de satır içi kod olarak otomatik biçimlenir.

3. Temel kısayollar

Ctrl/Cmd + B, I, K         Kalın, italik, bağlantı
Ctrl/Cmd + Shift + D       Bloğu çoğalt
Ctrl/Cmd + Alt + T / Y     Öncesine / sonrasına yeni blok ekle
Shift + Alt + Z            Bloğu sil
Ctrl/Cmd + Shift + Alt + M Görsel ve kod editörü arasında geçiş
Shift + Alt + H            Bütün kısayolları göster

Son kısayolu bir kez açıp listeye göz atmanızı öneririm.

4. Metni yapıştırırken

Word ya da Google Docs'tan kopyaladığınız metni doğrudan yapıştırdığınızda, editör başlıkları, listeleri ve kalın yazıları bloklara dönüştürmeye çalışır. Çoğu zaman iyi sonuç verir. Biçimlendirmenin taşınmasını istemiyorsanız Ctrl/Cmd + Shift + V ile düz metin olarak yapıştırın.

Bir bağlantı adresini boş bir paragrafa yapıştırmak, YouTube, Vimeo ya da X gibi desteklenen sitelerde otomatik olarak gömülü içeriğe dönüşür. Seçili bir kelimenin üzerine adres yapıştırmak ise o kelimeyi bağlantıya çevirir.

Yapıyı yönetmek

5. Liste görünümü

Üst araç çubuğundaki "Belge genel bakışı" simgesi (üç yatay çizgi) sayfadaki bütün blokları ağaç yapısında gösterir. Uzun yazılarda belirli bir bloğu bulmak, iç içe grupları düzenlemek ve sürükleyip yeniden sıralamak için en pratik yoldur. Aynı paneldeki "Ana hatlar" sekmesi de başlık hiyerarşinizi gösterir ve atlanan bir başlık seviyesi varsa sizi uyarır.

6. Blokları taşımak

Bir bloğu seçip araç çubuğundaki yukarı ve aşağı oklarla taşıyabilirsiniz. Birden fazla bloğu taşımak için Shift ile seçip birlikte hareket ettirin. Kısayolu da var: Ctrl/Cmd + Shift + Alt + T ve Y.

7. Blok dönüştürme

Bir paragrafı başlığa, bir listeyi paragraflara ya da birkaç görseli bir galeriye çevirmek için bloğun araç çubuğundaki ilk simgeye (blok türü simgesi) tıklayın. Silip yeniden yazmanıza gerek kalmaz.

Tekrar eden içerik

8. Desenler (patterns)

Her yazının sonunda kullandığınız bir "yazar kutusu", bir "bültene abone ol" bölümü ya da standart bir ürün tanıtım düzeni varsa, onu bir kez hazırlayıp desen olarak kaydedin. Blokları seçin, üç nokta menüsünden "Desen oluştur" seçin.

Desen oluştururken "senkronize" seçeneği iki farklı davranış sunar:

• Senkronize desen: Desenin içeriğini bir yerde değiştirdiğinizde, kullanıldığı her yerde değişir. Bütün sayfalarda aynı görünmesi gereken iletişim bilgileri ya da kampanya duyuruları için idealdir.
• Senkronize olmayan desen: Bir şablon gibi davranır. Eklendiği yerde serbestçe düzenlenebilir ve diğerlerini etkilemez.

9. Stilleri kopyalamak

Bir bloğa uyguladığınız renk, boşluk ve yazı tipi ayarlarını başka bloklara aktarmak için bloğun üç nokta menüsündeki "Stilleri kopyala" ve "Stilleri yapıştır" seçeneklerini kullanın.

Sık yapılan hatalar

10. Başlıkları görsel boyut için kullanmak

Bir metni büyük göstermek için H2 seçmek, sayfanın yapısını bozar. Ekran okuyucular ve arama motorları başlıkları sayfanın ana hatları olarak okur. Metni büyütmek istiyorsanız paragrafın yazı boyutu ayarını kullanın.

11. Her şeyi tek bir Klasik bloğa yapıştırmak

Eski yazıları taşırken içerik tek bir "Klasik" blokta kalabilir. Bu bloğun menüsündeki "Bloklara dönüştür" seçeneği, içeriği ayrı bloklara böler ve düzenlemeyi kolaylaştırır.

12. Görsellerde alternatif metni atlamak

Her görsel bloğunun sağ panelinde "Alternatif metin" alanı bulunur. Görseli göremeyen biri için görselin ne anlattığını kısaca tarif edin. Sırf süs amaçlı görsellerde bu alanı boş bırakmak doğrudur.

Bonus: Dikkat dağıtmayan mod

Sağ üstteki üç nokta menüsünde "Dikkat dağıtmayan" (distraction free) mod bulunur. Bütün panelleri ve araç çubuklarını gizler, yalnızca metninizi bırakır. Uzun yazıların ilk taslağı için birebirdir.

Blok editörü, alışma süresinden sonra hem yazarlar hem de tasarımcılar için güçlü bir araç. Birkaç kısayolu parmaklarınıza yerleştirdiğinizde, fareye uzanma ihtiyacınız giderek azalacak.