WordPress'te Blok Yüksekliği ve Genişliği Nasıl Değiştirilir

WordPress bloklarınızı tam olarak doğru boyuta getirmek, özel CSS veya karmaşık geçici çözümler gerektiriyordu.

Bu tam olarak bu sorunla kullanıcıların yardımına koştuğumuz sayısız saatler sayesinde biliyoruz. Ancak son WordPress güncellemeleri sayesinde blok boyutlarını kontrol etmek çok daha kolaylaştı.

Birçok insanı şaşırtan şey, WordPress'te blok boyutlarını ayarlamanın aslında birkaç yerleşik yolu olmasıdır. Çok sayıda deney yaparak, farklı durumlar ve temalar üzerinde çalışan en güvenilir yöntemleri belirledik.

Bu kılavuzda, WordPress'te blok yüksekliklerini ve genişliklerini değiştirmenin en kolay yollarını paylaşacağız.

WordPress'te Blok Yüksekliğini ve Genişliğini Neden Değiştirmeli?

WordPress blok düzenleyicisi içerik eklemeyi kolaylaştırsa da, varsayılan blok boyutları her zaman aklınızdaki tasarıma uymayabilir. Bir bloğun yüksekliğini ve genişliğini ayarlamak, sayfanızın görünümü üzerinde daha fazla kontrol sahibi olmanın basit bir yoludur.

Bir bloğun boyutunu değiştirmek isteyebileceğiniz birkaç temel neden şunlardır:

• Görsel Düzeni İyileştirin: Öğelerinizin tam boyutunu kontrol ederek daha dengeli ve profesyonel görünümlü tasarımlar oluşturabilirsiniz.
• Okunabilirliği Artırın: Metin bloklarının genişliğini ayarlamak, özellikle geniş ekranlarda içeriğinizin okunmasını kolaylaştırabilir.
• Duyarlılığı Sağlayın: Blokları doğru boyutlandırmak, içeriğinizin masaüstlerinden mobil telefonlara kadar tüm cihazlarda harika görünmesine yardımcı olur.
• Vurgu Oluşturun: Bir bloğu daha büyük veya daha küçük yapmak, önemli harekete geçirici mesajlara veya anahtar bilgilere dikkat çekebilir.

WordPress Blok Boyutlandırmasını Anlamak

Yöntemlere dalmadan önce, WordPress'in blok boyutlarını tanımlamanıza izin verdiği farklı yolları anlamak faydalıdır:

Terim	Anlamı Nedir	Ne Zaman Kullanılır
Piksel (px)	Ekran boyutuna göre değişmeyen sabit bir boyut birimi.	Bir şeyin her yerde tam olarak aynı boyutta kalmasını istediğinizde piksel kullanın.
Yüzdeler (%)	Üst kapsayıcıya göre ayarlanan esnek bir birim.	Tüm ekran boyutlarında düzeninizin iyi görünmesini sağlamak için yüzdeleri kullanın.
Genişlik	Bir bloğu içerik alanından daha geniş yapan, ancak tam ekran yapmayan bir WordPress hizalaması.	Bölümleri tüm sayfaya yaymadan öne çıkarmak için bunu kullanın.
Tam Genişlik	Bir bloğu kenardan kenara ekrana yayan bir WordPress hizalaması.	Kahraman bölümleri, başlıklar veya büyük arka plan resimleri için bunu deneyin.
Minimum Yükseklik	Bir bloğun sahip olabileceği en küçük yüksekliği ayarlar, ancak gerekirse büyümesine izin verir.	Bölümlerin (Kapak blokları gibi) tutarlı bir yüksekliğe sahip olmasını istediğinizde bunu tercih edin.

Şimdi, WordPress'te blok yüksekliğini ve genişliğini nasıl kolayca değiştirebileceğinizi görelim.

Birkaç farklı yöntemi ele alacağız ve kullanmak istediğiniz yönteme atlamak için aşağıdaki hızlı bağlantıları kullanabilirsiniz:

Yöntem 1: Blok Ayarlarını Kullanarak Blok Yüksekliğini ve Genişliğini Değiştirme

