WordPress Blok Düzenleyici: Bilmeniz Gereken Her Şey (2022)

WordPress, artık eski klasik düzenleyicinin yerini alan yeni Blok düzenleyicisini yayınladı. Bu düzenleyici tamamen farklı bir şekilde çalışır ve WordPress'in gittiği yöndür.

WordPress Blok Düzenleyici'de yeniyseniz ve nasıl çalıştığını anlamak için bir kaynak arıyorsanız doğru yerdesiniz!

Bu yazıda, size bu yeni WordPress Blok Düzenleyicide yol göstereceğim.

Ayrıca, size nasıl çalıştığını ve bu çok daha iyi ve üretken editör için klasik editörü nasıl bırakabileceğinizi göstereceğim.

Öyleyse başlayalım.

WordPress Blok Düzenleyici nedir?

WordPress Blok Düzenleyici, WordPress'in bloklara dayalı yeni varsayılan düzenleyicisidir. Bloklar, paragraflar, resimler, videolar, düğmeler, listeler ve daha fazlasını eklemek için kullanabileceğiniz içerik öğeleridir.

Ve Gutenberg, yeni WordPress blok düzenleyicisinin proje adıdır. Proje, hareketli tip mekanik baskı makinesini icat eden Johannes Gutenberg'in adını almıştır.

WordPress, yeni editörün en büyük hedeflerinden birinin, kullanıcıların yalnızca birkaç tıklamayla zengin gönderiler ve güzel düzenler oluşturmasına izin vermek olduğunu belirtti.

Yeni blok arayüzü ile WordPress kullanıcılarının herhangi bir sayfa oluşturucu eklentisine ihtiyaç duymadan güzel sayfalar ve gönderiler oluşturması artık mümkün hale geldi.

Bloğu daha iyi anlamak için klasik editörden ne kadar farklı olduğuna bakmamız gerekiyor.

Blok Düzenleyici ve Klasik Düzenleyici: Fark Nedir?

Yeni blok düzenleyici, klasik düzenleyiciden çok farklıdır.

Nasıl olduğunu görelim:

WordPress klasik düzenleyicisi şöyle görünür:

Ve bu, WordPress'in yeni Blok düzenleyicisidir:

Yüzeyde çok farklı görünüyorlar. Ancak, her bir düzenleyicinin derinliklerine inerseniz, bu farklılıklar çok daha büyüktür.

Klasik düzenleyici ile blok düzenleyici arasındaki en büyük fark şudur:

Klasik düzenleyici, çeşitli biçimlendirme seçeneklerine sahip basit bir metin düzenleyicidir. Diğer herhangi bir metin düzenleyicide eklediğiniz gibi resim, kısa kod, video vb. ekleyebilirsiniz.

Blok düzenleyici ise, her öğenin veya varlığın blok olarak temsil edildiği blokları kullanır. Yani içeriğinize eklediğiniz herhangi bir resim, galeri, video veya kısa kod blok şeklindedir.

Bu yüzden Blok Düzenleyici olarak da adlandırılır.

Blok düzenleyici, içeriğinize eklenebilecek önceden tanımlanmış birçok blokla birlikte gelir. Ayrıca, bir Gutenberg blok eklentisi kullanarak birçok yeni blok ekleyebilirsiniz.

Artık klasik düzenleyici ile blok düzenleyici arasındaki farkı biliyorsunuz.

Soru:

Gutenberg'in blok editörü klasik editörden nasıl daha iyi?

Blok düzenleyiciyi klasik düzenleyiciye göre kullanmanın birçok avantajı vardır.

En büyüğü, klasik editörden daha kolay kullanımıdır. Sayfanızın tasarımı ve düzeni üzerinde size daha fazla kontrol sağlayan bireysel blokları da düzenleyebilirsiniz.

Okuyun: Gutenberg (Blok Editörü) Vs. Klasik Editör: Hangisini Seçmelisiniz?

Blok Düzenleyici Arayüzüne Hızlı Giriş

Gutenberg blok düzenleyici arayüzüne derinlemesine bir göz atalım. Gutenberg'de bir gönderi veya sayfa oluşturduğunuzda, düzenleyici şöyle görünür:

Gutenberg editör arayüzünün öğelerinin kısa bir özeti:

