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

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?
- WordPress'te Neden Kenar Boşlukları Eklemek veya Değiştirmek Gerekebilir?
- WordPress'te Kenar Boşlukları Nasıl Eklenir?
- Tam Site Düzenleyicisini Kullanarak WordPress'te Kenar Boşlukları Ekleme
- Blok Düzenleyicide Kenar Boşlukları Ekleme
- SeedProd Kullanarak WordPress'te Kenar Boşlukları Ekleme
- Thrive Architect Kullanarak Kenar Boşluklarını Değiştirme
- WordPress'te CSS Kodu Kullanarak Kenar Boşluklarını Değiştirme
- WordPress Temasında Özel CSS Kullanarak Kenar Boşlukları Ekleme ve Değiştirme
- Site Düzenleyicide Kenar Boşluklarını Değiştirmek İçin Özel CSS Kullanma
- Tema Özelleştirici'de CSS ile Kenar Boşlukları Ekleme
- WPCode Kullanarak Özel CSS Kodu ile Kenar Boşluklarını Değiştirin
- WordPress'te Kenar Boşlukları Hakkında Sıkça Sorulan Sorular
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ş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.

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

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.

2. Bir Metin Sütununda Dolguyu Artırma

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.

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

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.

👆 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'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.

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.

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

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.

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.

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

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.

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 Ü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, 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.

‘Ö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.

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.

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

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

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.

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.

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.

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

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.

Özelleştirici, WordPress temanıza bağlı olarak farklı seçenekler gösterecektir.
Genişletmek için Ek CSS sekmesine tıklamanız gerekir.

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.

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

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.

Ö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.
👉 İlgili Yazı: WordPress'te Kısa Kodları Kullanmak İçin Temel İpuçları

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

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


Samuel
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.
Suman Sourabh
İ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.
David Lim
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.
Mrteesurez
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 ??
WPBeginner Desteği
Doğru, WPCode eklentisini kullanmak, temayı değiştirseniz bile kodun hala aktif olacağı anlamına gelir.
Yönetici
Mrteesurez
Vay canına.
Bu iyi.
WPcode yeniden markalaşmadan önce bile faydalıydı.
Teşekkürler.
Jiří Vaněk
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ı?
WPBeginner Desteği
You could use WPCode to load the CSS on mobile
Yönetici
Jiří Vaněk
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
Mrteesurez
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.
Jiří Vaněk
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.
Mrteesurez
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.
Jodie Osborn
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.
WPBeginner Desteği
Glad we could share a way to keep the code
Yönetici
Konrad
Exploring various methods, especially with SeedProd and Thrive Architect, provides a tailored approach to design. Loving your beginners guides