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 Kenar Boşlukları Nasıl Değiştirilir (Yeni Başlayanlar İçin Rehber)

WordPress'te kenar boşluklarını değiştirmek, sitenizin tasarımını iyileştirmenin basit bir yoludur. Kenar boşlukları öğeler arasında boşluk oluşturarak içeriğinizi daha okunabilir ve görsel olarak çekici hale getirir.

Genel bir en iyi uygulama olarak, WordPress sitelerimizi tasarlarken her zaman kenar boşluklarını ve aralığı kullanırız. Bunun, kullanıcıların web sayfalarımız ve içeriklerimizle etkileşim kurma biçimi üzerinde olumlu bir etkisi olduğunu fark ettik.

Bu başlangıç kılavuzunda, WordPress'te kenar boşluklarının nasıl ekleneceğini ve ayarlanacağını göstereceğiz. WordPress web sitenizin çeşitli alanlarında kenar boşluklarını değiştirmenin farklı yöntemlerini öğreteceğiz.

WordPress'te kenar boşlukları ekleme veya değiştirme

WordPress ve Web Tasarımında Kenar Boşlukları (Margin) Nedir?

Kenar boşlukları, bir web sayfasının veya bir web sayfasındaki diğer öğelerin etrafına eklenen boşluktur.

Tipik bir web sayfasını boş bir kağıt parçası olarak düşünün. Kenar boşlukları, kağıdın kenarlarındaki beyaz veya boş alandır.

Sayfa kenar boşlukları

Kenar boşlukları kullanmanın amacı, bir web sayfasındaki öğelerin birbirine sıkışmış görünmemesini sağlamaktır.

Benzer şekilde, kenar boşlukları sayfa düzeni içindeki farklı öğelerin etrafında kullanılabilir.

Örneğin, metne çok yakın olmamaları için resimlerin etrafındaki kenar boşluklarını değiştirebilir veya içerik alanınız ile kenar çubuğu arasında boşluk bırakmak için bir kenar boşluğu ekleyebilirsiniz.

Bu makalede birçok bilgiyi ele alacağız. İstediğiniz herhangi bir bölüme atlamak için aşağıdaki bağlantılara tıklayın.

Kenar Boşluğu ve Dolgu Arasındaki Fark Nedir?

Hem kenar boşluğu hem de dolgu, web tasarımında boş beyaz alan eklemek için kullanılır. Ancak, çok farklı kullanılırlar.

Kenar boşlukları bir öğenin dışına boş alan ekler ve dolgu öğenin içine boş alan ekler.

Kenar boşluğu vs dolgu diyagramı

Kenar boşlukları, bir öğenin dışına boşluk eklemek için kullanılır. Bir web sayfasındaki öğeler arasında bol miktarda boşluk olduğundan emin olmanızı sağlarlar.

Şimdi, kenar boşluklarının ne zaman kullanılacağına dair bazı örneklere bakalım.

1. Bir makaledeki resim ile metin arasındaki boşluğu artırmak için kenar boşlukları ekleme.

Bir resim ile çevresindeki metin arasına kenar boşluğu ekleme.

2. Başlık ve içerik alanı gibi bölümler arasına boşluk eklemek için kenar boşluklarını ayarlama.

Kapsayıcı öğelerin etrafındaki kenar boşluklarını artırma

Dolgu ise, içerik ile bir kutunun veya öğenin kenarları arasına yastıklama alanı eklemek için kullanılır.

Ek dolgu kullanmak isteyebileceğiniz bazı örnekler şunlardır.

1. Eylem çağrısı düğmelerinizde yastık alanını artırmak için dolguyu ayarlama.

Bir harekete geçirici mesaj düğmesinin içindeki boş alanı artırmak için dolgu

2. Bir Metin Sütununda Dolguyu Artırma

Bir metin sütununun içindeki dolgu

Hem dolgu hem de kenar boşlukları web tasarımında yaygın olarak kullanılır.

Boş alanlar kullanmak, herhangi bir tasarıma nefes aldırır, bu da onu daha kullanıcı dostu ve zarif hale getirir.

Daha fazla ayrıntı için, WordPress'te dolgu ve kenar boşlukları arasındaki fark hakkındaki eğitimimize bakın.

WordPress'te Neden Kenar Boşlukları Eklemek veya Değiştirmek Gerekebilir?

