Padding vs Margin – WordPress’te Aradaki Fark Nedir?

WordPress’te dolgu, bir blok içindeki içerik ile kenarlık arasındaki boşluktur; kenar boşluğu ise iki ayrı blok arasındaki boşluktur.

İkisi arasındaki farkı anlamak, WordPress sitelerinin görünümünü ve düzenini iyileştirmek isteyen herkes için önemlidir.

WPBeginner olarak, WordPress üzerinde web siteleri ve e-ticaret mağazaları oluşturma konusunda çok fazla deneyime sahibiz. Bu bize, dolgu ve kenar boşlukları da dahil olmak üzere platform tarafından sunulan farklı tasarım öğeleri hakkında daha derin bir anlayış kazandırdı.

Bu makalede, dolgu ve kenar boşluğu özellikleri arasındaki farkı ve bunları WordPress’te nasıl kullanacağınızı göstereceğiz.

WordPress’te Padding Nedir?

WordPress web sitenizdeki dolgu özelliği, bir blok içinde boşluk oluşturmak için kullanılır.

Örneğin, düzenini görsel olarak daha çekici hale getirmek ve metnin blok sınırlarına çok yakın görünmesini önlemek için bir Metin bloğunun içine boşluk ekleyebilirsiniz.

WordPress blogunuzda içeriğin nasıl aktığını kontrol etmek için de dolgu kullanabilirsiniz. Örneğin, bir Metin bloğunun üstüne ve altına dolgu eklerseniz, ziyaretçilerin içeriği okumasını kolaylaştırabilirsiniz.

WordPress’te Marjin Nedir?

Kenar boşluğu, bir WordPress bloğunun ve çevresindeki öğelerin sınırının etrafındaki boşluktur.

Bu, iki farklı blok arasına boşluk eklemenize, daha temiz ve daha açık bir web sitesi düzeni oluşturmanıza yardımcı olabilir.

Örneğin, ekran yeniden boyutlandırıldığında bile görünür kalması için bir Metin bloğunun üstüne ve altına kenar boşlukları ekleyebilirsiniz.

Ayrıca, web sitenizi görsel olarak çekici ve kullanıcılar için daha erişilebilir hale getirmek amacıyla Görüntü ve Metin blokları arasına boşluk eklemek için kenar boşluklarını da kullanabilirsiniz.

WordPress’te Dolgu ve Kenar Boşlukları Arasındaki Fark Nedir?

İşte WordPress’teki dolgu ve kenar boşluğu özellikleri arasındaki farkların hızlı bir listesi:

Padding	Margin
Padding means adding space between the content and the border of the block.	The margin feature adds space outside the border of the block.
Using padding does not affect the other blocks on your website.	Using a margin affects other blocks on your website.
Padding can create a buffer around a block.	Margins can create space between two different blocks.

WordPress’te Dolgu Nasıl Kullanılır

WordPress tam site düzenleyicisi (FSE) varsayılan olarak dolgu özelliğiyle birlikte gelir.

Ancak, blok tabanlı bir tema kullanmıyorsanız, özel CSS kullanmadığınız sürece WordPress sitenize dolgu ekleyemeyeceğinizi unutmayın.

Bununla birlikte, bir blok temanız varsa, tam site düzenleyicisini başlatmak için WordPress yönetici kenar çubuğundan Görünüm ” Düzen leyici sayfasını ziyaret edebilirsiniz.

Buraya geldiğinizde, soldaki ‘Şablonlar’ kenar çubuğundan bloklarınıza dolgu eklemek istediğiniz sayfa şablonunu seçmeniz yeterlidir. Bu kenar çubuğu, web sitenizdeki farklı sayfalar için tüm şablonları gösterecektir.

Bunu yaptıktan sonra, seçtiğiniz şablon ekranda açılacaktır.

Buradan, tam site düzenleyicisinde sayfa şablonunuzu özelleştirmeye başlamak için ‘Düzenle’ düğmesine tıklayın.

Ardından, dolgu eklemek istediğiniz bloğu seçin. Bunun, içerik ile bloğun kenarlığı arasında boşluk oluşturacağınız anlamına geldiğini unutmayın.

Bu, ekranın sağ tarafındaki blok panelinde bloğun ayarlarını açacaktır.

Buradan, ‘Boyutlar’ bölümüne ilerlemeniz ve üç noktalı menüye tıklamanız gerekir. Bu, ‘Dolgu’ seçeneğini seçmeniz gereken bir istem açacaktır.

Ardından, bloğunuza yatay ve dikey dolgu eklemek için iki kaydırıcıyı kullanın.

Bu kaydırıcıların bloğun tüm kenarlarına dolgu ekleyeceğini unutmayın.

Ancak, bloğun yalnızca üst, alt, sol veya sağ tarafına dolgu eklemek istiyorsanız, bunu dolgu bölümündeki ‘Dolgu Seçenekleri’ simgesine tıklayarak da yapabilirsiniz.

