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

<figure><img src="/files/8005c0a6d0de88571b1b67156591c70a433a4c94" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/30a46f61d8af5c81dd071b1121b8052a6f5dc68d" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/e1f29d4cb74a6bd9bd03182bf5e597d9d896a8f8" alt=""><figcaption></figcaption></figure>

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.

<figure><img src="/files/9882a16025bbd8343ab4b10c6ed38e5c3ec4d7e8" alt=""><figcaption></figcaption></figure>

### Özel bir yazı tipi nasıl eklenir

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

<figure><img src="/files/a1c6252e16d32f7e1a688612d4373607c7ddfd6b" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/6bd9f8c6401984c041d7d545e82f73a668391a1c" alt=""><figcaption></figcaption></figure>

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

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

<figure><img src="/files/13c7f66a1d689e2bcf1c7a0f259664cc5d049181" alt=""><figcaption></figcaption></figure>

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:

<figure><img src="/files/fdcd77cd717db1fa7315af06b67436c971baae71" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/2d3a1e2f0c98bda5f8d0c4db53db97dc4481e863" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/191c8d4a930c82c1e58991d14f89000e74a13c3a" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/3b1ffe72f999ae7e2cc665040ccaa8e762b5779a" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/7d3156aa3014de93f4b31da9da0cc3da2f7294c9" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/b7f2a4f0130e70fa3e3a57eb5f0f932de464c625" alt=""><figcaption></figcaption></figure>

## Arka plan ayarları

<figure><img src="/files/35e5ac34d0eb3f99cd7abfe1ddaf87650ec5aced" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/ebffab9128e39a19bdeab3887b15295309e7d62e" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/63d933dc412adbbc52240f55da38d7bbdf27270f" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/b5c4af012ec71f76d2ee4090fff13a429c0f8d37" alt=""><figcaption></figcaption></figure>

Bir video depolamadan eklenebilir

<figure><img src="/files/a82b8743523156141fe5f8710c1e43f4c85dabb0" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/ad9c33f0afb297a03cbd94c6e69ef1230899d360" alt=""><figcaption></figcaption></figure>

### 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çin**sayısal değerler de kullanabilirsiniz:

* Yüzdeler (ör., `30% 75%`)
* Pikseller (ör., `20px 100px`)
* veya karma birimler

<figure><img src="/files/8a0d63095f7b11daa8e9ebfd099524be409e02c9" alt=""><figcaption><p>Konum %100; boyut %100; tekrar etme</p></figcaption></figure>

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

<figure><img src="/files/b5ec250d810714575e0a285bb9e476fbb3e59576" alt=""><figcaption></figcaption></figure>

**Görseli tekrar et**

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

<figure><img src="/files/a429d6b2c94399570a46eae4b52c8539adf5d6fb" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/138f74ce684d9708eb09b6425fd395bf4a905508" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/121a8f451f7d6e5dd1cf7d53c2e6c9b27e80b2d5" alt="" width="563"><figcaption></figcaption></figure>

## Görüntüleme ayarları

<figure><img src="/files/45ee92bbe776adc88cacc8664b1a989b85ad9e9f" alt=""><figcaption></figcaption></figure>

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ığı:**

<figure><img src="/files/92c15a4c601f4c9fe540e3ce2690eeed339fb198" alt=""><figcaption></figcaption></figure>

Kenar yuvarlaklığı piksel olarak belirtilir - px.

Bölüm yüksekliği

<figure><img src="/files/82829091dc3661c14c8e9d6566c65eae99e9aead" alt=""><figcaption></figcaption></figure>

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.

<figure><img src="/files/9ebdade67716426be29e75a3b97256335a57f561" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/c6cef4be2309b77ed726317aa88829b90f2aede6" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/41819f304136d13161b3c574372e4bc1dd93b043" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/16b21a9a74aaa8e74d477bd47d694a995e3767c3" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/808abf3db705d6f20495795ee1a843ce3609768e" alt=""><figcaption></figcaption></figure>

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:

<figure><img src="/files/376d83416624d26bed43f921d375cc2ffe556a22" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/6d9525b372b352d3d3a824e937c892e2e6639dc1" alt=""><figcaption></figcaption></figure>

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.

<figure><img src="/files/215990dc61a40cb4964673c57e9aacdc261cb2b0" alt=""><figcaption></figcaption></figure>

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.

<figure><img src="/files/6f04f3eb38e56614d2d66125cfdebadfe5544052" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/d9c1e62866a3bec254c4ee9b1a3798b6716bdae9" alt=""><figcaption></figcaption></figure>

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

{% hint style="info" %}
Varsayılan olarak bölüm, her boyuttaki cihazlarda gösterilir.
{% endhint %}

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

<figure><img src="/files/81ab04532570d9fc23ff21389563481559708399" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/b984b9a9c0ee5ce585c0d583239eb20b00756c57" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/50d9b81ee714a097faa183f87e8bfbebfa03d633" alt=""><figcaption></figcaption></figure>

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.

<figure><img src="/files/53d46313c7367b27325a72d9ced5203fb0fe0e4c" alt=""><figcaption></figcaption></figure>

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

#### Görünme zamanı

<figure><img src="/files/18cc86052aafa77fcc64f592fab0a64b4fe8680f" alt=""><figcaption></figcaption></figure>

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


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.mavibot.ai/doc/tr/websites/siteler/blocks/settings.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.