1. Blog yayınınızın/sayfanızın başlığı.
2. Gönderinizin/sayfanızın içerik alanı.
3. Yeni bloklar eklemenizi sağlar.
4. Geri al/yinele düğmeleri.
5. Kategori ekleyebileceğiniz, öne çıkan görseli değiştirebileceğiniz, yayınlanma tarihini ayarlayabileceğiniz ve daha fazlasını yapabileceğiniz gönderi ayarlarına erişim.
6. Bireysel seçilen blok için ayarlar. Her bloğun farklı blok ayarları olabilir.
7. Gönderiyi canlı önizleyin veya yayınlayın/güncelleyin.

Artık blok düzenleyicinin arayüzüne aşina olduğunuza göre, Gutenberg ile gelen bloklara bir göz atalım.

Bloklara Giriş

Bu kılavuzun başından beri yeni düzenleyicinin bloklarla çalıştığını okuyorsunuz. Ancak, bu bloklar nelerdir? Ve nasıl çalışırlar?

Gutenberg'de farklı kategorilere göre kullanılabilen farklı blok türleri şunlardır:

Ortak Bloklar

Bunlar, gönderilerle çalışırken çok sık kullanılan bloklardır. Ortak bloklar, en temel eleman bloklarını içerir.

Paragraf Bloğu

Paragraf bloğu, blok düzenleyicide metin yazmanıza izin verir. Gönderiniz için içerik yazabileceğiniz basit bir kutu.

Bu blok, paragrafın yazı tipi boyutunu, hizalamasını, arka planını, metin rengini vb. değiştirmenize olanak tanıyan standart biçimlendirme seçenekleriyle birlikte gelir.

Başlık Bloğu

Başlık bloğu, içeriğinize başlık eklemenizi sağlar. Altı boyuttan (H1 - H6) başlık türünü seçebilirsiniz.

Başlığınızın hizalamasını değiştirebilir, biçimlendirebilir ve hatta bağlantılar ekleyebilirsiniz.

Resim Bloğu

Görüntü bloğu, düzenleyiciye bir görüntü eklemenizi sağlar. Görüntüyü bilgisayarınızdan, WordPress medya kitaplığından veya bir URL'den ekleyebilirsiniz.

Resim bloğuna resim yazısı ekleyebilir, resim boyutunu değiştirebilir, ALT metni ekleyebilir ve daha fazlasını yapabilirsiniz.

Galeri Bloğu

Galeri bloğu ile güzel galeriler oluşturabilirsiniz. Bu blok ile aynı bloğa birden fazla görsel ekleyebilirsiniz.

Galeri için sütun sayısını seçebilir, resimlere resim yazıları ekleyebilir ve hatta galerinizin resimlerini bağlayabilirsiniz.

Liste Bloğu

Liste bloğu, madde işaretli veya numaralı bir liste oluşturmanıza olanak tanır.

Bu blok ayrıca alt öğeler oluşturmanıza, bağlantı bağlantıları eklemenize ve listenizin metnini biçimlendirmenize olanak tanıyan standart biçimlendirme seçenekleriyle birlikte gelir.

Alıntı Bloğu

Alıntı bloğu, içeriğinize güzel alıntılar eklemenizi sağlar.

Alıntıyı yazar adıyla birlikte ekleyebilir ve diğer bloklar gibi biçimlendirebilirsiniz.

Ses Bloğu

Ses bloğu, içeriğinize ses dosyaları yüklemenizi sağlar. Blok güzel bir ses çalar görüntüler.

Ses çaları, sesi otomatik olarak ve/veya döngü halinde çalmak için özelleştirebilirsiniz.

Kapak Bloğu

Kapak bloğu, metin kaplamalı bir resim veya video eklemek için kullanılabilir.

Kaplamanın arka plan rengini ve opaklığını değiştirebilirsiniz.

Dosya Bloğu

Dosya bloğunu kullanarak farklı dosya türleri ekleyebilirsiniz.

Dosya bloğu, bir düğme görüntülemenizi, dosyayı yeni bir sekmede açmayı seçmenizi ve daha fazlasını sağlar.

Video Bloğu

Video bloğu, içeriğinize video yüklemenizi sağlar.

Videoları otomatik olarak oynatabilir, sesini kapatabilir, bir video küçük resmi yükleyebilir ve daha fazlasını yapabilirsiniz.