Bu, dolgu eklemek istediğiniz bloğun farklı kenarlarını seçebileceğiniz bir istem açacaktır.

Bloğun birden fazla tarafına farklı dolgular eklemek istiyorsanız, ‘Özel’ seçeneğini seçmeniz gerektiğini unutmayın.

Bu, bloğun sağına, soluna, altına veya üstüne dolgu eklemek için ekrana dört farklı kaydırıcı ekleyecektir.

İşiniz bittiğinde, ayarlarınızı kaydetmek için ‘Kaydet’ düğmesine tıklamanız yeterlidir.

WordPress’te Kenar Boşlukları Nasıl Kullanılır

Tıpkı dolgu gibi, kenar boşluğu özelliği de WordPress tam site düzenleyicisinde yerleşik olarak bulunur. Ancak, bir blok teması kullanmıyorsanız bu özelliğin kullanılamayacağını unutmayın.

Başlamak için WordPress kontrol panelinden Görünüm ” Düzenleyici sayfasına gidin.

Buraya geldiğinizde, soldaki sütundan kenar boşlukları eklemek istediğiniz sayfa şablonunu seçin.

Bu, ekranda seçtiğiniz sayfa şablonunu açacaktır.

Buradan, şablonunuzu tam site düzenleyicisinde özelleştirmeye başlamak için ‘Düzenle’ düğmesini seçmeniz yeterlidir.

Ardından, düzenlemek istediğiniz bloğu seçin ve sağdaki blok panelinde ‘Boyutlar’ bölümüne ilerleyin.

Buradan, bloğun üst, alt, sol ve sağ köşeleri için yatay ve dikey kenar boşluklarını eşit olarak ayarlamak için iki kaydırıcıyı kullanmanız yeterlidir. Bu özelliği kullanmak, seçtiğiniz bloğun etrafında boşluk yaratacaktır.

Ancak, bloğun etrafına farklı kenar boşlukları eklemek için birden fazla kaydırıcı kullanmak istiyorsanız, bölümdeki ‘Kenar Boşluğu Seçenekleri’ simgesine tıklayın.

Bu, ekranda yeni bir bilgi istemi açacak ve buradan kenar boşluğu eklemek için bloğun bir tarafını seçebileceksiniz.

Ancak, birden fazla tarafa farklı kenar boşlukları eklemek istiyorsanız, ‘Özel’ seçeneğini belirleyebilirsiniz.

Blok paneli şimdi ekranda blok etrafında farklı kenar boşlukları ayarlamak için kullanabileceğiniz çeşitli kaydırıcılar görüntüleyecektir.

İşiniz bittiğinde, ayarlarınızı saklamak için üstteki ‘Kaydet’ düğmesine tıklamayı unutmayın.

WordPress’te Tam Site Düzenlemesi için Daha Fazla İpucu

Bloklarınıza dolgu ve kenar boşlukları eklemenin yanı sıra, WordPress temanızın tamamını özelleştirmek için tam site düzenleyicisini de kullanabilirsiniz.

Örneğin, tüm sayfa şablonlarınızı tasarlayabilir, kendi özel logonuzu ekleyebilir, marka renklerini seçebilir, düzeni değiştirebilir, yazı tipi boyutunu ayarlayabilir, arka plan resimleri ekleyebilir ve daha fazlasını yapabilirsiniz.

Web sitenizi daha da özelleştirmek için desen ve farklı bloklar da ekleyebilirsiniz. Ayrıntılar için WordPress temanızı nasıl özelleştireceğinize ilişkin başlangıç kılavuzumuza bakın.

FSE’yi web sitenize başlık, navigasyon menüsü veya özel CSS eklemek için de kullanabilirsiniz.

Ayrıca, siteniz genelinde tutarlılık sağlamak için Genel Stilleri kullanabilirsiniz. Daha fazla talimat için WordPress web sitenizde renkleri özelleştirme kılavuzumuza bakın.

Bununla birlikte, tam site düzenleyicisini kullanmaktan hoşlanmıyorsanız ve web sitenizin görünümü üzerinde daha fazla kontrol sahibi olmayı tercih ediyorsanız, sayfaları ve hatta tüm temanızı oluşturmak için SeedProd ‘u kullanabilirsiniz.

Piyasadaki en iyi açılış sayfası oluşturucusudur ve sürükle ve bırak oluşturucu ile birlikte gelir. Bu, web siteniz için harika bir tema oluşturmayı çok kolaylaştırır.

Daha fazla ayrıntı için, özel bir WordPress temasının nasıl kolayca oluşturulacağına ilişkin eğitimimize bakabilirsiniz.

Bu makalenin WordPress’teki dolgu ve kenar boşluğu özellikleri arasındaki farkı öğrenmenize yardımcı olduğunu umuyoruz. WordPress’te blok yüksekliğinin ve genişliğinin nasıl değiştirileceğine ilişkin başlangıç kılavuzumuz ve WordPress için en iyi Gutenberg blok eklentileri için en iyi seçimlerimiz de ilginizi çekebilir.

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.