Kenar boşlukları, web tasarımının kritik bir yönüdür. Web sitenizin hoş görünmesini ve kullanımının kolay olmasını sağlarlar.

A/B testleri yürütme deneyimimizde, beyaz alanın stratejik kullanımının dönüşümler üzerinde genellikle olumlu bir etkisi olduğunu gördük.

Daha temiz, daha organize bir tasarım oluşturduğunuzda, kullanıcıların sitede daha uzun süre kalma ve istenen eylemleri tamamlama olasılığı daha yüksektir.

WordPress temaları, WordPress web sitenizin tasarım yönünü ele alır. Çoğu, temanızın düzeni boyunca kenar boşluklarını kullanarak bol miktarda beyaz alan sağlamak için CSS kuralları belirlemede zaten mükemmel bir iş çıkarır.

Tipik bir web sitesi düzeninde kullanılan kenar boşlukları

Bununla birlikte, işleri ayarlamak için ara sıra kenar boşlukları eklemeniz gerekebilir.

Örneğin, navigasyon menülerinizin etrafındaki kenar boşluğunu beğenmeyebilir veya harekete geçirici mesaj düğmelerinizin etrafına daha fazla kenar boşluğu eklemek isteyebilirsiniz.

Benzer şekilde, bazen öğelerin birbirine çok yakın veya çok uzak olduğunu hissedebilirsiniz.

Bu durumda, WordPress'te kenar boşluklarını kendiniz değiştirmeniz gerekecektir.

WordPress'te Kenar Boşlukları Nasıl Eklenir?

WordPress'te kenar boşlukları eklemenin birçok yolu vardır.

Kenar boşluğunu nereye eklemek istediğinize ve WordPress temanızda mevcut olan seçeneklere bağlı olarak, sizin için işe yarayacak bir yöntem seçmeniz gerekecektir.

Başlangıç ​​için, yeni başlayanlar için en kolay olan WordPress'in kendi yerleşik seçenekleriyle başlayalım.

Tam Site Düzenleyicisini Kullanarak WordPress'te Kenar Boşlukları Ekleme

Tam site düzenleyici desteğine sahip blok tabanlı bir tema kullanıyorsanız, WordPress web sitenizin herhangi bir yerindeki kenar boşluklarını değiştirmek için yerleşik site düzenleyiciyi kullanabilirsiniz.

Kontrol etmenin kolay bir yolu, WordPress kontrol panelinize bakmaktır. Görünüm » Düzenleyici görüyorsanız, blok tabanlı bir temanız var demektir. Bunun yerine Görünüm » Özelleştir görüyorsanız, aşağıdaki başka bir yönteme geçebilirsiniz.

Öncelikle, site düzenleyicisini başlatmak için Görünüm » Düzenleyici'ye gitmeniz gerekir.

Site düzenleyicisini başlat

Site düzenleyicisine girdikten sonra, sol sütundan bir şablon seçmek için tıklayın veya önizleme penceresine herhangi bir yere tıklayın.

Ardından, kenar boşluklarını değiştirmek istediğiniz alana veya öğeye tıklayın. Sağ sütunda, 'Stil' sekmesi altında kenar boşluklarını ayarlama seçeneğini göreceksiniz.

Site düzenleyicisinde kenar boşlukları

Kenar boşluklarını ayarlarken, düzenleyici kenar boşluğu alanını vurgulayacaktır.

Ayrıca üst, alt, sağ veya sol tarafa kenar boşlukları eklemeyi de seçebilirsiniz.

👆 Not: Site düzenleyicisinde olduğu gibi, bu kenar boşluğu seçeneği her blok için görünmeyebilir. Görmüyorsanız, endişelenmeyin! Bu kılavuzdaki diğer yöntemlerden biri işe yarayacaktır.

Blok Düzenleyicide Kenar Boşlukları Ekleme

Bir blog yazısı veya sayfası üzerinde çalışıyorsanız, blok düzenleyiciyi kullanacaksınız.

WordPress'teki blok düzenleyici, çeşitli bloklar için kenar boşlukları eklemenize ve değiştirmenize olanak tanır.

Kenar boşlukları eklemek/ayarlamak istediğiniz bloğa tıklamanız yeterlidir. Blok ayarları altında, ‘Stil’ sekmesine geçin ve ‘Boyutlar’ veya ‘Kenar Boşlukları’ seçeneğine kaydırın.