Biçimlendirme Blokları

Biçimlendirme blokları, kod bloklarını, özel HTML bloklarını ve diğer benzer blokları içerir.

Gutenberg'de bulunan her bir biçimlendirme bloğunu inceleyelim.

Özel HTML Bloğu

Özel HTML bloğu, gönderinize hızlı bir şekilde özel HTML eklemenize ve onu önizlemenize olanak tanır.

Masa Bloğu

Artık herhangi bir eklenti kullanmadan WordPress'te tablolar oluşturabilirsiniz.

Tablo bloğu, kolaylıkla tablolar oluşturmanıza olanak tanır. Satır ve sütun sayısını seçebilir ve düzeni seçebilirsiniz.

Kod Bloğu

Kod bloğunu kullanarak güzel kod parçacıkları görüntüleyebilirsiniz.

Kod bloğu, kodun yürütülebilir olduğu bir blok değildir. Sadece okuyucularınıza kod göstermek içindir.

Klasik Blok

Klasik bloğu kullanarak küçük bir klasik düzenleyici ekleyebilirsiniz.

Klasik blok, klasik düzenleyicinin tüm biçimlendirme seçeneklerine sahiptir.

önceden biçimlendirilmiş blok

Önceden biçimlendirilmiş blok, metni siz yazarken ön uçta görüntülemenizi sağlar.

Metni tek aralıklı bir yazı tipinde görüntüler.

Kısa Alıntı Bloğu

Kısa alıntı bloğunu kullanarak içeriğinizin herhangi bir metnini vurgulayabilirsiniz.

Ana rengi ve metin rengini değiştirerek bloğun renklerini özelleştirebilirsiniz.

Ayet Bloğu

Ayet blokları, şiir veya şarkı sözü gibi dizeler yazmak için kullanılır.

Ayetler yeni bir satırda görüntülenir ve istediğiniz kadar ayet yazabilirsiniz.

Düzen Öğe Blokları

Düzen öğesi blokları, gönderinizin düzenini güzel bir şekilde özelleştirmenize olanak tanır.

Gutenberg'deki düzen öğesi blokları şunlardır:

Sütun Bloğu

Sütun bloğunu kullanarak içeriğinize sütunlar ekleyebilirsiniz. Artık sütunlar için herhangi bir kısa kod eklentisi kullanmanıza gerek yok!

Sütun bloğu özelleştirilebilir ve sütunun arka plan rengini değiştirebilirsiniz.

Düğme Bloğu

Buton bloğunu kullanarak yazınıza güzel butonlar ekleyebilirsiniz.

Düğmenin kenarlığını ve rengini özelleştirmenize olanak tanıyan düğme bloğu için birçok ayar vardır.

Medya ve Metin Bloğu

Medya ve metin bloğu, metin ve medyayı yan yana görüntülemek için kullanılabilir.

Bu blok, metin ve medya için standart biçimlendirme seçeneklerine sahiptir.

Sayfa Sonu Bloğu

Sayfa sonu bloğu, içeriğinize basit sayfa sonları eklemenizi sağlar.

Ayırıcı Blok

Ayırıcı blok, gönderinize ayırıcılar eklemenizi sağlayan basit bir bloktur.

Ara Blok

Bu blok, bloklar arasında boşluk ekler.

Widget Öğe Blokları

Widget öğesi blokları, gönderinize widget'lar eklemenize olanak tanır. Bu widget blokları kısa kodları, arşivleri, kategorileri, aramayı, etiket bulutunu ve daha fazlasını içerir.

Kısa Kod Bloğu

Kısa kod bloğu, içeriğinize kısa kodlar eklemenizi sağlar.

Kısa kodu doğrudan içeriğe yapıştırdığınız klasik düzenleyicinin aksine, kısa kod bloğu kolayca bir kısa kod eklemenizi sağlar.

Son Gönderiler

En son gönderiler bloğu, blogunuzda yayınlanan en son gönderileri gönderilerinizde görüntülemenizi sağlar.

Gönderilerin kategorisini seçmenize, görüntülenecek öğe sayısını seçmenize, gönderileri sipariş etmenize ve gönderi tarihini görüntülemenize izin veren ayarlar vardır.