Bu yöntemde, WordPress'in varsayılan ayarlarını kullanarak bir bloğun yüksekliğini ve genişliğini nasıl değiştireceğinizi göstereceğiz.

WordPress her tek blok için tam olarak aynı yeniden boyutlandırma seçeneklerini sunmasa da, blok düzenleyici çeşitli blokların yüksekliğini ve genişliğini ayarlamak için birkaç güçlü yol sunar.

WordPress'teki Resim bloğu ile başlayalım.

Bir Resim bloğu için, hizalama seçeneklerini kullanarak genişliğini ayarlayabilirsiniz. Blok üzerindeki araç çubuğundaki 'Hizala' düğmesine tıklayın.

'Genişlik' seçeneğini seçmek, görüntünün içerik alanınızın çoğunu kaplamasını sağlarken, 'Tam Genişlik' tüm sayfaya yayılmasını sağlar.

Ayrıca, sağdaki 'Blok Ayarları' paneline giderek görüntünün görüntü boyutunu ayarlayabilirsiniz.

'Ayarlar' bölümünde, Küçük Resim, Orta, Büyük veya Tam Boyut gibi önceden ayarlanmış seçenekler arasından seçim yapmak için 'Görüntü Boyutu' açılır menüsünü kullanın.

Bu, resmin boyutlarını seçilen ön ayara uyacak şekilde değiştirecektir.

‘Görüntü boyutları’ bölümündeki ‘Genişlik’ ve ‘Yükseklik’ kutularına tercih edilen piksel boyutunu yazarak bloğun genişliğini ve yüksekliğini de ayarlayabilirsiniz.

Bunun altında, bloğun boyutunu yüzde olarak da ayarlayabilirsiniz.

Bir Resim bloğunu yeniden boyutlandırmanın başka bir yolu, üzerine tıklamaktır; bu, dairesel tutamaçlarla mavi bir kenarlık getirir.

Ardından, görüntü bloğunun yüksekliğini ve genişliğini değiştirmek için bu çapaları sürüklemeniz yeterlidir.

İşiniz bittiğinde, ayarlarınızı kaydetmek için ‘Güncelle’ veya ‘Yayınla’ düğmesine tıklayın.

Yöntem 2: Sütun Bloğunu Kullanarak Blok Genişliğini Değiştirme

Yeniden boyutlandırmak istediğiniz blokta, Paragraf bloğu gibi yerleşik boyut denetimleri yoksa, bu yöntem tam size göre. Kontrol edebileceğiniz bir kapsayıcının içine bloğunuzu yerleştirerek bir geçici çözüm görevi görür.

Bu yöntem için bloğumuzu Sütunlar bloğunun içine yerleştireceğiz. Bu, her sütuna farklı bloklar ekleyebileceğiniz bir kapsayıcıdır.

Ardından, sütunların genişliğini ayarlayarak içindeki blokların genişliğini öncelikli olarak kontrol edebilirsiniz. Sütunun yüksekliği, içeriğine uyacak şekilde otomatik olarak ayarlanacaktır.

İlk olarak, ekranın sol üst köşesindeki 'Blok Ekle' (+) düğmesine tıklayın.

Buradan, Gutenberg düzenleyicisine Sütunlar bloğunu bulun ve ekleyin. Ardından, bir varyasyon seçmeniz istenecektir.

Bundan sonra, sütun düzeni ekranda görüntülenecektir ve artık bir sütun içindeki 'Blok Ekle (+)' düğmesine tıklayarak istediğiniz bloğu ekleyebilirsiniz.

Blok eklendikten sonra, genişliğini bulunduğu sütunu ayarlayarak kontrol edebilirsiniz.

Sadece sütunu seçin ve sağdaki blok ayarları panelinde, ‘Ayarlar’ bölümünde sütunun genişliğini değiştirebilirsiniz. Bu da içindeki bloğun yeniden boyutlandırılmasına neden olacaktır.

İşiniz bittiğinde, değişikliklerinizi kaydetmek için 'Yayınla' düğmesine tıklamanız yeterlidir.