Blok düzenleyicide kenar boşlukları ekleme

👆 Not: Kenar boşluğu seçeneği, içerik düzenleyicisindeki tüm bloklar için mevcut olmayabilir. Bir öğe için kenar boşluğu seçeneğini göremiyorsanız, aşağıdaki alternatif bir yöntemi deneyin.

SeedProd Kullanarak WordPress'te Kenar Boşlukları Ekleme

SeedProd, piyasadaki en iyi WordPress sayfa oluşturucu eklentisidir. Web siteniz için özel sayfaları kolayca oluşturmanıza olanak tanır.

Hatta özel bir WordPress teması oluşturmak için bile kullanabilirsiniz.

İş ortağı markalarımızın birçoğu tüm web sitelerini SeedProd ile tasarladı ve kullanmaktan memnunlar. Daha fazla bilgi edinmek için tam SeedProd incelememize bakın.

SeedProd

SeedProd'un sezgisel sürükle ve bırak sayfa oluşturucusu, düzenleyicideki herhangi bir öğenin kenar boşluklarını kolayca ayarlamanıza olanak tanır.

Öncelikle, SeedProd eklentisini yüklemeniz ve etkinleştirmeniz gerekir. Daha fazla ayrıntı için, bir WordPress eklentisinin nasıl kurulacağına ilişkin eğitimimize bakın.

Ardından, SeedProd » Açılış Sayfaları'nı ziyaret etmeniz ve ardından ‘Yeni Açılış Sayfası Ekle’ düğmesine tıklamanız gerekir.

Yeni açılış sayfası ekle

Bundan sonra, sayfanız için bir şablon seçmeniz istenecektir.

SeedProd, başlangıç noktası olarak kullanabileceğiniz düzinelerce hazır şablonla birlikte gelir veya boş bir şablonla başlayabilirsiniz.

Şablon seçin

Şablonunuzu seçmek için tıklayın ve ardından açılış sayfanız için bir ad sağlayın.

Bu, SeedProd'un sayfa oluşturucusunu başlatacaktır.

Sağ tarafta sayfanızın canlı önizlemesini göreceksiniz. Ve sol sütunda sayfanıza ekleyebileceğiniz öğeler.

SeedProd sayfa oluşturucu

Düzenlemek için sayfadaki herhangi bir öğeye tıklayıp sürükleyebilirsiniz.

Bir öğeye tıklamak onu seçecektir ve sol sütunda seçeneklerini göreceksiniz. Buradan 'Gelişmiş' sekmesine geçin ve 'Boşluk' seçeneğine tıklayın.

SeedProd'da Kenar Boşlukları Ekleme

Buradan seçilen öğe için kenar boşluklarını ve dolguyu değiştirebilirsiniz.

Sayfanızı düzenlemeyi bitirdikten sonra, sağ üst köşedeki 'Kaydet' ve 'Yayınla' düğmesine tıklamayı unutmayın.

SeedProd kaydet ve yayınla

Bundan sonra, değişikliklerin etkisini görmek için web sitenizi ziyaret edebilirsiniz.

Thrive Architect Kullanarak Kenar Boşluklarını Değiştirme

Thrive Architect, WordPress sayfalarını tasarlamak için sürükle ve bırak arayüzünü kullanmanıza olanak tanıyan kullanıcı dostu bir WordPress sayfa oluşturucudur.

Test sırasında, başlangıç noktası olarak kullanabileceğiniz 300'den fazla şablonu olduğunu bulduk. Ayrıca, mevcut WordPress temanızın düzenini ve stilini ödünç alarak WordPress yazılarınızı ve sayfalarınızı düzenlemek için de kullanabilirsiniz.

Daha fazla bilgi edinmek için tam Thrive Architect incelememize bakın.

Thrive Architect

Thrive Architect'i yüklemek için öncelikle Thrive Themes web sitesindeki hesabınıza giriş yapmanız gerekecektir.

Oradan, Thrive Product Manager eklentisini indirip yüklemeniz gerekir. Daha fazla ayrıntı için, bir WordPress eklentisinin nasıl kurulacağına ilişkin eğitimimize bakın.

Thrive Ürün Yöneticisini İndirin ve Yükleyin

Etkinleştirdikten sonra, Thrive Product Manager sayfasına gitmeniz gerekir.

WordPress'i Thrive Themes hesabınıza bağlamak için 'Hesabıma giriş yap' düğmesine tıklayın.

