Genel bölüm ayarları

Tüm bloklar, yazı tipleri, arka planlar ve görünüm için aynı genel ayarları kullanır; bu da blok içeriğinin farklı olmasına izin verirken siteniz genelinde tutarlı bir görsel stil sağlar.

Herhangi bir blok için genel ayarları yapılandırmak için imlecinizi üzerine getirin ve Ayarlar düğmesini seçin.

Şuna tıklayın: Ayarlar sağ taraftaki genel bölüm ayarları menüsünü açmak için düğmesine tıklayın.

Yazı tipi ayarları

Aşağıdaki ayarları değiştirebilirsiniz:

• Yazı tipi ve stil: Yazı tipi ailesi, stili (Normal veya İtalik) ve kalınlığı (ağırlığı).

• Aralık: Harf aralığı, satır yüksekliği ve yazı tipi boyutu.

Hem Başlık hem de Metin alanı bulunan bloklar için iki stil seçeneğiniz vardır:

1. Uygulama tek bir yazı tipi stili tüm blokta tekdüzelik sağlamak için.

2. Bu bloğa giden bağlantı üzerinde aşağıdaki tetikleyiciyi yapılandırın: Ek yazı tipi Başlık ve Metin için ayrı stiller tanımlama seçeneği; bu da aynı blok içinde farklı görsel roller oluşturur.

Özel bir yazı tipi nasıl eklenir

Özel bir yazı tipi eklemek için aynı adlı düğmeyi bulun ve üzerine tıklayın:

Farklı yazı tiplerinden oluşan çok geniş bir seçenek yelpazesine sahip bir sayfaya yönlendirileceksiniz:

1. Adım. İstediğiniz yazı tipini bulun

a) Bu, arama çubuğu kullanılarak yapılabilir:

Yazı tipi için gerekli ölçütleri seçin:

• Yazı tipi kategorisi

• sans-serif (serifsiz harfler)

• serif (serifli harfler)

• handwriting (el yazısını taklit eden bir yazı tipi)

• monospace (tek aralıklı veya orantısız yazı tipi, tüm karakterlerin aynı genişliğe sahip olduğu yazı tipi)

• display (gösterim amaçlı kalın yazı tipi)

• Dil desteği

• Kiril

• Latin

b) Bir yazı tipini manuel olarak bulmak için biçimlendirme şeridindeki सूचीyi kaydırın.

2. Adım. Seçilen yazı tipine tıklayın:

Yazı tipi seçeneklerini içeren bir modal pencere göreceksiniz:

3. Adım. İhtiyacınız olanın yanındaki kutuyu işaretleyerek bir yazı tipi seçeneği belirleyin:

4. Adım. Tıklayın "Ekle" düğmesine tıklayın:

Özel yazı tipi ayarlarınız, kaydedildiklerinde burada görüntülenecektir.

6. Adım. Tıklayın "Kaydet":

Eklenen yazı tipleri, varsayılan yazı tipleriyle aynı सूचीde gösterilecektir.

Arka plan ayarları

Bölüm arka planını düz bir renk, degrade, resim veya video ile özelleştirin.

Bir arka plan görselinin üzerine renk veya degrade katmanı ekleyebilirsiniz.

Görsel dosya olarak ya da görsele bağlantı olarak eklenebilir:

Bir video depolamadan eklenebilir

Önce video dosyanızı dosya depolama alanına yükleyin.

Arka plan görseli ayarları

Görsel konumlandırma kontrolü

Bir bölüm içindeki görsel, birbirinden bağımsız iki parametre kullanılarak konumlandırılır:

1. Yatay hizalama (X ekseni)

2. Dikey hizalama (Y ekseni)

Konumu belirtin bir anahtar sözcük veya bir kombinasyon kullanarak:

Anahtar sözcük	Etkisi
üst, alt, orta	Dikey hizalama
sol, sağ, orta	Yatay hizalama
sol alt, sağ üst, orta orta	Birleşik konum

Hassas kontrol içinsayısal değerler de kullanabilirsiniz:

• Yüzdeler (ör., 30% 75%)

• Pikseller (ör., 20px 100px)

• veya karma birimler

Konum %100; boyut %100; tekrar etme

Görsel boyutlandırma seçenekleri

Bir görselin boyutlarını aşağıdaki yöntemlerle kontrol edebilirsiniz:

1. Özel boyutlar belirleyin

Hem genişliği hem de yüksekliği esnek değerler kullanarak tanımlayın.

• Biçim: [genişlik] [yükseklik]

• Örnek 1 (Pikseller): 500px 300px

• Örnek 2 (Yüzde): 15% 10%

2. Önceden ayarlanmış bir anahtar sözcük kullanın

Belirli bir ölçekleme davranışı uygulamak için tek bir parametre belirtin:

• contain — En-boy oranını koruyarak görseli bölüm yüksekliğine tamamen sığacak şekilde ölçekler (Örnek 3).

• cover — Görseli orijinal piksel boyutlarında gösterir (Örnek 4: orijinal boyut 1268 × 1343 px).

Görseli tekrar et

Bu seçenek varsayılan olarak devre dışıdır. Mevcut ayarlar şunları içerir:

Bir görsel nasıl sabitlenir

Sabit bir arka plan görseli ayarlamak için bu anahtarı etkinleştirin. Etkin olduğunda, görsel kaydırma sırasında sabit kalır ve içeriğin onun üzerinde hareket etmesine izin verir.

Arka plan rengi ve degradeyi

Bölümün arka planını düz bir renkle özelleştirebilir veya mevcut seçeneklerden bir degrade seçebilirsiniz.