İki sütunlu bir blok içindeki iki paragraf bloğunu yeniden boyutlandırdıktan ve hizaladıktan sonra demo web sitemizde içeriğin görünümü bu şekildeydi.

Yöntem 3: Grup Bloğunu Kullanarak Blok Yüksekliğini ve Genişliğini Değiştirme

Grup bloğu, birden çok bloğu düzenlemek ve düzenlerini ile aralıklarını yönetmek için mükemmeldir. İçindeki bireysel blokların yüksekliğini ve genişliğini doğrudan ayarlamasa da, grubun genel boyutlarını ve içeriğinin nasıl düzenlendiğini kontrol edebilirsiniz.

İlk olarak, üstteki 'Blok Ekle' (+) düğmesine tıklamanız gerekir. Ardından, Grup bloğunu bulun ve içerik düzenleyiciye ekleyin.

Ekledikten sonra, Grup bloğu ‘Grup’, ‘Satır’ veya ‘Yığın’ gibi düzen seçenekleri sunacaktır. Bu eğitim için varsayılan ‘Grup’ düzenini kullanacağız.

Bundan sonra, ekrandaki ‘Blok Ekle’ düğmesi görüntülenecektir. Artık istediğiniz herhangi bir bloğu ekleyebilirsiniz.

Bu eğitimde, bir Başlık bloğu, bir Paragraf bloğu ve bir Resim bloğu ekleyip yeniden boyutlandıracağız.

Gruba birden fazla blok eklemek için, blok araç çubuğundan 'Grubu Seç' düğmesine tıklayın.

Grup seçildikten sonra, alttaki ‘Blok Ekle’ (+) düğmesine tıklamanız yeterlidir.

Bunu yaptıktan sonra, sağdaki blok ayarları kenar çubuğu açılacaktır. Buradan, tüm blokların düzenini, hizalamasını ve yönünü kolayca ayarlayabilirsiniz.

Bu düzen ayarlarını yapmak, blokların nasıl düzenleneceğini ve grupta ne kadar yer kaplayacağını etkileyecektir. Sonuçtan memnun kalana kadar bu ayarları yapılandırabilirsiniz.

İşiniz bittiğinde, ayarlarınızı kaydetmek için ‘Güncelle’ veya ‘Yayınla’ düğmesine tıklayın.

Grup bloğu demo sitemizde böyle görünüyordu.

Yöntem 4: Kapak Bloğunu Kullanarak Blok Yüksekliğini Değiştirme

Bu yeniden boyutlandırma yöntemi, Kapak bloğunu kullanmak ve bir bölüm için belirli bir minimum yükseklik ayarlamak istiyorsanız sizin içindir. Üzerinde metin ve diğer içeriklerin bulunduğu tam genişlikte banner'lar veya öne çıkan görseller oluşturmak için idealdir.

İlk olarak, üstteki 'Blok Ekle' (+) düğmesine tıklayın ve Kapak bloğunu bulun.

Bunu yaptıktan sonra, WordPress medya kütüphanesinden bir renk seçmeniz veya bir resim yüklemeniz istenecektir. Bu resim veya renk, Kapak bloğunun arka planı olarak kullanılacaktır.

Ardından, istediğiniz herhangi bir bloğu Kapak bloğuna sürükleyip bırakmanız yeterlidir.

Bundan sonra, blok ayarlarını sağ sütunda açmak için Kapak bloğuna tıklamanız gerekir.

Buradan, 'Boyutlar' paneline aşağı kaydırın; burada Kapak bloğunun yüksekliğini pikseller kullanarak ayarlayabilirsiniz.

Son olarak, ayarlarınızı kaydetmek için 'Değişiklikleri Kaydet' düğmesine tıklamayı unutmayın.

Kapak bloğunu nasıl kullanacağınıza dair daha ayrıntılı talimatlar için, WordPress blok düzenleyicisindeki Kapak Resmi ve Öne Çıkan Resim karşılaştırması hakkındaki başlangıç kılavuzumuza bakmak isteyebilirsiniz.

