En iyi orijinal WordPress blokları [Hızlı Genel Bakış]

Size Gutenberg WordPress düzenleyicisini ve bloklarını nasıl kullanacağınıza dair bir rehber sunuyoruz. Lütfen bir sonraki 5.4 sürümünde gelecek olan blok değişiklikleri hakkındaki haberleri okuyun. Herhangi bir web sitesinde kullanılması gereken en sık kullanılan blokların tümünü seçtik. Yayınlandıktan sonra tüm özellikler hakkında daha fazla ayrıntı yayınlayacağız.

WordPress, 2018'de yeni Gutenberg editörünü duyurduğunda heyecanlanmıştık. Şimdi birkaç yıl sonra büyük bir gelişme görüyoruz. Gutenberg WordPress editörü, bir web sitesi oluşturmak için harika bir araçtır.

Gutenberg editörü için bu standart WordPress bloklarının tümü, en son projemizde tamamen işlevseldir. Özgür Citadela WordPress Teması. Herhangi bir web sitesinde kullanabilirsiniz, lütfen bir hesap oluşturun ve ücretsiz olarak indirin.

İle AitThemes Citadela eklentileri, bir şirket, işletme, blog veya kar amacı gütmeyen web sitesi sunumu için özel içerik oluşturabilirsiniz. Hatta yeni bir çevrimiçi iş kurun. Web sitesi hızı ve web sitesi düzenleme kolaylığı en önemli faktörlerdir.

Blok nedir?

Gutenberg WordPress blokları, web sitesinin yapı birimleridir. Her birinin kendi özel yeri ve amacı vardır. Belirli bir içerik türü için doğru WordPress bloğunu kullanmak çok önemlidir.

Ancak amacınıza uyan en uygun bloğu nasıl bulacaksınız?

WordPress bloklarını daha iyi anlamanıza yardımcı olmak için en popüler olanlara ilişkin bu genel bakışı hazırladık.

Metin içeriği blokları

Web sitenize metin içeriği eklemek için kullanabileceğiniz birkaç blok vardır. Birkaç blok kullanabilirsiniz. WordPress 5.4'ten itibaren yeni bir ayar var, metin rengini değiştirebilirsiniz.

• Paragraf
• Başlık
• Alıntı
• Liste
• Alıntı yap
• Masa
• Ayet
• önceden biçimlendirilmiş

Bunun dışında, uzun bir paragraf için daha kullanışlı olabilecek Klasik bloğu kullanırsınız.

düğme bloğu

WordPress'te çekici bir CTA düğmesi oluşturmak, Button bloğu ile çok kolay hale geldi. Özel CSS girmenize veya HTML'yi anlamanıza gerek yoktur. Düğmenin güzel ve göz alıcı görünmesini sağlamak için en sevdiğiniz rengin onaltılık kodunu girebilirsiniz - ancak buna gerek yoktur.

Düğme bloğu nerede kullanılır?

Web ziyaretçisi web sitenize geldiğinde, onları harekete geçmeye teşvik etmek istersiniz. CTA düğmeleri bunun için var.

Genel olarak, WordPress Düğme bloğunu kullanmanız gereken 3 yer vardır:

• Ana sayfa – haber bültenine kaydolmak, özel teklif fırsatlarını keşfetmek veya ücretsiz deneme için kaydolmak gibi hedefinize ulaşmanızı sağlayacak eylemi tamamlamak için.
• Ürün sayfası – ürün sayfanızın nasıl yönlendirildiğine bağlı olarak, 1 CTA düğmesi (SATIN AL) veya daha fazla düğme olabilir, örneğin ürün detayları, satın al, istek listesine ekle vb.
• Blog – CTA düğmeleri, başka bir faydalı makaleye veya ürün/hizmetinizin satın alınmasına atıfta bulunabilir.

Düğme bloğu ayarları

Müfettişte, sağ tarafta düğmenizin ayarlarını kolayca yönetebilirsiniz:

• stil
• Arka plan rengi
• Yazı rengi
• Sınır

CTA düğmenize yazılan metin, web ziyaretçilerinizin gerçekleştirmesini istediğiniz eylemi teşvik edecek şekilde kısa ve anlaşılır olmalıdır.

