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

Padding vs Margin – WordPress’te Aradaki Fark Nedir?

Editoryal Not: WPBeginner üzerindeki ortak bağlantılardan komisyon kazanıyoruz. Komisyonlar, editörlerimizin görüşlerini veya değerlendirmelerini etkilemez. Editoryal Süreç hakkında daha fazla bilgi edinin.

WordPress’te padding ve margin arasındaki farkı bilmek ister misiniz?

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

Bu yazıda size dolgu ve kenar boşluğu arasındaki farkı ve WordPress’te nasıl kullanılacağını göstereceğiz.

Difference between padding and margin in WordPress

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.

Padding preview

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 ve siteniz için daha geniş ve temiz bir düzen oluşturmanıza yardımcı olabilir.

Margin preview

Ö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 Padding ve Margin Arasındaki Fark Nedir?

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

PaddingMargin
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.

Öncelikle, tam site editörünü başlatmak için WordPress yönetici kenar çubuğundan Görünüm ” Editör sayfasını ziyaret etmeniz gerekir.

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.

Choose the page where you want to add padding from the left column

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.

Click the Edit icon for full site editor

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.

Choose the padding option from the Dimensions section

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.

Padding in full site editor

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.

Choose padding options from the prompt

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.

Padding for different corners

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

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

Tıpkı dolgu gibi, kenar boşluğu özelliği de WordPress tam site düzenleyicisinde yerleşik olarak gelir. Ancak, bir blok teması kullanmıyorsanız bu özellik kullanılamayacaktır.

İlk olarak, 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.

Choose the page where you want to add padding or margin from the left column

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.

Click the Edit icon for full site editor

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.

Add margin in the full site editor

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.

Use margin options

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.

Use margin slider

İş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 göz atabilirsiniz.

Add patterns to your layouts

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 de kullanabilirsiniz. Daha ayrıntılı talimatlar için WordPress web sitenizde renkleri özelleştirme hakkındaki kılavuzumuza göz atmak isteyebilirsiniz.

Choose a background color from the Color Picker

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ştur ucusudur ve web siteniz için harika bir tema oluşturmayı süper kolaylaştıran bir sürükle ve bırak oluşturucu ile birlikte gelir.

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

Edit theme template

Umarız bu makale WordPress’te dolgu ve kenar boşluğu arasındaki farkı öğrenmenize yardımcı olmuştur. 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.

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

3 yorumBir Cevap Bırakın

  1. Syed Balkhi says

    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. Jiří Vaněk says

    These are exactly those details that a person doesn’t often remember and then tries to figure out what that slider actually does. Thanks to the mentioned GIFs, it’s beautifully explained what padding and margin specifically do. It’s superb. It’s like a mnemonic aid. What you read, you usually forget, but what you see, you tend to remember much better.

  3. A Owadud Bhuiyan says

    I always just remembered that the margin is from the outside and padding from the inside.

    Also, I kept remembering that margin is an important factor regarding the responsive issue on a website.

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.