Gutenberg Blokları: 2022 İçin Temel Hususları İçeren Nihai Kullanıcı Kılavuzu

6 Aralık 2018'deki yeni sürümle birlikte WordPress 5.0 Kirk, varsayılan bir blok düzenleyici olan Gutenberg'i tanıttı. Bu yeni içerik düzenleyici, tamamen farklı bir yaklaşımla içerik oluşturmanıza yardımcı olur. WordPress TinyMCE düzenleyicisinin yerini aldı ve içerik oluşturma için bloklar şeklinde daha görsel bir yol getirdi.

Gutenberg Editor, önceden oluşturulmuş öğeler veya bloklardan oluşan zengin bir kitaplık sağlar. Ve bunları bir WordPress sitesinde çalışırken kullanabilirsiniz. Orada her içerik parçası sürüklenebilir bir bloktur. Ve bu bloklar, içerik düzenleri oluşturmak için kullanılan editör bloklarıdır.

Sitenizi henüz WordPress 5.0'a güncellememiş olsanız da olmasanız da, gelecekteki ilerlemeniz için Gutenberg Block'u nasıl kullanacağınızı öğrenmelisiniz. Burada, popüler otuz partili bloklarla birlikte tüm Gutenberg Blokları WordPress'in kapsamlı bir fikrini ve listesini alacaksınız.

WordPress Gutenberg Blokları: Gelecek İçin En İyi Arkadaşınız

Gutenberg blokları, içerik oluşturma sürecini kesinlikle daha optimize ve akıllı hale getiriyor. Bu düzenleyiciye bir kez alıştığınızda, site geliştirme sürenizi önemli ölçüde kısaltacaktır.

Özetle, Gutenberg, WordPress platformu için yeni bir blok tarzı düzenleyicidir. Sitenizdeki gönderileri, sayfaları, ürünleri ve hemen hemen her şeyi oluşturma şeklinizi yavaş yavaş değiştirdi.

Aslında, Gutenberg ile her türlü bileşeni daha organize bir şekilde ele alabilirsiniz. Metin, resim, video, tablo ve diğerleri gibi. Gutenberg Editör'de yeniyseniz, faydalı ipuçları ve püf noktaları için bu başlangıç ​​kılavuzunda bir tur atın.

Not: Blokların ön uç görünümü, büyük ölçüde sitenizde kullandığınız temaya bağlıdır.

WordPress'te Varsayılan Gutenberg Blokları

Geleceğe hazırlanmak için varsayılan Gutenberg Blokları adları ve kullanımları hakkında bilgi sahibi olmalısınız. Bir WordPress kullanıcısı olarak, muhtemelen er ya da geç bu bloklarla tanışmanız gerekecek.

Temel olarak Gutenberg blokları aşağıdaki kategorilere göre düzenlenmiştir:

• En çok kullanılan
• Ortak bloklar
• biçimlendirme
• Düzen
• Widget'lar
• Gömme
• Yeniden kullanılabilir

“+” artı simgesine tıklayarak sitenize yeni bir blok ekleyebilirsiniz. Listenin başında En Çok Kullanılan blokları bulacaksınız. Sitenizde daha sık kullandığınız bloklar burada görünecektir.

Bunun altında, bloklar kategoriye göre gruplandırılmıştır. Blokları ortaya çıkarmak için bir başlığa tıklayın.

Ayrıca, sağ düzenleme panelinden belirli bir blok için yazı tipi boyutunu, büyük ilk harfi ayarlayabilir, metin ve arka plan renklerini değiştirebilirsiniz.

Bakalım gerçekte nasıl çalışıyorlar!

Ortak Bloklar - Herhangi Bir Gönderide Düzenli Olarak Kullanılır

Metin ve resim dahil olmak üzere herkesin gönderileri için ihtiyaç duyduğu en yaygın bloklar. Bir sayfayı özelleştirmek veya sitenizde yayın yapmak için bu temel öğelere ihtiyacınız var.