Thrive Themes hesabınıza giriş yapın

Bağlandıktan sonra, hesabınız altındaki mevcut Thrive Themes ürünlerinin listesini göreceksiniz.

Devam edin ve Thrive Architect altında 'Ürün Yükle' onay kutusuna tıklayın, ardından alttaki 'Seçili ürünleri yükle' düğmesine tıklayın.

Thrive Architect'i Yükle

Thrive Ürün Yöneticisi şimdi Thrive Architect eklentisini sizin için yükleyecektir.

Bundan sonra, yeni bir WordPress yazısı veya sayfası düzenleyebilir veya oluşturabilir ve 'Thrive Architect ile Düzenle' veya 'Thrive Architect'i Başlat' düğmesine tıklayabilirsiniz.

Thrive Architect'i Başlatın

Thrive Architect, yeni bir sayfa ise sizden bir şablon seçmenizi isteyecektir.

‘Normal Sayfa’ veya ‘Önceden Oluşturulmuş Açılış Sayfası’ şablonu oluşturmak için tema şablonunuzu kullanabilirsiniz.

Şablonlama seçeneğini seçin

‘Önceden Oluşturulmuş Açılış Sayfası’ seçeneğini seçerseniz, eklenti size seçebileceğiniz bir dizi şablon gösterecektir.

Oluşturmak istediğinize benzeyeni seçmek için tıklamanız yeterlidir.

Thrive Architect'te şablon seçimi

Normal bir sayfa (temanızın stillerini kullanarak) veya bir açılış sayfası olsun, Thrive Architect'in sayfa oluşturucusunun aynı özelliklere sahip olacaktır.

Sağda bir araç çubuğu ve solda bir ayarlar paneli ile sayfanızın canlı önizlemesini göreceksiniz.

Thrive Architect arayüzü

Bir öğeyi seçmek için üzerine gelip tıklayabilirsiniz. Veya yeni bir öğe eklemek için araç çubuğundaki ekle [+] düğmesine tıklayın.

Bir öğeyi seçmek ve düzenlemek için tıkladığınızda, ayarları sol sütunda görünecektir.

Buradan, kenar boşluklarını ve dolguyu değiştirmek için 'Düzen ve Konum' sekmesine tıklayın.

Kenar boşluklarını ve dolguyu ayarla

Kenar boşluğu ve dolgunun görsel bir temsilini göreceksiniz.

Fareyi kenar boşluğunun herhangi bir tarafına getirin ve kenar boşluğunu artırmak veya azaltmak için tutamacı sürükleyin.

kenar boşluklarını artırmak veya azaltmak için sürükleyin

Dört taraftan herhangi birindeki kenar boşluklarını değiştirmek için işlemi tekrarlayabilirsiniz.

İşiniz bittiğinde, Kaydet Çalışmayı düğmesine tıklamayı ve ardından Yazı Düzenleyiciye Kaydet ve Çık seçeneğini seçmeyi unutmayın.

WordPress gönderisini veya sayfasını yayınlama veya güncelleme

WordPress gönderinizi veya sayfanızı kaydetmek için artık 'Yayınla' veya 'Kaydet' düğmesine tıklayabilirsiniz.

WordPress'te CSS Kodu Kullanarak Kenar Boşluklarını Değiştirme

Bu yöntem, WordPress temanıza CSS kodu eklemenizi gerektirir. Ayrıca HTML ve CSS hakkında çok temel bir anlayışa sahip olmanız gerekir.

Ancak bu yöntem, kenar boşlukları eklemek veya ayarlamak istediğiniz alanı manuel olarak seçebileceğiniz için size daha fazla esneklik sağlar.

WordPress Temasında Özel CSS Kullanarak Kenar Boşlukları Ekleme ve Değiştirme

WordPress, özel CSS'yi WordPress tema seçeneklerinize kaydetmenize olanak tanır. Ancak, WordPress temanıza bağlı olarak bunu yapmanın birden fazla yolu vardır.

CSS kullanarak kenar boşlukları eklemeden veya değiştirmeden önce, CSS kodunuzla hangi öğeyi hedeflemeniz gerektiğini bulmanız gerekebilir.

Örneğin, sayfanın gövdesi etrafındaki kenar boşluklarını değiştirmek istiyorsanız, aşağıdaki kodu kullanabilirsiniz:

body { 
margin:50px; 
}

Bu kodda, 'px' pikselleri ifade eder, ekranlar için yaygın bir ölçü birimidir. margin özelliğini yalnızca bu şekilde tek bir değerle kullanmak, tüm dört kenar (üst, sağ, alt ve sol) için aynı anda kenar boşluğunu ayarlar.

Hedeflenecek öğeyi bulmanın en kolay yolu, tarayıcınızdaki İncele aracını kullanmaktır.

Web sitenizi yeni bir tarayıcı sekmesinde açın ve kenar boşluklarını değiştirmek istediğiniz öğenin üzerine fareyi getirin. Ardından, sağ tıklayın ve tarayıcı menüsünden 'İncele'yi seçin.

İnceleme aracını kullanma

Bu, tarayıcı ekranınızı bölecek ve sayfanın arkasındaki HTML kodunu ve CSS'yi göreceksiniz.

Fareyi kodun üzerine getirebilirsiniz ve tarayıcınız, koddan etkilenen alanı vurgulayacaktır.

Hedef öğe

Kodda, özel CSS'nizle hedeflemeniz gereken HTML öğesini veya CSS sınıfını görebilirsiniz. Bunu, stil vermek istediğiniz sayfanın belirli bir bölümünün 'adresi' olarak düşünün.

Nasıl görüneceğini önizlemek için kenar boşluklarınızı burada bile deneyebilirsiniz.

İnceleme aracında kenar boşluklarını deneme

Ancak, bu değişiklikler temanızda kaydedilmez ve tarayıcı sekmesini yeniden yüklediğinizde veya kapattığınızda kaybolur.

WordPress'te bu özel CSS'yi kaydetmenin farklı yollarını inceleyelim.

Site Düzenleyicide Kenar Boşluklarını Değiştirmek İçin Özel CSS Kullanma

Tam site düzenleyici desteğine sahip bir blok teması kullanıyorsanız. O zaman temanıza özel CSS eklemenin yolu budur.

İlk olarak, site düzenleyicisini başlatmak için Görünüm » Düzenleyici sayfasına gidin ve ardından 'Stiller' paneline geçin.

Site düzenleyicisinde Ek CSS seçeneği

'Stiller' panelinin en altında, 'Ek CSS' sekmesine tıklayın.

Bu, özel CSS kodunuzu ekleyebileceğiniz bir metin düzenleyici açacaktır. CSS kodunuz hemen uygulanacak ve değişikliklerin ekranda göründüğünü görebileceksiniz.

CSS kenar boşluğu önizlemesi

Değişikliklerden memnun kaldığınızda, değişikliklerinizi kaydetmek için 'Kaydet' düğmesine tıklamayı unutmayın.

Tema Özelleştirici'de CSS ile Kenar Boşlukları Ekleme

Klasik bir tema (site düzenleyici desteği olmayan) kullanıyorsanız, Özel CSS'nizi tema özelleştiricisinde kaydedebilirsiniz.

Tema özelleştiricisini başlatmak için Görünüm » Özelleştir sayfasına gidin.

WordPress tema özelleştiricisini başlatın

Özelleştirici, WordPress temanıza bağlı olarak farklı seçenekler gösterecektir.

Genişletmek için Ek CSS sekmesine tıklamanız gerekir.

Tema Özelleştiricisinde Ek CSS

Sekme, özel CSS'nizi ekleyebileceğiniz basit bir kutu göstermek için kayacaktır.

Geçerli bir CSS kuralı eklediğiniz anda, bunu web sitenizin canlı önizleme bölmesinde uygulandığını görebileceksiniz.

Tema özelleştiricisinde özel CSS ekleme

Değişikliklerden memnun kaldığınızda, değişikliklerinizi kaydetmek için 'Yayınla' düğmesine tıklayın.

WPCode Kullanarak Özel CSS Kodu ile Kenar Boşluklarını Değiştirin

WordPress'e Özel CSS kodu eklemenin en kolay yolu, WPCode eklentisini kullanmaktır.

WordPress web sitenizi bozmadan herhangi bir CSS/HTML/PHP/JavaScript kodunu eklemenizi sağlayan en iyi WordPress kod parçacığı eklentisidir.

Değerlendirmemiz sırasında, süper kullanıcı dostu olduğunu gördük. Deneyimimiz hakkında daha fazla bilgi edinmek için detaylı WPCode incelememize bakın.

