Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPB Kupası
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

WordPress’te İç İçe Bloklar Nasıl Seçilir ve Kullanılır

WordPress’te iç içe blokları nasıl seçeceğinizi ve kullanacağınızı öğrenmek ister misiniz?

Gutenberg iç içe bloklar özelliği, bir üst bloğa birden fazla blok eklemenize olanak tanır. Böylece farklı blok öğelerini aynı anda özelleştirebilir, gönderi içeriğini verimli bir şekilde düzenleyebilir ve daha fazla tasarım esnekliğine erişebilirsiniz.

Bu makalede, WordPress iç içe bloklarını nasıl kolayca seçeceğinizi ve kullanacağınızı göstereceğiz.

Select and use nested blocks in WordPress

WordPress İç İçe Bloklar Nedir?

WordPress Gutenberg iç içe blok özelliği, bir veya daha fazla bloğu başka bir bloğun içine yerleştirmenize (veya ‘yuvalamanıza’) olanak tanır.

İç içe bloklar, WordPress web sitenizde birbirinin içine birden fazla blok ekleyerek daha karmaşık düzenler oluşturmanıza yardımcı olur. Bu, sayfalar ve yazılar için içerik tasarlarken ve biçimlendirirken daha fazla esneklik sağlar.

Örneğin, belirli bir etkinlikten bir dizi fotoğrafı veya belirli bir teknik kullanılarak oluşturulan bir dizi sanat eserini görüntülemek için bir Grup bloğunun içine birden fazla Görüntü bloğu yerleştirebilirsiniz.

Preview of WordPress nested blocks

Ayrıca, iç içe blok özelliği, blokları ayrı ayrı düzenlemenize olanak tanır. Bu, diğer blokları etkilemeden her bloğu ihtiyaçlarınıza göre özelleştirebileceğiniz anlamına gelir.

Bu da daha iyi bir içerik organizasyonu sağlar, içeriğinizi daha çekici hale getirir ve yaratıcı süreci kolaylaştırır.

Bununla birlikte, WordPress Gutenberg iç içe bloklarını nasıl kolayca seçip kullanabileceğinizi görelim.

WordPress İç İçe Blokları Nasıl Kullanılır?

Gutenberg blok düzenleyicisindeki Grup veya Sütunlar bloğunu kullanarak birden fazla bloğu kolayca bir araya getirebilirsiniz.

İlk olarak, WordPress yönetici kenar çubuğundan blok düzenleyicide mevcut veya yeni bir yazı açmanız gerekir.

Buradan, ekranın sol üst köşesindeki blok ekle ‘+’ düğmesine tıklayın ve Grup bloğunu bulun. Buna tıklayıp sayfaya ekledikten sonra, iç içe yerleştireceğiniz bloklar için bir düzen seçmelisiniz.

Bu eğitim için ‘Grup’ düzenini seçeceğiz.

Select Group block from the block menu

Ardından, üst bloğa içerik eklemeye başlamak için ekrandaki ‘+’ düğmesine tıklamanız yeterlidir.

Bu eğitimde bir Görüntü bloğu ekleyeceğiz.

Add an image block within the Group block

Bloğu ekledikten sonra, üst bloğu seçmek için üstteki blok araç çubuğundaki ‘Grupla’ düğmesine tıklamanız yeterlidir.

Ardından, blok menüsünü tekrar açmak için ‘+’ düğmesine tıklamanız gerekir; buradan eklenecek diğer blokları seçebilirsiniz.

Open the block menu to add another block within the Group block

WordPress İç İçe Blok Ayarları Nasıl Yapılandırılır

Birden fazla bloğu iç içe yerleştirdikten sonra, her bir bloğa tıklayarak ayrı ayrı ayarlarını yapılandırabilirsiniz. Bu, ekranda sağ sütunda blok ayarlarını açacaktır.

Buradan, iç içe geçmiş diğer blokları etkilemeden tek tek blokların arka plan rengini, metin rengini ve boyutunu ayarlayabilirsiniz.

Configure the individual block settings

İç içe geçmiş tüm blokların ayarlarını birlikte yapılandırmak için, üstteki blok araç çubuğundaki ‘Grupla’ düğmesine tıklamanız gerekecektir. Bu, sağ sütunda üst blok ayarlarını açacaktır.

Artık tüm iç içe blokların yaslamasını, yönünü, arka plan rengini, metin rengini ve tipografisini yapılandırabilirsiniz.

Bu ayarların ana blok içinde yuvalanmış tüm blokları etkileyeceğini unutmayın.

Configure the settings of the Group block

Ayrıca herhangi bir bloğun üst araç çubuğundaki ‘Seçenekler’ düğmesine tıklayarak mevcut bir bloğu iç içe bloklara dönüştürebilirsiniz.

Bu, ‘Desen Oluştur’ seçeneğini seçmeniz gereken bir menü istemi açacaktır.

Create a pattern

Bunu yaptıktan sonra, yeni yeniden kullanılabilir bloğunuz için bir ad vermenizi ve bir kategori seçmenizi isteyen bir istem açılacaktır.

Ardından, ayarlarınızı kaydetmek için ‘Oluştur’ düğmesine tıklayın.

Add a name for the pattern

Memnun kaldıktan sonra, değişikliklerinizi kaydetmek için ‘Yayınla’ veya ‘Güncelle’ düğmesine tıklamayı unutmayın.