1. Paragraf: Tek bir içerik paragrafı eklemek için basit salt metin bloğu.
2. Resim : Gönderinizin herhangi bir yerine tek bir resim ekleyin
3. Başlık : Başlık Etiketi Ekle
4. Galeri : Bir grup görüntüyü galeri stilinde görüntüleyin
5. Liste : Madde işaretli veya numaralı listeler ekleyin
6. Alıntı : 2 farklı stilde bir alıntı ekleyin
7. Ses : Sitenize bir ses dosyası yükleme
8. Kapak : Metin kaplamalı bir video veya ses dosyası ekleyin
9. Dosya : İndirilebilir bir dosyaya bağlantı ekleyin
10. Video : Bir video dosyası yükleyin ve bunları doğrudan sitenizde oynatın

Biçimlendirme - Ekstra Özelleştirme Seçenekleri

Bu bloklar, içeriğiniz için kod, ayet ve özel biçimlendirme gerektiren diğer metin türleri gibi bazı ekstra biçimlendirme seçenekleri eklemek için kullanılır.

1. Kod: Her türlü teknik kodu kolaylıkla yazın
2. Klasik: Klasik WordPress düzenleyicisinin düzenleme araçlarını sağlar
3. Özel HTML: Özel HTML kodu ekleyin ve doğrudan WordPress düzenleyicide önizleyin
4. Önceden biçimlendirilmiş: Boşluklara ve sekmelere uygun metin ekleyin
5. Kısa alıntı: Metninizden bir alıntıya özel görsel vurgu ekleyin
6. Tablo: Tablo verilerini göstermek için tabloyu kullanın
7. Verse: Tüm boşluklar ve satır sonu dahil olmak üzere şiir ve diğer edebi ifadeler yazın

Düzen Öğeleri - Tasarım Stilini Geliştirin

Bu blok, site içeriğini çekici bir şekilde temsil etmenize yardımcı olur. Sitenizi ziyaretçileriniz için daha çekici hale getirir.

1. Düğme: Düğme oluşturun ve farklı arka plan ve metin rengine sahip bir bağlantı ekleyin
2. Sütunlar: Çok sütunlu düzenler oluşturun ve her sütuna başka blok türleri ekleyebilirsiniz.
3. Medya ve Metin: Metin ve medya dosyasını tek bir blokta yan yana yerleştirin; farklı sütunlar
4. Daha Fazlası: İçeriğinizi "Daha Fazla Oku" bloğu dahil olmak üzere 2 bölüme ayırın
5. Sayfa sonu: Site içeriğinizi birden çok sayfaya böler
6. Ayırıcı: Gönderinize kısa bir yatay çizgi ekleyin
7. Aralayıcı: Gönderinize iki blok arasında büyük bir dikdörtgen boşluk ekleyin
8. Metin Sütunları: Metin ekleyin ve bir gazete gibi iki ila dört sütunda görüntüleyin.

Widget'lar- Herhangi Bir Sayfaya veya Gönderiye Bazı Widget'lar Ekleyin

Bu bloklar, içeriğinize WordPress Widget'ları eklemenize izin verir. Kenar çubuğunda ve altbilgide kullanılmaları daha olasıdır.

1. Kısa kod: Bir WordPress kısa kodu aracılığıyla formlar gibi özel içerik ekleyin
2. arşivler: Gönderilerinizin aylık arşivini gösterir
3. takvim: Gönderilerinizin aylık takvimini görüntüleyin
4. kategoriler: Tüm gönderi kategorilerinizin listesi
5. son yorumlar: Son 5 yoruma bir bakış (Yorumun tamamı değil)
6. en son gönderiler: Son gönderilerinizin listesi
7. RSS: Herhangi bir sayfaya veya gönderiye bir RSS beslemesi ekleyin
8. Arama: Herhangi bir sayfaya veya gönderiye bir WordPress araması ekleyin
9. Etiket Bulutu: Gönderi etiketlerinizin bir bulut listesi

Gömmeler- Diğer Kaynaklardan İçerik Ekleme

