Kılavuzlar/Stiller/Kenarlık ve Gölge Ayarları

Kenarlık ve Gölge Ayarları

WordPress düzenleyicideki birçok blok, içeriğinizin çevresine bir sınır çizgisi eklemek için kenarlık ayarları içerir. Bu kılavuzda bu kenarlık ayarlarını nasıl kullanacağınız gösterilecektir.

Kenarlık ve Gölge Ayarlarına Erişme

Kenarlık ve Gölge ayarları tüm siteye, sitenizdeki belirli öğelere veya tek bir içerik blokuna uygulanabilir. Kenarlıklar ve gölgeler uygulama seçeneği yalnızca kenarlıkları destekleyen bloklar için görünür.

Tüm sitenizin stil ayarlarını düzenlemek için şu adımları izleyin:

  1. Sitenizin panosunu ziyaret edin.
  2. Görünüm → Düzenleyici bölümüne gidin.
  3. Sol taraftaki menüden Stiller‘i seçin.

Sitenizin stillerini düzenleme hakkında daha fazla bilgi edinin.

Tek bir blokun stil ayarlarını değiştirmek için şu adımları izleyin:

  1. Sitenizin panosunu ziyaret edin.
  2. Düzenlemek istediğiniz sayfa, gönderi veya şablona gidin.
  3. Stili uygulamak istediğiniz bloku seçin.
  4. Blok ayarları kenar çubuğunu bulun.

Çoğu durumda stil ayarları ana blok ayarları kenar çubuğunda olur. Ara sıra, stiller için siyah ve beyaz daire ile temsil edilen ayrı bir sekme görürsünüz.

Stiller simgesine işaret eden bir ok içeren Blok Ayarları kenar çubuğu.
Blok Ayarları'ndaki "Stiller" simgesinden "Kenarlık ve Gölge" bölümüne yönlendiren bir ok.
Görsel blokundaki kenarlık ve gölge ayarlarına örnek

Tüm Ayarları Görüntüleme

Şu ayarlarla blokunuzun metninin görünümünü ayarlayın.

Ayarı göremiyorsanız Kenarlık ve Gölge öğesinin sağ tarafındaki üç noktaya tıklayın (sağda gösterildiği gibi). Ardından, erişmek istediğiniz seçeneği belirleyebilirsiniz:

  • Kenarlık
  • Yarıçap
  • Gölge
"Kenarlık ve Gölge" menüsünden Kenarlık ve Gölge ayarlarına yönlendiren bir ok.

Kenarlık Ekleme

Kenarlık ayarı, bir bloku kapsayan bir satır eklemenizi sağlar. Kenarlığın kalınlığını, rengini ve yarıçapını seçebilirsiniz.

Bir bloka kenarlık eklemek için:

  1. Bloku seçin ve Blok Ayarları kenar çubuğunu açın.
  2. Kenar çubuğundaki Kenarlık ve Gölge bölümünü bulun.
  3. Kenarlığı çizmek için tam bir değer girin veya kaydırıcıyı sürükleyin.
  4. İsteğe bağlı: Boyut alanının solundaki daireye tıklayarak kenarlığın rengini değiştirin. Bir tema rengi seçin, varsayılan bir renk seçin veya renk seçicikullanarak kendi temanızı ayarlayın.

Varsayılan olarak kenarlık değerleri piksel cinsinden hesaplanır.  Diğer birimlerden birine değiştirmek için alanın yanındaki “px” tuşuna basın (%, em, rem, vw ve vh). Farklı boyut ayarları birimleri hakkında daha fazla bilgi edinin.

Video showing how to add a border to an image block.

Kenarlık Yarıçapını Ayarlama

Yarıçap ayarı, blokunuzun kenarlıklarının yuvarlatılmış görünmesini sağlar. Yarıçapı 0 olarak ayarlamak blokun keskin kenarları olduğu, yarıçapının 100 olması ise yuvarlatılmış kenarların şu şekilde olduğu anlamına gelir:

Yuvarlatılmış kenarlığı olan bir görsel bloku.
Yuvarlatılmış kenarlıkları olan bir Görsel bloku.

