En çok ihtiyaç duyduğunuzda güvenilir WordPress eğitimleri.
WordPress Başlangıç Rehberi
WPB Kupası
25 Milyon+
Eklentilerimizi kullanan web siteleri
16+
Yıllık WordPress deneyimi
3000+
Uzmanlardan WordPress eğitimleri

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

İç içe bloklar, WordPress blok düzenleyicisindeki en güçlü özelliklerden biridir ve bunları ustalaşmak tasarımlarınızı bir sonraki seviyeye taşıyabilir.

Paragraflar, resimler ve düğmeler gibi birden çok öğeyi tek bir düzende gruplandırmanıza ve düzenlemenize olanak tanır. Bunları nasıl kullanacağınızı anladığınızda, ek eklentilere veya özel koda güvenmeden daha esnek, profesyonel görünümlü sayfalar oluşturabilirsiniz.

WPBeginner'da, yerleştirilmiş bloklar ilk çıktığından beri kullanıyoruz ve sayfa tasarımına yaklaşımımızı tamamen değiştirdiler. Karmaşık düzenleri yönetmeyi kolaylaştırırlar ve temel içeriği cilalı, kullanıcı dostu bölümlere dönüştürmeye yardımcı olurlar.

Bu kılavuzda, WordPress'te iç içe blokları nasıl seçeceğinizi ve kullanacağınızı adım adım anlatacağız - böylece daha temiz, daha etkili düzenler oluşturmaya güvenle başlayabilirsiniz.

WordPress'te iç içe blokları seçme ve kullanma

WordPress İç İçe Blokları Nedir?

WordPress iç içe blok özelliği, bir bloğun içine bir veya daha fazla blok eklemenize (veya 'iç içe yerleştirmenize') olanak tanır.

İç içe bloklar, birden fazla bloğu birbirinin içine ekleyerek WordPress web sitenizde daha karmaşık düzenler oluşturmanıza yardımcı olur. Bu, sayfalar ve gönderiler 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ğu içine birden fazla Resim bloğu yerleştirebilirsiniz.

WordPress iç içe bloklarının önizlemesi

Ek olarak, iç içe blok özelliği, bireysel blokları ayrı ayrı düzenlemenize olanak tanır. Bu, diğer blokları etkilemeden her bloğu ihtiyaçlarınıza göre özelleştirmenize olanak tanır.

Bu da daha iyi içerik organizasyonu, içeriğin daha çekici hale gelmesi ve yaratıcı süreci kolaylaştırmasıyla sonuçlanı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üzenleyicisini kullanarak birden çok bloğu Grup veya Sütun bloğu ile kolayca iç içe yerleştirebilirsiniz.

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

Buradan, ekranın sol üst köşesindeki blok ekle '+' düğmesine tıklayın ve Grup bloğunu bulun. Sayfaya ekleyip tıkladıktan 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.

Blok menüsünden Grup bloğunu seçin

Ardından, üst blok içine içerik eklemeye başlamak için ekrandaki '+' düğmesine tıklamanız yeterlidir.

Bu eğitim için bir Resim bloğu ekleyeceğiz.

Grup bloğu içine bir resim bloğu ekleyin

Bloğu ekledikten sonra, üstteki blok araç çubuğundaki 'Gruplandır' düğmesine tıklayarak üst bloğu seçin.

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

Grup bloğu içine başka bir blok eklemek için blok menüsünü açın

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

Birden çok bloğu iç içe yerleştirdikten sonra, her bloğa tıklayarak bireysel ayarlarını yapılandırabilirsiniz. Oradan, blok ayarları ekranda sağ sütunda görünecektir.

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

Bireysel blok ayarlarını yapılandırın

Tüm iç içe blokların ayarlarını birlikte yapılandırmak için, üstteki blok araç çubuğundaki 'Gruplandır' düğmesine tıklamanız gerekecektir. Bu, üst blok ayarlarını sağ sütunda açacaktır.

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

Bu ayarların, üst blok içine yerleştirilmiş tüm blokları etkileyeceğini unutmayın.

Grup bloğunun ayarlarını yapılandırın

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

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

Bir desen oluşturun

Bunu yaptıktan sonra, yeni tekrar kullanılabilir bloğunuza bir ad vermek ve bir kategori seçmek için bir istem açılacaktır.

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

Desen için bir ad ekleyin

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

Örneğimizde, bir Grup bloğu içine bir Başlık, Resim ve Paragraf bloğu yerleştirdik.

Yuvalanmış bloklar demo web sitemizde bu şekilde görünüyordu.