Gömme blokları, harici kaynaklardan görüntü, video, tweet, ses, Facebook gönderisi ve diğer içeriği gömmenize olanak tanır.

• Youtube
• heyecan
• Facebook
• Instagram
• video
• ses bulutu
• Spotify
• Flickr
• animasyon
• bulutlanma
• KolejMizah
• Günlük hareket
• komik ya da öl
• hulu
• imgur
• Issuu
• Kickstarter
• Meetup.com
• karışık bulut
• fotoğraf kovası
• Pollbaba
• Reddit
• ReverbNation
• ekran görüntüsü
• karalama
• slayt paylaşımı
• kendini beğenmişkupa
• hoparlör
• TED
• Tumblr
• VideoBasın
• WordPress
• WordPress.tv

Yeniden Kullanılabilir Bloklar:

Bir blok olan “Yeniden Kullanılabilir Bloklara Ekle”ye bastığınızda, daha fazla kullanım için yeniden kullanılabilir hale gelir. Belki paylaşılan menü bölümünün altında bulabilirsiniz.

Hem Engelleme Listelerinizi hem de İşlevselliğinizi Genişletecek Üçüncü Taraf Eklentiler

Engellenenler listelerinizi gelişmiş ve güçlü özelliklerle genişletmek için diğer temel eklentileri yükleyebilirsiniz. Zengin özelliklere sahip bir eklenti seçerek editörünüze yeni bloklar eklemek kolay olabilir. Ve varsayılan blok elemanları ile mümkün olmayan birçok yüksek fonksiyonel aktivite gerçekleştirebilirsiniz.

Örneğin, bazı galeri eklentileri, blokları kullanarak birçok gelişmiş efekt içeren bir galeri eklemenize izin verir.

Bunun ötesinde, yalnızca yeni bloklar eklemeye odaklanan birçok eklenti de bulacaksınız. Burada, varsayılanlarla birlikte yeni bloklar eklemek için kullanabileceğiniz en iyi WordPress Eklentilerinden bazılarını listeledik.

1. Gutenberg için Ultimate Eklentiler - 15+ Gutenberg Bloğu ile Ücretsiz Eklenti
2. CoBlocks – Sayfa Oluşturucu Gutenberg Blokları
3. İstiflenebilir – Gutenberg Blokları
4. Nihai Bloklar – Özel Gutenberg Blokları
5. Gelişmiş Gutenberg – Gutenberg için 20'den Fazla Yeni Blok
6. Kadence Bloğu – Gutenberg Sayfa Oluşturucu Araç Seti
7. Envira Gallery – Fotoğraf Galerileri için WordPress Bloğu
8. Atomik Bloklar – Gutenberg Blok koleksiyonu

Gutenberg için Ultimate Eklentiler - 15+ Gutenberg Bloğu ile Ücretsiz Eklenti

Birçok Gutenberg kullanıcısı arasında popüler eklentilerden biridir. Gutenberg için Ultimate Eklentileri, benzersiz ve yaratıcı bloklardan oluşan eksiksiz bir pakettir. Bu nedenle, bu eklentiyi kullanarak güzel sayfalar ve gönderiler oluşturmak için editörünüzü güçlendirebilirsiniz.

Aşağıdakiler dahil 15'ten fazla Gutenberg bloğu içerir:

• Çoklu Düğmeler: Tek bir duyarlı blok içinde birden çok özelleştirilebilir düğme ekleyin.
• Gelişmiş Başlık: Bir ayırıcı ile modaya uygun ve çekici başlıklar ve alt başlıklar ekleyin
• Bilgi Kutusu: Başlık ve açıklama içeren bir resim veya simge ekleyin
• Fiyat Listesi: Kolayca bir restoran menüsü gibi bir fiyat listesi oluşturun
• Referans: Bu bloğu kullanarak müşteri incelemesi ekleyin

Şaşırtıcı bir şekilde, bu eklenti, Astra teması için yerleşik destekle birlikte gelir. Ve Astra tamamen Gutenberg uyumludur.

CoBlocks – Sayfa Oluşturucu Gutenberg Blokları