WPCode - En İyi WordPress Kod Parçacığı Eklentisi

WPCode kullanmanın avantajı, WordPress temanızı değiştirdiğinizde CSS değişikliklerinizi kaybetmeyecek olmanızdır.

👆 Not: Kullanabileceğiniz WPCode'un ücretsiz bir sürümü de bulunmaktadır.

Yapmanız gereken ilk şey WPCode eklentisini yüklemek ve etkinleştirmektir. Daha fazla ayrıntı için, bir WordPress eklentisinin nasıl kurulacağına ilişkin eğitimimize bakın.

Etkinleştirdikten sonra, Kod Parçacıkları » + Yeni Ekle sayfasına gidin.

Fareyi kod parçacıkları kitaplığındaki ‘Özel Kodunuzu Ekle (Yeni Parçacık)’ seçeneğinin üzerine getirin ve ‘Parçacığı kullan’ düğmesine tıklayın.

Kod parçacığı kullan

Ardından, sayfanın üst kısmında özel CSS kod parçacığınız için bir başlık ekleyin. Bu, kodu tanımlamanıza yardımcı olabilecek herhangi bir şey olabilir.

Ardından, özel CSS'nizi ‘Kod Önizleme’ kutusuna yazın veya yapıştırın ve açılır menüden ‘CSS Snippet’ seçeneğini seçerek ‘Kod Türü’nü ayarlayın.

WPCode'a özel CSS ekleme

Örneğin, tüm web sayfası gövdesinin etrafındaki kenar boşluklarını eklemek veya değiştirmek istiyorsanız, aşağıdaki CSS kodunu kullanabilirsiniz:

body { 
margin:50px;
}

Ardından, 'Ekleme' bölümüne aşağı kaydırın ve kodu tüm WordPress sitenizde çalıştırmak için 'Otomatik Ekleme' yöntemini seçin.

Kodu yalnızca belirli sayfalarda veya gönderilerde çalıştırmak istiyorsanız, 'Kısa Kod' yöntemini seçebilirsiniz.

Bir ekleme yöntemi seçin

Şimdi, sayfanın başına geri dönmeniz ve anahtarı 'Aktif' konumuna getirmeniz gerekiyor.

Son olarak, değişikliklerinizi kaydetmek için 'Snippet Kaydet' düğmesine tıklayın.

CSS'yi kaydet ve etkinleştir

Özel CSS'nizin etkisini görmek için artık web sitenizi ziyaret edebilirsiniz.

WordPress'te Kenar Boşlukları Hakkında Sıkça Sorulan Sorular

WordPress'te kenar boşlukları ekleme hakkında okuyucularımızın sıkça sorduğu bazı sorular şunlardır:

Kenar boşluğu ve dolgu arasındaki temel fark nedir?

Kenar boşluğu, bir öğenin kenarlığının dışındaki alandır ve bu, öğe ile diğer öğeler arasında mesafe oluşturur. Dolgu, bir öğenin kenarlığının içindeki alandır ve içerik ile kenarlığın kendisi arasında bir yastık oluşturur.

Kenar boşluğunu, duvardaki resim çerçeveleri arasındaki boşluk olarak düşünün ve dolguyu tek bir resim çerçevesinin içindeki paspas olarak düşünün.

Daha fazla bilgi için, WordPress'te dolgu ve kenar boşluğu arasındaki fark hakkındaki rehberimize de göz atabilirsiniz.

Kenar boşluklarını özellikle mobil cihazlar için nasıl değiştirebilirim?

Mobil için kenar boşluklarını ayarlamak üzere CSS medya sorgularını kullanabilirsiniz. Bu, farklı ekran boyutları için belirli stiller uygulamanıza olanak tanır.

SeedProd gibi sayfa oluşturucu eklentileri de cihaza özel denetimler sunarak masaüstü, tablet ve mobil görünümler için kenar boşluklarını kolayca değiştirmenize olanak tanır.

WordPress düzenleyicisinde belirli bir blok için kenar boşluğu seçeneği neden görünmüyor?

Bu, temanıza bağlı olabileceğinden, tüm WordPress bloklarında yerleşik kenar boşluğu denetimleri bulunmaz.

Seçenek eksikse, bloğu kenar boşluğu ve dolgu ayarları olan bir Grup bloğuna sarabilirsiniz. Bloğu doğrudan hedeflemek için özel CSS yöntemlerinden birini de kullanabilirsiniz.