WordPress iç içe bloklarının önizlemesi

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

Bazen, birden çok blok iç içe geçtiğinde tek bir bloğu seçmek ve yapılandırmak zor olabilir.

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

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

Etkinleştirdikten sonra, WordPress yönetici kenar çubuğundan Ayarlar » Wayfinder sayfasına gidin.

Oraya vardığınızda, 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 düzenleyicideki 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 bırakın.

Wayfinder eklentisi ayarlarını yapılandırın

Ancak, eklentinin blok sınıflarını görüntülemesini istemiyorsanız, o seçeneğin yanındaki kutuyu işaretlememeniz 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 gönderi açmanız gerekir.

Oraya gittiğinizde, herhangi bir iç bloğun üzerine fareyle geldiğinizde, adıyla birlikte bir ana hat görünecektir. Ayrıca üst blok içindeki herhangi bir iç içe geçmiş bloğun ana hattını ve adını da görebileceksiniz.

Wayfinder eklentisi için GIF

Bu, bir Grup veya Sütun bloğu içinde iç içe geçmiş tüm farklı blokları belirlemenize yardımcı olacaktır.

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

Bir bloğu kolayca seçmek için Wayfinder eklentisini kullanın

Ayrıca, ‘Sütunlar’ veya ‘Grup’ başlığına tıklayarak tüm iç içe blokları aynı anda seçebilirsiniz. Bu, üst blok ayarlarını sağ sütunda 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.

Grubun ayarlarını açmak için Grup bloğu ana hattına tıklayın

Bu makalenin WordPress iç içe blokları nasıl seçeceğinizi ve kullanacağınızı öğrenmenize yardımcı olduğunu umuyoruz. Ayrıca WordPress'te blok yüksekliği ve genişliği nasıl değiştireceğinize dair adım adım eğitimimizi ve WordPress blok desenleri nasıl kullanılır hakkındaki başlangıç rehberimizi de görmek isteyebilirsiniz.

Bu makaleyi beğendiyseniz, lütfen WordPress video eğitimleri için YouTube Kanalımıza abone olun. Bizi ayrıca Twitter ve Facebook'ta da bulabilirsiniz.

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

Nihai WordPress Araç Seti

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

Okuyucu Etkileşimleri

6 CommentsLeave a Reply

  1. Harika bir makale ve Wayfinder'dan bahsettiğiniz için TEŞEKKÜRLER!

    p.s. WP'nin en son sürümü için destek eklemek üzere 1.1.7 sürümü yayınlandı.

    • Glad you liked the article and glad we could share Wayfinder :)

      Yönetici

  2. İç içe bloklar, WordPress sitemde benzersiz düzenler oluşturmak için bir oyun değiştirici gibi görünüyor! Sürükle ve bırak işlevi süper kullanıcı dostu geliyor. Her iç içe bloğu ayrı ayrı özelleştirebilmeniz harika. Bu, ilgi çekici web sitesi içerikleri oluşturmak için pek çok olasılık sunuyor. Bu yardımcı rehber için teşekkürler!

  3. Resim için sol tarafta ve metin için sağ tarafta yuvalanmış bloklar kullanıyorum ve bunun yalnızca masaüstünde değil, mobilde de bu şekilde kalmasını istiyorum ama olmuyor. Metni resmin altına yerleştiriyor. Bu mobil durumunda normal mi yoksa yanlış bir şey mi yapıyorum?

    • Temaya bağlı olurdu ama metnin mobil cihazlarda okunabilir kalmasını sağlamak için mobil cihazlarda sık sık olur.

      Yönetici

  4. Bu makaleler sayesinde Gutenberg'i yavaş yavaş tanıyorum. Elementor'dan çok basit çözümlere alışıktım ve burada her şey biraz karmaşık veya daha doğrusu bana yabancı geliyor. Ancak, bazen yalnızca Gutenberg kullanarak ve başka hiçbir şey olmadan bir web sitesiyle ilgili yardım isteyen insanlarla karşılaşıyorum. Bu nedenle, Gutenberg kullanan biri için tamamen sıradan olabilecek şeyleri deneyebileceğim ve öğrenebileceğim bu rehberleri takdir ediyorum.

Cevap Bırakın

Yorum bırakmayı seçtiğiniz için teşekkürler. Lütfen tüm yorumların yorum politikamıza göre denetlendiğini ve e-posta adresinizin YAYINLANMAYACAĞINI unutmayın. Lütfen isim alanında anahtar kelime KULLANMAYIN. Kişisel ve anlamlı bir sohbet edelim.