Gelişmiş Kenarlık Ayarları

Kenarlık ve Yarıçap ayarlarınızla yaratıcı olabilirsiniz. “Kenarların Bağlantısını Kes” seçeneğini kullanarak blokun her bir kenarı için kenarlık ve yarıçapı ayarlayabilirsiniz.

Kenarların bağlantısını kesmek için simgenin etrafına çizilen ve "Kenarların bağlantısını kes" yazan araç ipucu içeren kutu.

Her taraf için özel bir kenarlık veya yarıçap ayarlamak için:

  1. Kenarlık veya Yarıçap‘ın sağındaki Kenar Bağlantısını Kes simgesine tıklayın.
  2. Her kenar için özel boyutlar belirleyin.

Kenarlık Rengi ve Stil Seçici‘ye tıklayarak Kenarlık için farklı renkler ve stiller de ayarlayabilirsiniz.

Kenarlık ve Yarıçap ayarları
Benzersiz bir efekt oluşturmak için özel kenarlık ve yarıçap örneği.

Gölge Ekleme

Belirli bloklarda (Düğme, Görsel ve Sütunlar dahil) kullanılabilir olan Gölge seçeneği blokunuza arkasında bir gölge verir.

Gölge bölümü, farklı alt gölge seçeneklerine yönlendiren bir ok ile açılır.
Düğmeler Blokunda alt gölge uygulanmış bir düğmeye örnek.

Öğeniz için aşağıdaki gölge efektlerinden birini seçin:

  • Doğal
  • Derin
  • Keskin
  • Çevresi çizgili
  • Net

Gölge Ayarlarını Özelleştirme

Stiller düzenleyici aracılığıyla varsayılan gölge efektlerini özelleştirebilir veya kendi efektinizi oluşturabilirsiniz.

  1. Sitenizin panosunu ziyaret edin.
  2. Görünüm → Düzenleyici bölümüne gidin.
  3. Sol taraftaki menüden “Stiller” seçeneğini seçin.
    • Düzenleyicide, sağ üst köşedeki Stiller simgesini de seçebilirsiniz; düğme siyah beyaz daireye benzer.
  4. “Gölgeler” seçeneğine tıklayın.
  5. Özelleştirmek istediğiniz gölgenin adına tıklayın. Yeni özel gölge oluşturmak için “Özel” başlığının yanındaki artı simgesine ve ardından yeni özel gölgenin adına tıklayın.
  6. Gölge ayarlarında gölgenin nasıl göründüğü ve gölgenin adının önizlemesini görebilirsiniz. Şu ayarları yapmak için gölgenin adına tıklayın:
    • Renk: Renk Seçici‘yi kullanarak gölge rengini seçin.
    • Dış veya İç: Gölgenin öğenin dışında mı yoksa içinde mi görüneceğini seçin.
    • X konumu ve Y konumu: Nesnenin ne kadar uzağında görüntüleneceğini ayarlayın.
    • Bulanıklaştır: Gölgenin ne kadar odaklanmamış olması gerektiği.
    • Yayılma: Gölgenin ne kadar büyük veya küçük görünmesi gerektiği.
  7. İşleminizi tamamladığınızda değişikliklerinizi kaydetmek için “Kaydet” düğmesine tıklayın.

Kenar ve Gölgeyi Sıfırlama

Blokun kenarlıklarındaki ve gölgelerindeki özelleştirmeleri sıfırlayıp baştan başlayabilirsiniz. Stilleri sıfırlamak için:

  1. Kenarlık ve Gölge seçeneklerine tıklayın (bölüm üst bilgisinin sağındaki üç dikey nokta).
  2. Belirli ayarı sıfırlamak için tek bir ayarın işaretini kaldırın veya tüm ayarları sıfırlamak için “Hepsini sıfırla“ya tıklayın.

Sıfırlama seçeneği yoksa kaldırılacak özelleştirme yok.

Bireysel ayarların ve "tümünü sıfırla" seçeneğinin etrafında çizilen kutular için Kenarlık ayarları simgesinden bir ok.
Copied to clipboard!