Kılavuzlar/İçerik oluşturma/Tasarlayın/Gruplara stiller ekleme

Gruplara stiller ekleme

Dilediğiniz zaman Grup blokları kullanarak içerik gruplarına tasarım stilleri ekleyebilirsiniz. Bu kılavuzda Grup bloku görünümünü renkler, kenarlıklar ve görsel öğelerle nasıl özelleştirebileceğinizi öğreneceksiniz.

Video eğitimi

Gruba önceden ayarlanmış stil uygulama

Önceden ayarlanmış stiller, şunun birden fazlasına dahil olan bir özelliktir: blok temaları. Önceden ayarlanmış stil uygulamak için şu adımları izleyin:

  1. Lütfen Liste Görünümü öğesine tıklayın, düzenleme ekranının üstünde bulunur.
  2. Şunu seçin: Grup bloku.
  3. Lütfen blok ayarları kenar çubuğuiçinde Stiller sekmesine (siyah beyaz bir çembere benzeyen simge) tıklayın.
  4. Şuna uygulamak için bir stile tıklayın: Grup bloku.
The Styles section of the Group block sidebar settings.

Önceden ayarlanmış stilleriniz yoksa stillerinizi şuraya uygulamak için tam kontrolünüz devam eder: Grup bloku (aşağıda açıklanmıştır).

Bir grubun renklerini değiştirme

Şunun varsayılan renklerini değiştirebilirsiniz: Grup bloku, buna arkaplan rengi, metin rengi ve daha fazlası dahildir. Şunda kullanılan renkleri değiştirmek için: Grup bloku, şu adımları izleyin:

  1. Lütfen Liste Görünümü öğesine tıklayın, düzenleme ekranının üstünde bulunur.
  2. Şunu seçin: Grup bloku.
  3. Lütfen blok ayarları kenar çubuğuiçinde Renk bölümü.
The "Color" section of the Group block's settings sidebar.
  1. Rengini değiştirmek istediğiniz öğenin adına tıklayın ve yeni renginizi seçin.
  2. Lütfen Renk seçenekleri () simgesine tıklayarak varsayılan başlık ve düğme renklerini değiştirme seçeneklerini etkinleştirin.
  3. Lütfen “Kaydet” veya “Yayımla” seçeneğine tıklayarak değişikliklerinizi kaydedin.

Şunun hakkında daha fazla bilgi alın: renkleri değiştirme.

Arka plan görseli ekleme

Arka plan görüntüleri içeriğiniz için görsel ilgi alanı ve bağlam oluşturur. Şuna bir arka plan görüntüsü eklemek için: Grup bloku, şu adımları izleyin:

  1. Lütfen Liste Görünümü öğesine tıklayın, düzenleme ekranının üstünde bulunur.
  2. Şunu seçin: Grup bloku.
  3. Lütfen blok ayarları kenar çubuğuiçinde “Arka plan görseli” bölümünü bulun.
  4. Lütfen “Arka plan görseli ekle” seçeneğine tıklayarak sitenizde şuradan bir görsel seçin: Ortam Kütüphanesi veya yeni bir tane karşıya yükleyin.
The "Background image" section of the Group block's settings sidebar.

Bir arka plan görüntüsünü kaldırmak için “Arka Plan Görüntüsü (⋮) ” simgesine tıklayın, bu “Arka plan görseli” bölümündedir, ardından “Sıfırla” bağlantısını seçin.

Kenarlık veya gölge ekleme

Kenarlıklar ve gölgeler derinlik oluşturur ve içerik bölümlerini görsel olarak ayırır. Bu ögeleri bir şuraya eklemek için: Grup bloku, şu adımları izleyin:

  1. Lütfen Liste Görünümü öğesine tıklayın, düzenleme ekranının üstünde bulunur.
  2. Şunu seçin: Grup bloku.
  3. Lütfen blok ayarları kenar çubuğuiçinde şunu bulun: Kenar ve Gölge bölümü.
  4. Şunu ayarlayarak kenarlığınızı özelleştirin:
    • Genişlik: Kenarlığın ne kadar kalın göründüğü.
    • Stil: Düz, tireli veya noktalı çizgi stilleri.
    • Renk: Önceden ayarlanmış renklerden seçin veya özel bir renk oluşturun.
    • Yarıçap: Şuna yuvarlak köşeler ekleyin: Grup bloku.
  5. Lütfen Kenarlık ve Gölge Seçenekleri (⋮) menüsüne tıklayarak Gölge seçeneği görüntüleyin, ardından önceden ayarlanmış gölge tasarımlarından seçim yapın.

Şunun hakkında daha fazla bilgi alın: kenarlık ve gölge ayarları.

Stilleri yeniden kullanma

Sitenizde tutarlı tasarımlar oluşturmak zaman kazandırır ve görsel uyumu iyileştirir. Şunun tamamı için varsayılan stiller ayarlamak üzere: Grup blokları, şu adımları izleyin:

  1. Şuraya gidin: Görünüm → Düzenleyici → Stiller.
  2. Lütfen Grup bloku öğesini Bloklar bölümünde bulun ve tercih ettiğiniz arka planı, kenarlığı ve diğer stil seçeneklerini ayarlayın.
  3. Lütfen Kaydet seçeneğine tıklayarak bu varsayılanları şunların tümüne uygulayın: Grup blokları.

Not: Şunların her birini: Grup blokları blok ayarları kenar çubuğundan özelleştirmeye devam edebilirsiniz.

Şunun hakkında daha fazla bilgi alın: siteniz için stiller ayarlama.

Copied to clipboard!