# Akordeon bölümü

Accordion bloğu, açılır öğeler içeren metin notları listesinden oluşan bir web sitesi için kullanışlı bir grafik çözümdür:

"Accordion", bir web sitesine gömmesi ve kendi ihtiyaçlarınıza göre özelleştirmesi oldukça kolaydır: gerekli her türlü talebe mükemmel şekilde uyabilir.

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

## “Accordion” nasıl eklenir ve yapılandırılır?

Sitenize bir öğe eklemek için site ayarlarına gidin ve Salebot'ta mevcut bölümler menüsünü açmak için artı işaretine tıklayın.

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

Ardından açılan bölüm menüsünde "Accordion" bloğunu bulun.

Sonraki adımda, içinde içerikleri kartlar ve accordion kartlarının türü olarak yapılandırmanız gereken boş bir eklenmiş blok göreceksiniz:

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

## İçerik ayarları

İlk olarak, içerik kartları ekleyeceğiz; bunun için "İçerik" düğmesine tıklamanız ve ardından başlığı ve buna uygun olarak metni içerecek kartın kendisini eklemeniz gerekir:

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

İçeriğinize boş bir kart eklendi; burada bir soru metni, bir görsel ve bir cevap metni ekleyebilirsiniz:

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

Bloğun metin öğesi, herhangi bir metin düzenleyicideki ayarlara benzer ayarlara sahiptir: kalınlık, italik, alt çizgi, yazı tipi yüksekliği ve konturu, renk ve daha fazlası için ayarlar.&#x20;

Ayarlarını bir metne uygulamak için, metnin gerekli kısmını seçin ve metin ayarlarını seçin<br>

<figure><img src="/files/0383c8a0c0d7cf7dfa5349188fe0d76b442bee64" alt=""><figcaption></figcaption></figure>

Sonraki adımda, gerekirse bir görsel yükleyin ve açıklayıcı bir metin ekleyin - sorunun cevabını:

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

Gerekli sayıda içerik kartı ekleyebilirsiniz.

## İçeriğin özelleştirilmesi

Gerekli sayıda içerik kartı ekledikten sonra içerik ayarlarına gidin:

<figure><img src="/files/9037305939b55cfcd22f9775e2fd7ef3e2d00657" alt=""><figcaption></figcaption></figure>

Sonraki adımda, ilk accordion kartının veya kartlardan yalnızca birinin açık olması için bir onay kutusu seçebilirsiniz.

Bloğun içindeki sorular arasındaki dikey boşluk ayarını seçin:

<figure><img src="/files/1c62190cecd27d949d0f06583db0b61ad02047af" alt=""><figcaption></figcaption></figure>

Ayrıca yalnızca sayısal değerleri kabul eden bu alanı kullanarak kartların köşelerini yuvarlatabilirsiniz:

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

Karttaki metin öğesi (ve düğme de) her zaman üst ve alt kenarlara göre ortadadır. Gerekli mesafeyi seçmek için "Üst ve alt iç boşluk" alanına sayısal bir değer girin:

<figure><img src="/files/9459f1a5e1f0d73a7d8915f2ac38149ce9b0b887" alt=""><figcaption></figcaption></figure>

Ayrıca, kartın tüm içeriği (metin ve cevap metnini genişletme düğmesi dahil) sağ ve sol kenarlara göre ortada yer alır. Sol ve sağ iç boşluğu ayarlamak için "Sol ve sağ iç boşluk" alanını kullanın:

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

Cevap metnini açan simgenin boyutunu seçmek için, yalnızca sayısal bir değer alan bu Simge “Genişlik” alanını kullanmanız yeterlidir:

<figure><img src="/files/52cb14cba53f13e8e9c58951cfd539698448628d" alt=""><figcaption></figcaption></figure>

Kartın içindeki görsel çok büyükse, "Görsel genişliği" alanında gerekli değeri belirterek genişliğini seçebilirsiniz:

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

Sonraki adımda, accordion'unuzun her bir öğesi için bir renk paleti seçin: metin, kart arka planı, simge vb.:

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXfKEyYkboD6oWWhNptq6-ZQmr-_De9gc7i2_vg3qiNZXUcHQeC5ssYMpgcnnlIMrrG_dp6Uttgmzd6tYQ73PyFQPtzqAB-xyiCkk4mGRKD_GVhWHz6PhYZjP0i1s7He4b-zorhz1w?key=GhZKz5_ynA-V2Mz8EctHIQ" alt=""><figcaption></figcaption></figure>

Artık "Accordion" bloğunu web sitenize nasıl kuracağınızı ve blok içindeki içeriği nasıl özelleştireceğinizi biliyorsunuz.<br>

## Bloğun (bölümün) özelleştirilmesi: yazı tipi, arka plan ve görünüm ayarları

“Accordion” bloğunu özelleştirmek için, yazı tipi, arka plan ve görünüm ayarlarını içeren genel bölüm ayarlarına (bloklar) ihtiyacınız olacaktır.

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

Bölümün (bloğun) ayarları, yani yazı tipleri, arka plan ve görünüm tüm bloklar için aynıdır.

{% hint style="info" %}
[Sitenin bölümlerinin (bloklarının) genel ayarları hakkında daha fazla bilgiyi makalede okuyun](/doc/tr/websites/siteler/blocks/settings.md)&#x20;
{% endhint %}


---

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