Bonus: SeedProd'da Gelişmiş Blokları Kullanarak Güzel Sayfalar Oluşturun

SeedProd eklentisini kullanarak kolayca güzel ve estetik açıdan hoş sayfalar oluşturabilirsiniz.

Piyasadaki en iyi WordPress sayfa oluşturucu olup, blokları kullanarak açılış sayfaları oluşturmanıza olanak tanır; bu bloklar ihtiyaçlarınıza göre özelleştirmesi ve yeniden boyutlandırması çok kolaydır.

Ortak markalarımızdan birkaçı, tüm web sitelerini tasarlamak için bu aracı kullandı ve kullanıcıları taze, modern görünümlerini sevdiler. Daha fazla bilgi edinmek için SeedProd incelememize bakın.

Adım 1: SeedProd'u Yükleyin ve Etkinleştirin

Öncelikle SeedProd eklentisini yüklemeniz ve etkinleştirmeniz gerekecektir. Daha fazla ayrıntı için WordPress eklentisi nasıl kurulur hakkındaki kılavuzumuzu okuyabilirsiniz.

Etkinleştirdikten sonra, WordPress kontrol panelinizden SeedProd » Ayarlar sayfasına gitmeli ve ‘Lisans Anahtarı’ kutusuna lisans anahtarını girmelisiniz.

Lisans anahtarını SeedProd web sitesindeki hesap sayfanızda bulabilirsiniz.

Adım 2: Yeni Bir Açılış Sayfası Oluşturun

Ardından, bir açılış sayfası oluşturmaya başlamak için yönetici kenar çubuğundan SeedProd » Açılış Sayfaları ekranını ziyaret edin.

Buradan, 'Yeni Açılış Sayfası Ekle' düğmesine tıklamanız yeterlidir.

Şimdi sizi ‘Yeni Sayfa Şablonu Seçin’ ekranına yönlendirecektir. SeedProd, seçebileceğiniz birçok hazır şablon sunar.

Bir şablon seçtikten sonra, açılış sayfanız için bir ad ve URL sağlamanız istenecektir.

Bu ayrıntıları ekledikten sonra devam etmek için ‘Kaydet ve Sayfayı Düzenlemeye Başla’ düğmesine tıklamanız yeterlidir.

Adım 3: Resim Bloğu Boyutlarını Yeniden Boyutlandır

Bu, SeedProd'un sürükle ve bırak sayfa oluşturucusunu başlatacaktır; burada sayfanızı düzenlemeye başlayabilirsiniz. Ayrıntılı talimatlar için, WordPress ile açılış sayfası nasıl oluşturulur hakkındaki kılavuzumuza bakın.

Bu eğitim için bir Görüntü bloğu ve bir Düğme bloğu ekleyip yeniden boyutlandıracağız.

İlk olarak, Resim bloğunu soldaki blok panelinden sürükleyip sayfanın istediğiniz yerine bırakmanız gerekecektir.

Ardından, sol sütundaki blok ayarlarına erişmek için Resim bloğuna tıklayın. Buradan medya kitaplığınızdan bir resim yükleyebilirsiniz.

Ardından, bloğun yüksekliğini ve genişliğini piksel veya yüzdeler kullanarak değiştirebilirsiniz.

Ayrıca, ayarlar panelinin üst kısmındaki ‘Gelişmiş’ sekmesine geçerek resim bloğunun etrafındaki ve içindeki boşlukları hassas bir şekilde ayarlayabilirsiniz.

Ardından, ayarlarını genişletmek için ‘Boşluk’ paneline tıklayın.

Burada, bloğun kenar boşluğunu (blok dışındaki boşluk) ve dolgusunu (blok içindeki boşluk) ihtiyaçlarınıza göre ayarlamak için değerler ekleyebilirsiniz.

Bloğun üst, alt, sol ve sağ alanları için kenar boşluğunu ve dolguyu ayarlayabilirsiniz.

Adım 4: Ayırıcı Bloğun Yüksekliğini Ayarlama