Örneğimizde, bir Grup bloğu içinde bir Başlık, Görüntü ve Paragraf bloğunu iç içe yerleştirdik.

Demo web sitemizde iç içe geçmiş bloklar bu şekilde görünüyordu.

Preview of WordPress nested blocks

Bonus: İç İçe Blokları Kolayca Seçmek için Wayfinder Eklentisini Kullanın

Bazen, iç içe geçmiş birden fazla blok olduğunda tek bir bloğu seçmek ve yapılandırmak zor olabilir.

Neyse ki Wayfinder eklentisi, bir üst bloktan iç içe geçmiş blokları seçmeyi çok kolaylaştırır ve hatta blokların türünü ve sınıfını size söyler.

Öncelikle Wayfinder eklentisini yüklemeniz ve etkinleştirmeniz gerekecektir. Daha fazla talimat için, bir WordPress eklentisinin nasıl kurulacağına ilişkin başlangıç kılavuzumuza bakın.

Etkinleştirmenin ardından, WordPress yönetici kenar çubuğundan Ayarlar ” Wayfinder sayfasına gidin.

Oraya geldiğinizde, tüm ayarlar zaten etkinleştirilmiş olacaktır. Kullanmak istemediğiniz ayarların yanındaki kutunun işaretini kaldırmanız yeterlidir.

Örneğin, Wayfinder’ın editördeki tüm bloklar için blok türlerini görüntülemesini istiyorsanız, ‘Blok türünü göster’ seçeneğinin yanındaki kutuyu işaretli tutun.

Configure the Wayfinder plugin settings

Ancak, eklentinin blok sınıflarını görüntülemesini istemiyorsanız, bu seçeneğin yanındaki kutunun işaretini kaldırmanız yeterlidir.

Ayarları yapılandırdıktan sonra, ‘Değişiklikleri Kaydet’ düğmesine tıklamayı unutmayın.

Ardından, kontrol panelinden WordPress blok düzenleyicisinde mevcut veya yeni bir yazı açmanız gerekir.

Oraya geldiğinizde, farenizi herhangi bir iç bloğun üzerine getirdiğinizde, adıyla birlikte bir anahat gösterilecektir. Ayrıca, ana blok içindeki iç içe geçmiş blokların ana hatlarını ve adlarını da görebileceksiniz.

GIF for the Wayfinder plugin

Bu, bir Grup veya Sütun bloğu içinde yuvalanmış olan tüm farklı blokları tanımlamanıza yardımcı olacaktır.

Buradan, ayarlarını yapılandırmak için üst bloktan tek bir bloğu kolayca seçebilirsiniz.

Use Wayfinder plugin to easily select a block

Ayrıca ‘Sütunlar’ veya ‘Grup’ başlığına tıklayarak iç içe geçmiş tüm blokları aynı anda seçebilirsiniz. Bu, sağ sütunda üst blok ayarlarını açacaktır.

Blok ayarlarını yapılandırdıktan sonra, değişikliklerinizi kaydetmek için ‘Güncelle’ veya ‘Yayınla’ düğmesine tıklamanız yeterlidir.

Click the Group block outline to open its settings

Umarız bu makale WordPress iç içe blokları nasıl seçeceğinizi ve kullanacağınızı öğrenmenize yardımcı olmuştur. Ayrıca WordPress’te blok yüksekliğini ve genişliğini nasıl değiştireceğinize ilişkin adım adım eğitimimize ve sitenizi büyütmenize yardımcı olacak olmazsa olmaz WordPress eklentileri için en iyi seçimlerimize de göz atmak isteyebilirsiniz.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Açıklama: İçeriğimiz okuyucu desteklidir. Bu, bazı bağlantılarımıza tıklarsanız komisyon kazanabileceğimiz anlamına gelir. WPBeginner'ın nasıl finanse edildiğini, neden önemli olduğunu ve nasıl destek olabileceğinizi görün. İşte editoryal sürecimiz.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Ultimate WordPress Araç Kiti

Araç setimize ÜCRETSİZ erişim sağlayın - her profesyonelin sahip olması gereken WordPress ile ilgili ürün ve kaynaklardan oluşan bir koleksiyon!

Reader Interactions

4 yorumBir Cevap Bırakın

  1. Syed Balkhi

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Ralph

    I’m using nest blocks for image on left and text on the right and I want it to stay that way not only on desktop but also on mobile but it just doesn’t It places text under the image. Is this normal in case of mobile or am I doing something wrong?

    • WPBeginner Support

      It would depend on the theme but it is very common to happen on mobile to ensure the text remains readable on mobile.

      Yönetici

  3. Jiří Vaněk

    Thanks to these articles, I’m slowly getting acquainted with Gutenberg. I’m used to very simple solutions from Elementor, and here everything seems a bit complicated or rather unfamiliar to me. However, sometimes I come across people who want help with a website exclusively using Gutenberg and nothing else. So, I appreciate these guides where I can get my hands on, try out, and learn things that might be completely ordinary for someone using Gutenberg.

Bir Cevap Bırakın

Yorum bırakmayı seçtiğiniz için teşekkür ederiz. Lütfen tüm yorumların yorum poli̇ti̇kasi uyarınca denetlendiğini ve e-posta adresinizin yayımlanmayacağını unutmayın. Ad alanında anahtar kelime KULLANMAYIN. Kişisel ve anlamlı bir sohbet edelim.