# قسم الأكورديون

تُعد كتلة «الأكورديون» حلاً رسوميًا مناسبًا لموقع ويب على شكل قائمة من الملاحظات النصية مع عناصر منسدلة:

إن «الأكورديون» سهل بما يكفي لإضافته إلى موقع ويب وتخصيصه وفقًا لاحتياجاتك الخاصة: إذ يمكنه أن يلبي تمامًا أي متطلبات ضرورية.

<figure><img src="/files/0d0fe6405a7292dd0b6379a1a1e32ae701f2dcc4" alt=""><figcaption></figcaption></figure>

## كيفية إضافة «الأكورديون» وإعداده؟

لإضافة عنصر إلى موقعك، انتقل إلى إعدادات الموقع وانقر على علامة الجمع لفتح القائمة التي تحتوي على الأقسام المتاحة في Salebot.

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

ثم، في قائمة الأقسام التي تُفتح، ابحث عن كتلة «الأكورديون».

بعد ذلك، سترى كتلة مضافة فارغة، تحتاج فيها إلى إعداد المحتوى على شكل بطاقات ونوع بطاقات الأكورديون نفسها:

<figure><img src="/files/73aa578a1088b8f5bd0890dfefa82a1396d49fcc" alt=""><figcaption></figcaption></figure>

## إعدادات المحتوى

في البداية، سنضيف بطاقات محتوى، وللقيام بذلك تحتاج إلى النقر على زر «المحتوى»، ثم إضافة البطاقة نفسها، التي ستحتوي على العنوان وبالتالي النص:

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

تمت إضافة بطاقة فارغة إلى المحتوى الخاص بك، حيث يمكنك إضافة نص سؤال وصورة ونص إجابة:

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

تحتوي عنصر النص في الكتلة على إعدادات مشابهة لأي محرر نصوص: إعدادات للخط العريض، والمائل، والتسطير، وارتفاع الخط وحدوده، واللون، والمزيد.&#x20;

لتطبيق إعداداته على نص ما، حدّد الجزء المطلوب من النص ثم اختر إعدادات النص<br>

<figure><img src="/files/028e7c1014bc076e6f7be4133c953052f2dc7f36" alt=""><figcaption></figcaption></figure>

بعد ذلك، حمّل صورة إذا لزم الأمر، وأضف نصًا توضيحيًا - وهو الإجابة عن السؤال:

<figure><img src="/files/721e07f056554faaf942dd3de23c59c0e6e7658a" alt=""><figcaption></figcaption></figure>

يمكنك إضافة العدد المطلوب من بطاقات المحتوى.

## تخصيص المحتوى

بعد إضافة العدد المطلوب من بطاقات المحتوى، انتقل إلى إعدادات المحتوى:

<figure><img src="/files/9346f320b1c69e232c1056ede113b768248d191e" alt=""><figcaption></figcaption></figure>

بعد ذلك، يمكنك تحديد مربع اختيار بحيث تكون بطاقة الأكورديون الأولى أو بطاقة واحدة فقط مفتوحة.

حدد إعداد الهامش العمودي بين الأسئلة في الكتلة:

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

يمكنك أيضًا تدوير زوايا البطاقات باستخدام هذا الحقل، الذي يقبل القيم الرقمية فقط:

<figure><img src="/files/0b5b9412bd74a2f7be9a4c854fac6610d5d0ede9" alt=""><figcaption></figcaption></figure>

عنصر النص (وكذلك الزر) في البطاقة يكون دائمًا في المنتصف بالنسبة إلى الحافتين العلوية والسفلية. لتحديد المسافة المطلوبة، أدخل قيمة رقمية في حقل "الحشوة الداخلية في الأعلى والأسفل":

<figure><img src="/files/2431fb657f995171579ec37ff747fc5057039f21" alt=""><figcaption></figcaption></figure>

كما أن المحتوى الكامل للبطاقة (بما في ذلك النص وزر توسيع نص الإجابة) يقع في المنتصف بالنسبة إلى الحافتين اليمنى واليسرى. لضبط الحشوة على اليسار واليمين، استخدم حقل "الحشوة الداخلية على اليسار واليمين":

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

لتحديد حجم الأيقونة التي تفتح نص الإجابة، ما عليك سوى استخدام حقل الأيقونة «العرض»، الذي يقبل أيضًا قيمة رقمية فقط:

<figure><img src="/files/0ab1d667e6c16a7ce84103f6b6049f2a4a188292" alt=""><figcaption></figcaption></figure>

إذا كانت الصورة داخل البطاقة كبيرة جدًا، يمكنك تحديد عرضها بإدخال القيمة المطلوبة في حقل "عرض الصورة":

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

بعد ذلك، اختر لوحة ألوان لكل عنصر من عناصر الأكورديون: النص، خلفية البطاقة، الأيقونة، إلخ.:

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

الآن أصبحت تعرف كيفية تثبيت كتلة "الأكورديون" على موقعك وتخصيص المحتوى داخل الكتلة.<br>

## تخصيص الكتلة (القسم): الخط والخلفية وإعدادات العرض

لتخصيص كتلة «الأكورديون»، ستحتاج إلى إعدادات القسم العامة (الكتل)، والتي تشمل إعدادات الخط والخلفية والعرض.

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

إعدادات القسم (الكتلة)، أي الخطوط والخلفية والعرض، هي نفسها لجميع الكتل.

{% hint style="info" %}
[اقرأ المزيد عن الإعدادات العامة لأقسام (كتل) الموقع في المقال](/doc/ar/websites/almwaqa/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/ar/websites/almwaqa/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.