Görüntüleme ayarları

Bu bölümün nerede görünür olacağını belirtebilirsiniz (örneğin, hangi cihazlarda veya platformlarda). Varsayılan olarak web sitesinde ve Facebook'ta gösterilir. Açılır menüyü kullanarak bu blok için, örneğin yalnızca web sitesinde görünür olacak şekilde, bir görüntüleme seçeneği seçebilirsiniz.

Kenar yuvarlaklığı:

Kenar yuvarlaklığı piksel olarak belirtilir - px.

Bölüm yüksekliği

Bölümün yüksekliği aşağıdaki birimler kullanılarak tanımlanabilir:

• px: piksel (sabit değer)

• vh: görünüm alanı yüksekliği (ekran boyutuna duyarlı)

Bölüm genişliği

1 sütunun genişliği = 106 px

Varsayılan olarak, bölüm genişliği tam ekran olarak ayarlanır ve içerik 8 sütunlu bir düzen içinde gösterilir.

Örnek 1: İçerik bölüm içinde ortalanır ve düzenin 5 sütununu kaplar.

Örnek 2. Bir bölüm 8 sütunu kaplar ve içerik bölümün tüm genişliğini kaplar:

Kaydırma ile tetiklenen görünüm efekti

İçeriğiniz için kaydırma ile tetiklenen animasyonları etkinleştirmek için bu anahtarı etkinleştirin. İçeriğin alttan, üstten, soldan veya sağdan görünmesini seçebilirsiniz.

İçerik gösterimi

İçerik varsayılan olarak yatay olarak ve ortalanmış şekilde gösterilir. Sayfanın soluna veya sağına kaydırılabilir.

Dikey olarak, içerik varsayılan olarak üste hizalanır. Aşağı doğru hareket ettirilebilir veya sayfada ortalanabilir.

Metni Mavibot stillerine göre dar ekranlara uyarlamak için lütfen bu kaydırıcıyı etkinleştirin:

Kenar boşlukları (bölüm için)

Dış kenar boşlukları

Bölümler arasındaki boşluğu ayarlamak için bu alanları kullanabilirsiniz. Varsayılan olarak iç dolgu (üst/alt/sol/sağ) 0 px olarak ayarlanmıştır.

Tüm taraflarda eşit kenar boşlukları uygulamak için değeri ana alana girin. Üst, alt, sol ve sağ kenar boşlukları otomatik olarak ayarlanacaktır.

Görsel tutarlılığı sağlamak için kenar boşlukları her bölüm için ayrı ayrı yapılandırılmalıdır.

İç kenar boşlukları

Bölümün iç kenar boşluğunu ayarlamak için bu alanları kullanın. Varsayılan olarak kenar boşluğu (üst, alt, sol, sağ) 32 px olarak ayarlanmıştır.

Cihaza göre görünürlük aralığı

Görünürlük aralığı, bu bloğun hangi cihazlarda (örneğin masaüstü, tablet, mobil) gösterileceğini belirler. Bu ayar her blok için ayrı ayrı yapılandırılır.

Bu neden faydalıdır ve nasıl çalışır?

Bir blok (örneğin bir kapak) masaüstünde iyi görünürken mobilde iyi görünmüyorsa, bunu yalnızca 960 piksel veya daha geniş ekran genişliğine sahip cihazlarda görünecek şekilde ayarlayabilirsiniz. Bu, bloğun yalnızca masaüstü görünümlerinde görünmesini ve mobil cihazlarda gizlenmesini sağlar.

Ardından bu bloğu kopyalayıp görünümünü özellikle mobil cihazlar için özelleştirmeniz gerekir (fotoğrafı, yazı tipi boyutunu vb. değiştirin). Bu blok için görünürlüğü 0 ile 960 piksel aralığında ayarlayın. Bu, bloğun mobil sürümü olacaktır.

Sonuç olarak, masaüstü sürümü bilgisayarlarda gösterilirken, mobil sürüm akıllı telefonlar ve tabletlerde gösterilecektir.

Görünürlük aralığı (farklı parametre değerleri), çözünürlüğü seçerek bir birimin görünümünü belirli bir cihaza göre özelleştirebilmek için gereklidir. Örneğin, blok bir tablette veya belirli bir telefon modelinde iyi görünmüyorsa, bu cihazların çözünürlüğüne göre görünümünü özelleştirebilirsiniz.

Varsayılan olarak bölüm, her boyuttaki cihazlarda gösterilir.

Örnek

İlk bölümü mobil cihazlar ve tabletler için yapılandırın

• Bir bölüm oluşturun

• Görünürlük aralığını 0 ile 640 px arasında ayarlayın

• Küçük ekranlar için optimize edilmiş bir görsel yükleyin

İkinci bölüm PC'ler (dizüstü bilgisayarlar) içindir. Görünürlük aralığını 641 piksel ve üzeri olarak ayarlayın.

• Değişikliklerinizi kaydedin ve düzenleme sayfasına geçin. Kolaylığınız için, bölüm görünürlük ayarları orada görüntülenecektir.

Bölümlerin belirli bir cihazda nasıl görüneceğini test etmek için site önizleme sayfasına gidin. Sağ fare düğmesine tıklayın ve "Kodu görüntüle"ye tıklayın.

Sitenin nasıl görüneceğini görmek istediğiniz cihazı seçin.

Görünme zamanı

Bu alanı, bir bölümün görünmeden önceki gecikmeyi saniye (s) veya dakika (m) cinsinden tanımlamak için kullanabilirsiniz.