Gömme Öğeleri

Gömme öğeleri, diğer kaynaklardan içeriği yayınınıza yerleştirmenize olanak tanır.

Bazı gömme öğesi blokları arasında YouTube gömme, Spotify, SlideShare ve daha fazlası bulunur.

YouTube Yerleştirme Bloğu

YouTube gömme bloğu, herhangi bir YouTube videosunu içeriğinize gömmenizi sağlar.

Yani Gutenberg ile gelen bloklar bunlar.

Eski Gönderileri Bloklara Dönüştürme

Blok düzenleyiciye olan ilginiz şimdi zirve yaptıysa, eski klasik editör gönderilerinizi nasıl bloklara dönüştürebileceğinize bir göz atmanın zamanı geldi.

İşlem çok basittir ve sadece birkaç tıklama alır.

Bunu şu şekilde yapabilirsiniz:

WordPress kontrol panelinizde Gönderiler > Tüm Gönderiler'e gidin.

Bloklara dönüştürmek istediğiniz gönderide 'Düzenle'yi tıklayın.

Şimdi, WordPress'inizde Gutenberg kuruluysa, gönderi yeni blok düzenleyici arayüzü ile yüklenecektir.

Ancak, tüm içeriğiniz bir önceki bölümde tartıştığımız 'Klasik Blok' içinde olacaktır.

Klasik blok, klasik editörün tüm özelliklerine sahip bir TinyMCE editörüdür.

Gönderinizin yeni blok düzenleyicide yüklenmesinin bloklara dönüştürüldüğü anlamına gelmediğini belirtmek önemlidir.

Klasik bloğu bireysel bloklara dönüştürmek için 'Bloklara Dönüştür' seçeneğine tıklayın.

Gönderinizin tamamı bireysel bloklara dönüştürülecek.

Ve bu kadar!

Eski gönderilerinizi bloklara dönüştürmek bu kadar basit.

Peki ya Blok düzenleyici arayüzü ile yeni gönderiler oluşturmaya ne dersiniz?

Şuna bir bakalım.

Yeni Blok Ekleme

Önceki bölümlerde Gutenberg blok düzenleyici arayüzüne bir göz atmıştık. Kolayca gönderiler oluşturmanıza olanak tanıyan basit ve anlaşılır bir arayüz.

Gönderinize herhangi bir şey eklemek için bir blok eklemeniz gerekir.

Gutenberg'deki gönderinize blok eklemenin farklı yolları burada.

Bir blok yerleştirmenin üç yolu vardır ve hepsi oldukça basittir.

İlki, yazı düzenleyicideki '+' işaretini tıklamanız yeterlidir.

Ayrıca üst araç çubuğundaki '+' işaretini tıklayarak yeni bir blok ekleyebilirsiniz.

Ve sonuncusu oldukça harika. Sadece / yazıp bloğun adını yazın ve bloğu düzenleyiciye ekleyin.

Bu yöntemin en iyi yanı, bloğun tam adını yazmanıza gerek olmamasıdır. Blok, siz yazarken size otomatik olarak önerilerde bulunur.

Blokları Kopyalama, Taşıma ve Kaldırma

Blok düzenleyicinin en iyi yanı, her şeyin bir blokta olmasıdır. Bu nedenle, bir metni, resmi veya tabloyu kopyalamak istiyorsanız, tamamını kopyalamanız gerekmez.

Sadece bloğu seçin ve onunla ne yapmak istediğinizi seçin. Blokları çoğaltabilir, sadece sürükleyerek taşıyabilir veya kaldırabilirsiniz.

İşte bunu nasıl yapabileceğiniz.

Blokları çoğaltma

Blokları çoğaltmak çok kolaydır.

Bir bloğu çoğaltmak için bloğu seçin ve ayarlarına tıklayın (üç dikey nokta). Ayarlarda, bloğu çoğaltma seçeneği var.

Üzerine tıklayın ve bloğunuz kopyalanacaktır.

Blokları seçip Ctrl+Shift+D kısayol tuşunu kullanarak da blokları çoğaltabilirsiniz.

Hareketli Bloklar

Blokları sürükleyerek veya sadece yukarı ve aşağı düğmelerine tıklayarak taşıyabilirsiniz.