CoBlocks, yeni Gutenberg editörü için bir dizi yaratıcı sayfa oluşturma WordPress bloğuna sahiptir. Gutenberg ile sayfa oluşturma deneyiminizi geliştirecektir. Bu hafif WordPress eklentisi, güzel web sayfaları oluşturmanıza yardımcı olacaktır.

Şu anda 20'den fazla etkileşimli bloğu destekliyor:

• Akordeon Blok
• Uyarı Bloğu
• Yazar Profili Bloğu
• Düğmeler Blok
• Carousel Galeri Bloğu
• Blok Tweet için tıklayın
• Kolaj Galeri Bloğu
• Dinamik Ayırıcı Bloğu
• Etkinlik Bloğu (Yeni!)
• Özellikler Bloğu
• Yiyecek İçecek Bloğu
• Form Bloğu
• Gif Bloğu
• GitHub Özet Bloğu

ve diğerleri.

CoBlocks özellikleriyle tüm web sitesini oluşturabilirsiniz. Ayrıca, çekici tipografik öğelerle web sayfaları tasarlamanıza olanak tanır.

İstiflenebilir – Gutenberg Blokları

İstiflenebilir, yeni WordPress Blok Düzenleyici için özel olarak tasarlanmıştır. Gutenberg için 23 kaliteli sayfa yapı taşını ve 50+ Blok düzenini ve önceden ayarlanmış bölüm/blok tasarımlarını destekler. Web geliştirme yolculuğunuzu sorunsuz hale getirmek için gelişmiş ve esnek web tasarım seçenekleri sunar.

Bazı popüler İstiflenebilir Bloklar aşağıdaki gibidir:

• Konteyner Blok
• Özellik Izgara Bloğu
• Kart Bloğu
• Başlık Bloğu
• Sayma Bloğu
• Ekip Üyeleri Engelleme
• Bildirim Bloğu

Bu özelleştirilebilir ve çeşitli tasarım düzenleriyle tasarım yeteneğinizi geliştirin.

Nihai Bloklar - Özel Gutenberg Blokları

Bu Gutenberg Blokları Eklentisi, blogcular ve pazarlamacılar için özel olarak tasarlanmıştır. Böylece, Gutenberg ile zahmetsizce daha iyi ve ilgi çekici içerikler oluşturabilirsiniz.

Şu anda Ultimate Blocks, geliştirme yolculuğunuzu daha heyecanlı hale getirmek için yaklaşık 20 bloğu desteklemektedir. Bazı dikkate değer özellikler aşağıda verilmiştir:

• İçerik filtresi
• geri sayım
• Görüntü Kaydırıcı
• Sekmeli İçerik
• tarz kutu
• İçerik Geçişi

Daha fazla yardım için etkileşimli Facebook gruplarına katılabilirsiniz.

Gelişmiş Gutenberg – Gutenberg için 20'den Fazla Yeni Blok

Advanced Gutenberg, varsayılan Gutenberg düzenleyicisini profesyonel web siteleri oluşturmak için inanılmaz derecede kolay hale getirmek için daha güçlü hale getirir. WordPress sitenizi sorunsuz bir şekilde özelleştirmek için 20'den fazla yeni blok ve seçenek sunar.

Burada, aşağıdaki gibi benzersiz bloklar alacaksınız:

• sütun yöneticisi
• En son gönderi kaydırıcısı
• Sekmeler bloğu
• Simge bloğu
• Gelişmiş Görüntü bloğu
• E-posta Etkinleştirme bloğu
• Ve daha fazlası

Bununla birlikte, kullanıcılarına destek vermek için ayrıntılı belgelere ve kişiselleştirilmiş foruma sahiptirler.

Kadence Block- Gutenberg Sayfa Oluşturucu Araç Seti

Bu eklenti ile Gutenberg düzenleyicinize özel bloklar ve seçenekler ekleyebilirsiniz. Belki de özel düzenler ve daha ilgi çekici içerik oluşturabilmeniz için Gutenberg'in düzenleme yeteneklerini genişletebilir.