Sonraki WordPress 5.4 sürümünde gelen haberler (31 Mart 2020'de yayınlanacak)

Düğme bloğu, yeni Düğme ile değiştirilecekS engellemek.
Yeni addan, bir blok kapsayıcıda birer birer yanında daha fazla düğme oluşturabileceğinizi varsayabilirsiniz. Genellikle aynı anda iki CTA oluşturmaya ihtiyaç vardır, örneğin: Şimdi Satın Al ve Devamını Oku. Ayrıca, bazı yeni stil ve renk ayarları geliyor. Dolgu veya Anahat stilini ve ardından arka planın rengini seçin. Düz veya Degrade arka planı seçebilirsiniz. Bazı ön ayarlar, daha zahmetsiz ince ayar için başlangıç noktası olarak kullanılabilir. İyi haber şu ki, mevcut tüm düğme blokları çalışacak ve bunları taşımaya gerek kalmayacak.

Sütun bloğu

Sütunlar bloğu, yeni düzenlere kapı açan harika bir WordPress bloğudur. Size daha fazla tasarım alternatifiyle sonuçlanan daha fazla sayfa öğesi düzenlemesi seçeneği sunar.

Sütun bloğu ile çalışmak kolaydır:

• Ekstra eklenti kurulumu yok.
• Kodlama gerekmez.
• Düzgün bir tasarım için ihtiyacınız olan tek şey biraz anlayış.

WordPress blok düzenleyicisinin yayınlanmasından önce yapmanız gereken önceki hassel ile karşılaştırıldığında, Sütunlar WordPress bloğunu kullanmak çok basit.

Sütun bloğu nasıl kullanılır?

Yukarıda belirtildiği gibi, Sütunlar bloğunun kullanılabileceği 2 yol vardır:

• Metinlerinizin akışını düzenlemek için (bir blog gönderisinde veya normal sayfada).
• Diğer blokları sütunlar halinde düzenlemek için.

Metni, örneğin bir blog gönderisinde sütunlar halinde düzenlerken, okunabilirliği artırıyor ve web sitenizi daha şeffaf ve kullanıcı dostu hale getiriyorsunuz.

Bununla birlikte, resimler, metinler ve düğmeler gibi diğer blokları iç içe geçirmek için Sütun bloğunu kullandığınızda, seçtiğiniz sayfanın tüm düzenini değiştiriyor ve yeni tasarımlar yaratıyorsunuz.

Sütun bloğu ayarları

Sayfaya bir Sütun bloğu ekledikten sonra, kaç tane sütun istediğinizi seçin. 2 ila 6 sütun arasında herhangi bir miktarda olabilir. Ardından, metninizi yazmaya veya her sütuna bloklar eklemeye başlayabilirsiniz.

Sütun bloğunuzun içeriğinin hizalanması, tek tek sütunların yanı sıra tüm blok için ayrı ayrı ayarlanabilir. Sütunun genişliğinin oranını bile seçebilirsiniz. Bu şekilde, bir sütun diğerinden daha geniş olabilir.

Kapak bloğu

Web sitenizin başlığı hakkında konuşalım. Birisi ana sayfanıza geldiğinde ilk izlenimi tanımlayan bir bölümdür. Biraz önemli, değil mi? Cover bloğunun sayfalarınızdan herhangi birinde başlık olarak kullanılabileceğini biliyor muydunuz?

Kapak, web ziyaretçilerinizi etkilemenize yardımcı olan temel WordPress bloklarıdır. Özellikle doğru kullanıldığında veya daha doğrusu web tasarımınıza düzgün bir şekilde entegre edildiğinde.

Kapak bloğu nerede kullanılır?

Yukarıda belirtildiği gibi, Kapak bloğu herhangi bir sayfanızda kullanılabilir. Ayrıca, web sitenizin üst kısmına sabitlenen başlığının aksine, sayfanın herhangi bir yerine eklenebilir.

Kapak bloğu şu şekilde kullanılabilir:

• Ana Sayfa dahil herhangi bir sayfanın başlığı.
• Ürün sayfasında kullanılan metinle üzerine yazılan resim veya video.
• Blog gönderisinde içerik ayırıcı.

Kapak bloğu ayarları

Cover bloğunuzu ayarlamak çok basittir. İlk olarak, arka plan olarak bir resim veya video seçin. Bunun yerine tek bir renk de kullanabilirsiniz. Arka planınızı ayarladığınızda, bir başlık ve alt başlık ekleyin. 

Bloğun hizalamasını ve tabii ki içindeki metnin hizalamasını seçebilirsiniz.

Kapak bloğu hizalaması aşağıdaki seçenekleri sunar:

• Sola hizalamak
• Merkezi hizalama
• Sağa Hizala
• Geniş Genişlik
• Tam genişlik

Benim kişisel favorim, denetçide bulunan renk kaplamasıdır - Kapak bloğu arka plan görüntüsü, istediğiniz herhangi bir renge tonlanabilir. Özelleştirilmiş yazı tipi boyutu ve rengiyle birlikte güzel kontrastlar oluşturabilirsiniz ve kapak bloğunuzun son görünümü şaşırtıcı olacaktır.

WordPress 5.4'ten, düz yerine degrade arka planı seçebilirsiniz.

Galeri bloğu

Galeri bloğunu kullanarak resimleri web sitenizde sergileyin. Bu standart WordPress bloğu, resimlerinizi tutmak ve web sitenizin herhangi bir sayfasında güzel bir şekilde görüntülemek için tasarlanmıştır. Diğer WordPress bloklarına benzer şekilde, Galeri bloğu web sitesinde veya blog gönderisinde herhangi bir yere yerleştirilebilir.

Resimlerinizin yüklenmesi, ortam kitaplığından, bilgisayarınızdan dosya seçilerek veya sürükle bırak işlevi kullanılarak yapılabilir.

Galeri bloğu nerede kullanılır?

Web sitenizin türüne bağlı olarak, karmaşık bir fotoğraf galerisi veya basit bir resim sunumu oluşturmak isteyebilirsiniz. Galeri bloğunu şu durumlarda kullanabilirsiniz:

• ana sayfanız
• Fotoğraf galerinizin albümleri olarak oluşturulan bireysel alt sayfalar
• Ürün sayfaları
• Blog yazısı

Galeri bloğu ayarları

Galeri bloğunun çeşitli hizalama seçeneklerinin yanı sıra, bu blok içinde birkaç ilginç seçenek vardır, örneğin:

• Resimlerin sıralandığı sütun sayısı.
• Aynı boyuta (en küçük görüntünün) uyması için görüntü kırpma.
• Size başka bir sayfaya veya medya dosyasına bağlanma seçeneği sunmak için Köprü.

Resim bloğu

Resim bloğu, web sitenizde bir resim görüntülemek için kullanılan bloktan başka bir şey değildir.

Bu doğru. Sayfalarınızdan herhangi birine sadece bir resim eklemek istiyorsanız, Resim WordPress bloğunu kullanmalısınız. Sunulan diğer bloklara benzer olabilir, ancak onu tek görüntüler için mükemmel kılan önemli farklılıklar vardır.

Görüntü bloğu ne zaman kullanılır?

Görüntü bloğu, özellikle görüntüde görüntülenen nesne web ziyaretçiniz için özellikle önemli olduğunda kullanılmalıdır:

• Belirli bir görselle web ziyaretçisinin dikkatini çekin.
• Altyazılı görüntüyü göster.
• Ziyaretçilerin tartışılan konuyu daha iyi anlamalarına yardımcı olan infografikler gösterin.

Görüntü bloğu ayarları

Image WordPress bloğunun en büyük avantajlarından biri, görüntü boyutu seçenekleridir. Bir görüntüyü köşesinden çekerek kolayca yeniden boyutlandırabilir, piksel cinsinden sabit bir boyut seçebilir veya boyutu yüzde olarak tanımlayabilirsiniz.

Bir diğer önemli seçenek ise alternatif metin, başlık ve bağlantı için giriş alanlarıdır. Sayfa içi SEO'da önemli bir rol oynadıkları için bu alanları kullanmanızı şiddetle tavsiye ederim.

Medya ve metin bloğu

Medya ve metin bloğunu kullanarak oluşturabileceğiniz daha gelişmiş sayfa düzenlerine geçelim. Bu temel WordPress bloğu, medya ve metni estetik ve bağlamsal bir şekilde yan yana birleştirmenize olanak tanır.

Medya ve metin bloğu nerede kullanılır?

Medya ve metin bloğu, blog gönderilerinde kullanım için en uygun olsa da, biraz hayal gücü ile başka yerlerde de kullanabilirsiniz. Örneğin, resim ve metni yan yana kullanarak güzel bir ürün veya hizmete genel bakış oluşturabilirsiniz.

Ürüne/hizmete genel bakış olarak kullanılıyorsa, Medya ve metin bloğunun metin bölümüne bir Düğme bloğu eklemeyi unutmayın. Bu şekilde herhangi bir sayfada güzel bir CTA bölümü tasarlayabilirsiniz.

Medya ve metin bloğunun avantajları

• Bağlamsal olarak birbirine uyan görüntü ve metni bir araya getirmek.
• Blog gönderisinde görüntünün yanlış yerleştirilmesinden kaçınılması.
• Sitenin yanıt verebilirliğine yardımcı olmak (“Mobilde Yığın” işlevini kullanın).

Medya ve metin bloğu ayarları

Medya ve metin bloğu ayarına baktığınızda, diğer birçok bloğa kıyasla bazıları benzersiz olan epeyce hizalama seçeneği fark edeceksiniz.

Bu bloğun ilginç ve kullanışlı ayarı arka plan rengidir. Görüntünün ve birbirine uyan metnin etrafındaki alanı renklendirerek, aralarındaki bağlantıyı görsel olarak vurgulayabilirsiniz.

WordPress sürüm 5.4'ten (31.3.2020) bir bağlantı ekleyin. Bağlantı, medya dosyası veya ek sayfasından seçim yapabilirsiniz.

masa bloğu

Tablo bloğu, WordPress blok düzenleyicisinin 5.0 ve sonraki sürümlerde kullanıma sunulmasından sonra WordPress'in nasıl geliştiğinin örneklerinden biridir. Daha önce WordPress web sitenize tablo eklemek için eklentiye ihtiyaç duymazken, şimdi Tablo bloğunu kullanabilirsiniz.

Tablo bloğu nerede kullanılır?

Tablolar, yararlı içeriğin iyi düzenlenmiş ve şeffaf bir şekilde sağlanmasında büyük rol oynar. Elbette, web sitelerinin çoğu tablo kullanmıştır. İşte farklı web sitelerinde tablo kullanımına ilişkin birkaç örnek:

• Veri karşılaştırması
• Fiyatlandırma tabloları
• Ürün teknik detayları
• tarifler
• Üyelik paketlerine genel bakış

Ücretsiz WordPress çekirdeğinin bir parçası olarak Tablo bloğuna sahip olmak gerçekten harika.

Tablo bloğu ayarları

Sayfaya bir Tablo bloğu eklediğinizde, tablonuz için bir dizi sütun ve satır tanımlamanız gerekir. Endişelenme, bu numara sabit değil. İstediğiniz zaman daha fazla satır ve sütun ekleyebilir (veya kaldırabilirsiniz).

Ardından, tablonuz için bir stil seçin: varsayılan veya çizgili. Hizalama ve yazı tipi stiline geçin ve son olarak, son bir rötuş yapmadan önce tablonuzu doldurun.

Daha fazla seçenek şunları içerir:

• Arka plan rengi
• Sabit genişlikli hücreler
• Başlık
• Altbilgi
• Bağlantı (bir tablodaki metin girişi diğer sayfalara bağlantı verebilir)

Sırada hangi bloğu görmek istersiniz?

Herkese ücretsiz olarak sunulan çok kullanışlı WordPress temel blokları seçimimizi okumaktan keyif aldığınızı umuyoruz. Lütfen, bundan sonra hangi blokları okumak istediğinizi veya WordPress çekirdeğinde hala hangi işlevlerin eksik olduğunu bize bildirin. Okuduğunuz için teşekkürler!