Seedprod ile, aralarına biraz boşluk koymak için iki farklı blok arasına bir Ayırıcı bloğu ekleyebilirsiniz.

İlk olarak, sol sütundan 'Boşluk' bloğunu bulup eklemeniz gerekecektir. Ardından, ayarlarını açmak için üzerine tıklayın.

Şimdi, 'Yükseklik' kaydırıcısını kullanarak boşluk bloğunun yüksekliğini kontrol edebilirsiniz.

Boşluk bloğu, karmaşadan uzak bir web sitesi oluşturmanıza yardımcı olabilir.

Adım 5: Düğme Bloğu Dolgusunu Yapılandırma

Video, Başlık ve Düğme blokları dahil olmak üzere diğer blokların genişliğini ve yüksekliğini de aynı şekilde değiştirebilirsiniz.

Düğme bloğunu sol sütunda bulun ve sayfanıza sürükleyin.

Ardından, blok ayarlarını açmak için Düğme'ye tıklamanız gerekecektir.

Buradan, üst kısımdaki ‘Gelişmiş’ sekmesine geçin. Düğme metninin üstüne ve altına boşluk ekleyen ‘Dikey Dolgu’ kaydırıcısını sürükleyerek düğmenin dikey boyutunu artırabilirsiniz.

Yatay boyutunu artırmak için, metnin soluna ve sağına boşluk ekleyen ‘Yatay Dolgu’ kaydırıcısını sürükleyin.

İşiniz bittiğinde, ‘Kaydet’ düğmesine tıklamayı unutmayın.

Blok Genişliğini ve Yüksekliğini Değiştirme Hakkında Sıkça Sorulan Sorular

İşte okuyucularımızın WordPress'te blok genişliğini ve yüksekliğini değiştirmeyle ilgili sıkça sorduğu bazı sorular:

WordPress'te bir bloğun boyutunu nasıl küçültebilirim?

WordPress'te bir bloğun boyutunu, blok ayarlarında genişliğini, dolgusunu veya yazı tipi boyutunu ayarlayarak küçültebilirsiniz. Bloğu seçerek ve boyutları veya boşluğu doğru görünene kadar düşürerek başlayın.

WordPress'te bir metin bloğunu nasıl yeniden boyutlandırabilirim?

WordPress'te bir metin bloğunu, Yazı Tipi ayarlarındaki yazı tipi boyutunu değiştirerek yeniden boyutlandırabilirsiniz. Metin hala çok büyük geliyorsa satır yüksekliğini veya aralığını da ayarlayabilirsiniz.

WordPress'te blok aralığını nasıl ayarlayabilirim?

WordPress'te blok aralığını kenar boşluğu ve dolgu ayarlarını düzenleyerek ayarlayabilirsiniz. Blok içinde çok fazla boşluk varsa önce dolguyu azaltmanızı öneririz.

WordPress'te bir web sitesi sayfasını nasıl yeniden boyutlandırabilirim?

WordPress'te bir web sitesi sayfasını, temanızdaki veya sayfa oluşturucunuzdaki düzen ayarlarını değiştirerek yeniden boyutlandırabilirsiniz. İstediğiniz tasarıma bağlı olarak kutulu ve tam genişlikteki düzenler arasında geçiş yapmayı deneyebilirsiniz.

WordPress'te bir web sitesinin boyutunu nasıl küçültebilirim?

WordPress'te yazı tipi boyutlarını, boşlukları ve kapsayıcı genişliklerini azaltarak bir web sitesinin boyutunu küçültebilirsiniz. Her şeyi bir kerede değiştirmek yerine farklı öğelerde küçük ayarlamalar yaparak başlayın.

Umarız bu makale, WordPress'te blok genişliğini ve yüksekliğini nasıl değiştireceğinizi öğrenmenize yardımcı olmuştur. Ayrıca WordPress blok düzenleyicisinde resimlerin nasıl ekleneceği ve hizalanacağı hakkındaki makalemizi ve en iyi Gutenberg uyumlu WordPress temaları hakkındaki en iyi seçimlerimizi 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.