Bloğunuzun üzerine gelin ve sol tarafta ortada bir düğme ile birlikte iki yukarı ve aşağı buton göreceksiniz.

Yukarı/aşağı düğmelerine tıklamak bloğu yukarı/aşağı hareket ettirecektir. Veya ortadaki düğmeye tıklayarak bloğu istediğiniz yere sürükleyebilirsiniz.

Blokları Kaldırma

Bir bloğu kaldırmak için blok ayarlarına tıklayın ve bloğu kaldır seçeneğini seçin.

Shift+Alt+Z kısayol tuşunu kullanarak da bir bloğu kaldırabilirsiniz.

Yeniden Kullanılabilir Blok Oluşturma

Blok düzenleyicinin harika bir özelliği, Yeniden Kullanılabilir Bloklar kavramıdır. Yeniden kullanılabilir bir blok, temelde kaydedilebilen ve diğer gönderilerde kullanılabilen bir bloktur.

Artık blokları kaydedip yeniden kullanabileceğiniz için bu gerçekten yararlı bir özellik.

Yeniden kullanılabilir bir blok oluşturmak için blok ayarlarına tıklayın ve 'Yeniden kullanılabilir bloklara ekle' seçeneğini seçin.

Ardından, kaydettiğiniz bloğa bir ad verin ve kaydet düğmesine tıklayın.

Bu, bloğunuzu Gutenberg blok kitaplığına kaydedecektir.

Artık yeniden kullanılabilir bloğunuzu başka gönderilerde kullanmak istediğinizde, diğer herhangi bir blok gibi ekleyebilirsiniz.

Yeniden kullanılabilir bloklarınızı blok yöneticisi sayfasından da yönetebilirsiniz. Bu sayfadan bloklarınızı düzenleyebilir veya silebilirsiniz. Ayrıca blokları içe veya dışa aktarabilirsiniz.

Blok Düzenleyiciye Daha Fazla Blok Ekleme

Blok düzenleyicide sağlanan varsayılan bloklar gerçekten harikadır ve güzel gönderiler ve sayfalar oluşturmanıza yardımcı olur.

Ama ya bir adım daha ileri gitmek istersen?

Neyse ki Blok düzenleyici, geliştiricilerin kendi bloklarını geliştirmelerine olanak tanır. Bu, geliştiricilerin gerçekten harika Gutenberg blok eklentileri oluşturmasına neden oldu.

Böyle bir eklenti Ultimate Blocks'tur.

Bu blok eklentisi, blog gönderilerini renklendirmek ve daha çekici hale getirmek isteyenler için yapılmıştır.

Eklenti 15'ten fazla blokla birlikte gelir. Dikkate değer bloklardan bazıları şunlardır:

• İçerik filtresi
• Gözden geçirmek
• İçindekiler
• Eylem çağrısı
• Tweetlemek için tıklayın
• sosyal paylaşım
• geri sayım

Ultimate Blocks'un kullanımı delicesine kolay ve çok hızlı. Bu eklenti ile gönderilerinize bazı benzersiz bloklar ekleyebilir, etkileşiminizi ve sosyal paylaşımlarınızı artırabilirsiniz.

Çözüm

Böylece, WordPress Blok Düzenleyici kılavuzumuz sona eriyor. Umarım bu rehber Gutenberg'i daha iyi öğrenmenize ve anlamanıza yardımcı olmuştur.

Bu düzenleyicide tamamen yeniyseniz, size verebileceğim en iyi tavsiye, onu denemenizdir. Bu harika düzenleyiciyi kullanmaya alışacaksınız.

Ve bu gönderiyle ilgili herhangi bir sorunuz varsa, aşağıdaki yorumlar bölümünde onlara sormaktan çekinmeyin.

---

Hepsini Değiştirecek Bir Eklenti.

• İçindekiler
• Sekmeli İçerik
• İçerik Geçişi
• Eylem çağrısı

• Görüntü Kaydırıcısı
• referans
• İlerleme çubuğu
• geri sayım

• İnceleme Kutusu
• Nasıl Yapılır Şeması
• Tweetlemek için tıklayın
• Ve dahası

Ultimate Blocks, 18+ bloğa sahip ücretsiz bir Gutenberg Blocks eklentisidir.

ÜCRETSİZ Ultimate Blocks alın!