Kadence gerçekten aşağıdaki blokları destekler:

• Satır Düzeni
• Gelişmiş Galeri
• Form
• Gelişmiş Başlık
• Gelişmiş Düğme
• Sekmeler
• Akordeon
• referanslar
• Simge
• Aralayıcı / Bölücü
• Bilgi kutusu
• Simge Listesi

Bunların dışında her türlü düzeni kolayca oluşturmanızı sağlar. Bu yalnızca popüler WordPress Sayfa Oluşturucu eklentileriyle mümkündür.

Envira Gallery – Fotoğraf Galerileri için En İyi WordPress Bloğu

Envira, site hızından ödün vermeden WordPress sitenize bir galeri eklemek için tamamen optimize edilmiş ve güçlü bir eklentidir. Bu galeri eklentisi ile albümler, etiketler, sosyal medya entegrasyonu, galeri şablonları/galeri düzenleri, derin bağlantı, sayfalandırma, e-ticaret, görüntü sağlama ve çok daha fazlasını dahil edebilirsiniz.

Bu eklentiyi etkinleştirdikten sonra, Ortak Bloklar altında yeni bir seçenek bulacaksınız. Buradan ihtiyaçlarınıza göre farklı galeri stili türlerini arayabilirsiniz. Bu eklenti WooCommecre eklentisi ile tamamen uyumludur, böylece fotoğraf satmak için herhangi bir fotoğraf sitesinde kolayca kullanabilirsiniz.

Atomik Bloklar – Gutenberg Blok Koleksiyonu

Atomik Bloklar, bir dizi yeni ve şık Gutenberg bloğu getiriyor. Aynı yetenekli Array Themes ekibi de bu modaya uygun blok koleksiyonunun arkasında çalışıyor.

Şu anda, Atomic Blocks 15 Gutenberg bloğuna sahip ve daha fazlası yolda:

• Bölüm ve Düzen Bloğu
• Gelişmiş Sütun Bloğu
• Bülten Bloğu
• Fiyatlandırma Bloğu
• Izgara Bloğu Sonrası
• Konteyner Blok
• Referans Bloğu
• Satır İçi Bildirim Bloğu
• Akordeon Blok
• Simgeler Bloğu Paylaşın
• Harekete Geçirici Mesaj Bloğu
• Özelleştirilebilir Düğme Bloğu
• Ara Parça ve Bölücü Bloğu
• Yazar Profili Bloğu
• Gömme Blok

Eklentiyi kurduktan sonra, Gutenberg arayüzünde yeni bir Atomik Bloklar bölümü alacaksınız. Web sitenizde kullanmadan önce tüm blokların canlı demolarını kontrol edebilirsiniz. Blok düzenleyici ve Atomik Bloklar ile sayfalar oluşturmak, istediğiniz türde siteyi hızla tasarlamak ve başlatmak için size tam kontrol sağlar!

Ancak, optimize edilmiş bir şekilde güzel içerik oluşturmak için harika bloklara sahip daha kullanışlı eklentiler bulabilirsiniz. Düşüncelerinizi bizimle paylaşmayı unutmayın!

Gutenberg Blokları Site Tasarımında Yeni Bir Çağ Başlatıyor

Gutenberg editörü temel olarak blok kavramı üzerine inşa edilmiştir. Bu bloklar, WordPress Düzenleyici'de yazıları ve sayfa içeriğini düzenlemenin tamamen yeni bir yolunu tanıttı. Bu bloklar sayesinde yazılarınıza ve sayfalarınıza kolayca birden fazla içerik türü ekleyebilirsiniz.

Bu blogda Gutenberg Blokları ile ilgili tüm bilgileri paylaşmaya çalıştık. Böylece, yeni WordPress Düzenleyicinin devrim niteliğindeki tasarım düzeniyle kendinizi kolayca güncelleyebilirsiniz.

Ayrıca bize hikayenizi anlatabilir ve WordPress ile ilgili tüm sorularınızı aşağıdaki yorum bölümünde sorabilirsiniz.