Kenar boşluklarını değiştirmek için bir eklenti mi yoksa özel CSS mi kullanmak daha iyidir?

Yeni başlayanlar için, SeedProd gibi bir sayfa oluşturucu eklentisi genellikle daha kolaydır çünkü görsel bir arayüz sağlar.

Daha gelişmiş kullanıcılar veya site genelinde ayarlamalar yapmak için özel CSS, size daha hassas bir kontrol sağlar.

CSS'nizi eklemek için WPCode gibi bir eklenti kullanmak harika bir seçenektir çünkü temanızı güncellediğinizde veya değiştirdiğinizde kodunuzu korur.

Umarım bu makale, WordPress'te kenar boşluklarını nasıl ekleyeceğinizi veya değiştireceğinizi öğrenmenize yardımcı olmuştur. Ayrıca WordPress'te resimleri yan yana nasıl koyacağınızı veya WordPress'te altı çizili ve hizalı metin düğmeleri nasıl ekleyeceğinizi öğrenmek 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

15 CommentsLeave a Reply

  1. Başka bir yöntem ise Simple CSS gibi bir eklenti kullanmaktır. Bu eklenti, tema dosyalarınızı doğrudan düzenlemeye gerek kalmadan özel CSS eklemenize olanak tanır. Kullanıcı dostudur ve kodlama konusunda rahat olmayanlar için mükemmeldir.

  2. İyi bir UI için yeterli kenar boşluğuna sahip olmak çok önemlidir. WordPress sitemin bloklarındaki kenar boşlukları ve dolgularla oynamak için Elementor'u kullandım.

  3. Birçok kişi, kullanıcı deneyimi için boşluk kadar önemli olmasına rağmen, doğru miktarda dolgu ve kenar boşluğu kullanmayı ihmal eder.

  4. Gerçi, WPcode'u daha önce WordPress başlık ve altbilgisi iken kullanmıştım.

    Belirli bir kodu eklemek için WPcode kullanırsam. Sorun giderme veya başka herhangi bir şey için bir temayı değiştirmek kodu kaybetmez mi ??

    • Doğru, WPCode eklentisini kullanmak, temayı değiştirseniz bile kodun hala aktif olacağı anlamına gelir.

      Yönetici

      • Vay canına.
        Bu iyi.
        WPcode yeniden markalaşmadan önce bile faydalıydı.
        Teşekkürler.

  5. Bu konu hakkında bir soru sormak istiyorum. Duyarlılık için masaüstü sürümü için farklı kenarlıklar ve mobil sürüm için başka bir kenarlık olmasının basit bir çözümü var mı?

      • Elbette, bu yüzden iki kod parçacığı oluşturun ve birini masaüstü sürümü için diğerini mobil için yerleştirin. Tamam

      • WordPress özelleştiricisinde Ek CSS'yi de kullanabilirsiniz. Mobil ve masaüstü için CSS kuralını oraya yazabilir ve CSS medya sorgusunu kullanarak ilgili kenar boşluklarını ayarlayabilirsiniz.

        • Haklısınız. Sonunda tam olarak yazdığınız gibi yaptım. CSS'yi ekran boyutlarına göre ayarladım. Yani şimdi masaüstü sürümü için ayrı bir CSS setim ve mobil sürüm için ayrı bir CSS setim var. Benim için zor olsa ve yapay zekadan yardım almam gerekse de, şimdi tam olarak istediğim gibi ve tam olarak tarif ettiğiniz gibi Bay Mrteesurez çalışıyor.

        • Rica ederim, Jirí.
          CSS medya sorgusu kullanmak kolaydır, ancak daha önce CSS'e aşina olmayanlar için zor olabilir, ancak yapay zeka kullanmak kod parçasını almayı ve yapıştırmayı kolaylaştıracaktır.
          İşe yaramasına sevindim.

  6. Tüm farklı seçenekleri paylaştığınız için teşekkürler. Temamı değiştirdiğimde özel CSS'imi kaybedeceğimi hatırlatmanız iyi oldu! WPCode'um olduğu için, temayı devre dışı bırakmadan önce kodumu merkezi bir yere kopyalayacağım.

  7. Exploring various methods, especially with SeedProd and Thrive Architect, provides a tailored approach to design. Loving your beginners guides :)

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.