Gutenberg blok düzenleyicisini (WordPress düzenleyici olarak da bilinir) kullanmak istiyor ancak blokları nasıl ekleyeceğiniz veya kullanacağınızdan emin değil misiniz?
Bu yazıda, yeni WordPress editörünü nasıl kullanacağınızı ve yeteneklerini nasıl genişleteceğinizi öğreneceksiniz.
Bitti mi? Hadi başlayalım:
Gutenberg blok düzenleyicisi nasıl kullanılır?
Gönderi oluştururken blok düzenleyiciyi kullanırsınız Ve WordPress’teki sayfalar. Görsel (blok) ve kod (HTML) düzenleyicileri arasında serbestçe geçiş yapabilmenize rağmen, kendiniz HTML yazmak zorunda kalmadan web sitenize içerik eklemenizi sağlayan sezgisel bir araçtır.
Sayfalar ve gönderiler, WordPress’te “yazı türleri” olarak adlandırılır. Blok düzenleyici, gönderi türüne bağlı olarak burada ve orada birkaç fark dışında, her biri için aşağı yukarı aynıdır.
Panonun sol tarafındaki yönetici menüsündeki Gönderilerin üzerine gelip Yeni Ekle’yi seçerek oluşturabileceğiniz bir gönderi türü olan gönderilere bağlı kalacağız.
Kadence WordPress temasını da kullanacağız, bu nedenle editörümüzün sizinkinden birkaç farklı ayarı olabilir ve gönderimiz ön uçta biraz farklı görünebilir. SEOPress SEO eklentisini de kurduk, böylece ekran görüntülerimizde SEO ile ilgili birkaç panel göreceksiniz.
Blok düzenleyici, onu ilk açtığınızda (ve ne yazık ki tarayıcınızın önbelleğini temizlediğinizde de) sizi bir karşılama turuyla karşılar. Lütfen göz atmak için bir dakikanızı ayırın.
“Başlık Ekle” etiketli alana bir başlık ekleyerek başlayın. Bu, henüz kullanmak istediğiniz gerçek başlık olmak zorunda değildir. Gönderiyi yayınlamaya hazır olana kadar çalışan bir başlık kullanabilirsiniz. Artık bir başlık eklemek, tüm gönderiler listenizi görüntülerken taslağı tanımayı kolaylaştırıyor.
Lütfen buraya koyduğunuz başlığın, gönderinizin web sitenizde ve sosyal medyada paylaşıldığında sahip olacağı başlığı temsil ettiğini unutmayın.
Ardından Taslağı Kaydet’i tıklayın. Bu, düzenleyicinin sağ üstündeki menüde bulunan bir bağlantıdır. Klavyenizde Ctrl/Cmd+S tuşlarına da basabilirsiniz. WordPress düzenleyicide yerleşik bir otomatik kaydetme özelliği vardır, ancak arada sırada manuel olarak kaydederek, aniden güç veya internet bağlantınızı kaybederseniz taslağınızı kaybetme riskiyle karşı karşıya kalırsınız.
Gönderinizi yayınlamadan ön uçta nasıl görüneceğini görmek istiyorsanız, Önizleme bağlantısına tıklayın ve Yeni Sekmede Önizleme’yi seçin.
Not: Yayınla düğmesine bastığınızda, gönderiniz sitenizi ziyaret eden herkes tarafından yayınlanacaktır. Bu nedenle, şimdilik çevrimdışı tutmak için Taslağı Kaydet’e tıklamak daha iyidir.
Bu, gönderinizin temanızın stiliyle nasıl görüneceğini görmenizi sağlar.
Gutenberg blok kütüphanesini kullanma
WordPress blok düzenleyicisiyle oluşturduğunuz her gönderi veya sayfa, içerik bloklarından oluşur. Bu, gönderinizde iki paragraf, ardından bir başlık ve son olarak bir resim varsa, aslında iki paragraf bloğunuz, bir başlık bloğu ve bir resim bloğunuz olduğu anlamına gelir.
WordPress varsayılan olarak birkaç düzine bloğa sahiptir, ancak kitaplığınızı eklentilerle genişletebilirsiniz. Hatta bazı üçüncü taraf temaları ve eklentilerinin kendi blokları vardır.
Şimdilik, WordPress’in varsayılan bloklarına bağlı kalalım. Yazmaya başla yazan yere tıklayarak başlayın. Bu, otomatik olarak bir paragraf bloğu oluşturacaktır ve bir paragraf eklemek isterseniz yazmaya başlayabilirsiniz.
Bunun yerine, farklı bir blok kullanmak istiyorsanız artı + düğmesini tıklayın.
Varsayılan olarak, Gutenberg blok düzenleyicisi temanızın yazı tipi stillerini devralır, böylece gönderiniz siz onu oluştururken ön uçta görüneceği gibi görünür. Bu nedenle, ekran görüntülerimizdeki metin muhtemelen sizinkinden biraz farklı görünüyor.
İmlecinizi bir paragraf bloğuna getirdiğinizde, kayan bir araç çubuğu görünür. Kalın veya italik stiller eklemek veya hatta bir bağlantı eklemek gibi birçok yolla paragraf metnini dönüştürmenize olanak tanır. Microsoft Word veya Google Docs’tan çok farklı değil.
Paragraf bloğundan başlayarak blok ayarlarından bahsedelim. Düzenleyicinin sağ tarafındaki kenar çubuğuna bakarsanız, iki sekme olduğunu göreceksiniz: biri tüm gönderinin ayarları (Gönderi) ve biri de bireysel bloğun ayarları (Blok) için.
Henüz orada değilseniz Engelle sekmesine tıklayın. Paragraf bloğunda, bu belirli paragrafın kullandığı yazı tipi boyutunun yanı sıra paragraftaki her satırın olması gereken yüksekliği ayarlamak için kullanabileceğiniz tipografik ayarlar bulunur.
Temanız zaten genel bir yazı tipi boyutu ve satır yüksekliği kullanıyor, bu nedenle, bu belirli paragrafın farklı ayarlara sahip olmasını istemiyorsanız bu ayarları olduğu gibi bırakmanızı öneririz. Bunun yerine, Görünüm → Özelleştirici’ye giderek temanızın varsayılan tipografi ayarlarını özelleştirin.
Renk paneli varsayılan olarak kapalıdır. Açmak için tıklayın, ancak metin renginin Özelleştirici’de yapılandırabileceğiniz başka bir genel ayar olduğunu unutmayın. Yine de bu panel, belirli bir paragraf için renkleri özelleştirmenize ve hatta ona bir arka plan eklemenize olanak tanır.
Bu son ayar, özel bir nota veya uyarıya dikkat çekmek istediğinizde faydalı olabilir.
Oluşturduğunuz her yeni paragraf, farklı bir paragraf bloğudur ve bu nedenle farklı ayarlara sahiptir. Birkaç paragraf bloğunun ayarlarını aynı anda yönetmek için bunları birlikte gruplandırın.
İmlecinizle birden fazla paragrafı vurgulayın, ardından üzerine gelen üç noktalı menüye tıklayın ve Grupla’yı seçin.
Artık birden çok paragraf bloğu için renk ayarlarını düzenleyebilirsiniz. Ne yazık ki, grup işlevselliği aynı anda birden fazla yeniden kullanılabilir blok oluşturmayı amaçladığından, metin ayarlarının yine de ayrı ayrı yapılandırılması gerekiyor.
Bahsetmişken, grup ve bireysel bloklar için üç noktalı menüyü tıklarsanız, Yeniden Kullanılabilir Bloklara Ekle adlı bir seçenek de görürsünüz.
Oluşturduğunuz blokları kendi kişisel kitaplığınıza kaydetmenize olanak tanır. İçeriği ve ayarları kaydeder. Onlara “Sosyal Medya Harekete Geçirici Mesaj” gibi benzersiz adlar bile verebilirsiniz. Bloğu başka bir sayfada kullanmak istiyorsanız, yeni bir blok eklediğinizde aramanız yeterlidir.
Paragraf bloklarıyla ilgili olarak, yeniden kullanılabilir bloklar, birden çok gönderide sıklıkla tekrarladığınız bilgiler için harikadır. Buna, her iki profilin de bağlantıları dahil olmak üzere “beni Twitter ve Instagram’da takip et” gibi sık kullandığınız bağlı kuruluş bağlantıları ve harekete geçirici mesajlar için açıklamalar dahildir.
Yeniden kullanılabilir bloklar, küresel bloklar gibi çalışır. Bu, Post A, Post B ve Post C’ye yeniden kullanılabilir bir blok eklerseniz ve ardından bunu özel ayarlarla Post D’ye eklerseniz, bu ayarların Post A, B ve C’de de değişeceği anlamına gelir.
Yalnızca D yazısı için bloğu değiştirmek istiyorsanız, o üç noktalı menüyü tekrar tıklamanız ve Normal bloğa dönüştür’ü seçmeniz gerekir.
Fincan bloğu
Başlıklar, blog gönderilerini bölümlere ve bu bölümleri de alt bölümlere ayırmamıza yardımcı olur. Yüzyıllardır gazete ve dergi yazılarının farklı bölümlere ayrılmasına benzer.
Web sayfaları en fazla altı başlık içerir: H1’den H6’ya veya Başlık 1’den Başlık 6’ya kadar. H1-H6 etiketleri, bir başlığın SEO’daki boyutunu ve önemini temsil eden HTML etiketleridir.
Temanız gönderi başlıkları için en büyük ve en önemli başlık olan H1’i kullanır, bu nedenle gönderinizdeki birincil başlıklar için H2’yi ve ikincil başlıklar için H3’ü kullanmalısınız. H4-H6 daha az yaygındır, ancak gerekirse bunları kullanabilirsiniz.
Artık artı düğmesini bulamıyorsanız, imleci son paragrafınızın sonuna getirin ve Enter tuşuna basın. Ardından, mesajınıza bir başlık bloğu eklemek için düğmesini kullanın.
H2 etiketi varsayılan olarak seçilidir. Gerekirse farklı bir etiket seçmek için tıklayın.
Ayarlar paragraf etiketleri için aynıdır, bu yüzden onların üzerinden geçmeyeceğiz. Temanızın Özelleştirici’deki tipografi ayarlarının da genel başlık ayarlarına sahip olması gerektiğini unutmayın.
Resim bloğu
Bir görüntü bloğu eklemek için aynı adımları izleyin, ancak bu sefer Görüntü’yü seçin.
WordPress size resim yüklemeniz için üç yol sunar:
- yüklemek – WordPress’e yüklemek için cihazınızdan bir dosya seçin. Dosya, medya dosyası boşaltma işlevini ayarlamadığınız sürece varsayılan olarak barındırma sunucunuzda depolanır.
- medyatik – WordPress medya kitaplığından bir resim seçin. Bu kitaplık, WordPress’teki medya dosyalarını yönetmenizi sağlar. Bu seçeneği seçerseniz, aynı anda birden fazla resim yükleyebilirsiniz, ancak yine de bu belirli bloğa yalnızca bir tane atamayı seçebilirsiniz.
- URL’den ekle – Resminizi içeren bir URL ekleyin, ardından gönderinize hangi resmi ekleyeceğinizi seçin. Bu seçenek birçok nedenden dolayı akıllıca değildir. İlk olarak, resim, eklediğiniz URL’den kaldırılarak sitenizde çalışmamasına neden olabilir. İkinci olarak, eklediğiniz görsel atıfsız değilse telif hakkını ihlal ediyor olabilirsiniz. Son olarak, blogunuzun daha profesyonel görünmesi için kendi orijinal resimlerinizi oluşturmanız en iyisidir.
Bir görüntü seçtiğinizde, tıpkı paragraf ve başlık blokları gibi kayan bir araç çubuğu görünür. Görüntünün hizalamasını sola, sağa veya ortaya değiştirmenize, görüntüye bağlantı eklemenize, üzerine metin eklemenize ve hatta kırpmanıza olanak tanır.
Resmin altına bir başlık bile ekleyebilirsiniz.
Ayarlar için resminize ve alternatif metninize bir stil ekleyebilirsiniz. Görüntünün ne olduğunu tanımlayan alternatif metin olarak kısa ama açıklayıcı bir başlık kullanın. Bu SEO amaçlıdır.
Çoğu durumda, görüntü boyutu olarak “Tam boyut”u da seçmelisiniz. WordPress, resminizi otomatik olarak blogunuzun içerik genişliğine küçültür.
Bu alanda daha fazla yardım için görüntüleri web için optimize etme kılavuzumuza göz atmayı unutmayın.
Diğer bloklar ve üçüncü taraf blokları
Bahsettiğimiz gibi, WordPress, farklı bölümlerde düzenlenmiş düzinelerce içerik bloğuyla dolu bir kitaplığa sahiptir. Yeni bir blok eklemek üzereyken, hepsini görmek için Tümünü Görüntüle düğmesini tıklayın.
İşte kullanabileceğiniz birkaç yaygın yöntem:
- Liste
- Alıntı
- çekme oranı
- Masa
- Galeri
- Kapak
- Medya ve metin
- Video
- Testler
- Sütunlar
- Sosyal simgeler
- Sosyal Medya Kapsamaları
- SSS
Daha fazla bloğa erişmek istiyorsanız, üçüncü taraf bir blok eklentisi kullanın. Bu, bazıları WordPress’in varsayılan bloklarına göre iyileştirmeler olan daha fazla içerik bloğuna erişmenizi sağlar.
Nihai Bloklar en popüler seçeneklerden biridir. Bu ücretsiz eklenti, Gutenberg editörü için ek 20 bloğa erişmenizi sağlar. Bunlar Referans, Harekete Geçirici Mesaj, İçerik Değiştirme, Sekmeli İçerik, İçindekiler Tablosu ve daha fazlasını içerir.
Bir diğer harika seçenek ise Kadans bloklarıve Kadence WordPress temasıyla harika bir kombinasyon. Kadence teması, Gutenberg editörü ve Elementor için site demolarına sahiptir, bu nedenle, sitenizi Elementor üzerinden oluşturmak için daha hafif Gutenberg editörünü kullanmayı tercih ediyorsanız ekstra Gutenberg blokları harikadır.
Eklenti, koleksiyonunuza Gutenberg’in varsayılan bloklarının daha iyi sürümlerini ve birkaç ekstrayı sunan 15 blok ekler. Bunlar Referans, Bilgi Kutusu, Akordeon, İçindekiler Tablosu, Geri Sayım ve daha fazlasını içerir.
Sen olabilmek Koleksiyonunuza her iki blok setini de eklemek istiyorsanız, Ultimate Blocks ve Kadence Blocks’u yan yana kullanın.
Kadence Blocks ayrıca, blok düzenleyicinin üst menüsünde bulunan bir düğme olan Tasarım Kitaplığına da sahiptir. Bu kitaplıkta kullanabileceğiniz üç yeni tasarım öğesi kategorisi vardır. İlk olarak, fiyatlandırma tablosu, iletişim formu veya ekip üyelerini sergilemek için bir satır gibi içe aktarılmaya ve kullanılmaya hazır önceden tasarlanmış sayfa bölümleri olan Bölümlere sahiptir.
Başlangıç paketleri tamamen tasarlanmış sayfalar içerir. Tel Kafes kategorisi, Tel Kafes öğelerinin demo içeriğine sahip olmaması dışında, Bölümler kategorisine benzer tasarım öğeleri içerir.
Bazı eklentiler özel Gutenberg eklentileri değildir, ancak işlevselliklerini blok düzenleyiciye kolayca eklemek için kullanabileceğiniz blokları vardır. Ultimate Blocks’un arkasındaki aynı ekip tarafından geliştirilen bir tablo eklentisi olan WP Table Builder’da durum böyledir.
Artık bir sayfa oluşturucuya güvenmeden blok düzenleyiciye iyi tasarlanmış fiyatlandırma, veri ve karşılaştırma tabloları ekleyebilirsiniz.
Son düşünceler
Gutenberg blok düzenleyicisini, WordPress klasik düzenleyicisi gibi WYSIWYG düzenleyicileriyle karşılaştırdığınızda biraz öğrenme eğrisi vardır, ancak bu engelleri aştıktan sonra kullanımı inanılmaz derecede kolaydır. Ayrıca, bir sayfa oluşturucu eklentisine başvurmak zorunda kalmadan blog yazılarınızda daha fazla tasarım öğesi kullanabilirsiniz.
Ayrıca, taslaklarınızı WordPress dışında Google Docs veya Microsoft Word gibi uygulamalarda yazarken daha verimli olmanızı sağlar. Bu uygulamalar, bu uygulamalardan bağlantılarınızı, başlıklarınızı ve metin stillerinizi içe aktarırken, gönderilerinizi onlardan kopyalayıp Gutenberg blok düzenleyicisine yapıştırmanıza olanak tanır. Google Dokümanlar, resimlerinizi bile dışa aktarır.
İlgili okuma:
- WordPress’te sayfalar nasıl eklenir?
- WordPress’e iletişim formu nasıl eklenir?
- WordPress’te 500 Dahili Sunucu Hatası Nasıl Düzeltilir
- WordPress’e Google Analytics Nasıl Eklenir?
- WordPress ile metin mesajları nasıl gönderilir?
