پرش به محتویات

Accordion

المان Accordion بخش‌های محتوای collapsible با عناوین و محتوای قابل گسترش ایجاد می‌کند.

تنظیمات

  • Accordion (repeater) — آیتم‌های accordion را اضافه کنید. هر آیتم شامل:
  • Title (text) — عنوان قابل کلیک آیتم accordion.
  • ID (text) — Anchor ID برای لینک دادن به آیتم (بدون فاصله، بدون علامت #).
  • Subtitle (text) — زیرعنوان اختیاری زیر عنوان.

  • Content (rich text) — محتوای قابل گسترش آیتم.

  • Expand item indexes (text) — ایندکس‌های آیتم‌های جداشده با کاما برای گسترش هنگام بارگذاری صفحه (از 0 شروع می‌شود).

  • Independent toggle (checkbox) — اجازه دهید چندین آیتم به‌طور همزمان باز باشند. فعال کنید تا یک آیتم بدون toggle کردن آیتم‌های دیگر باز و بسته شود.

  • Transition (ms) (number) — مدت انیمیشن برای گسترش/جمع شدن به میلی‌ثانیه. پیش‌فرض: 200.

  • FAQ schema (checkbox) — داده‌های ساختاریافته FAQPage (JSON-LD) برای موتورهای جستجو تولید کنید.

عنوان (Title)

  • HTML tag (select) — تگ HTML برای عناوین. گزینه‌ها: div، h1-h6. پیش‌فرض: h3.

  • Icon (icon) — آیکون برای حالت جمع‌شده. پیش‌فرض: فلش راست (ion-ios-arrow-forward).

  • Icon typography (typography) — تنظیمات فونت برای آیکون جمع‌شده.

  • Icon expanded (icon) — آیکون برای حالت گسترش‌یافته. پیش‌فرض: فلش پایین (ion-ios-arrow-down).

  • Icon expanded typography (typography) — تنظیمات فونت برای آیکون گسترش‌یافته.

  • Icon position (select) — موقعیت آیکون نسبت به متن. پیش‌فرض: Right.

  • Icon rotate in ° (number) — زاویه چرخش آیکون به درجه. چرخش آیکون برای accordion گسترش‌یافته.

  • Margin (spacing) — margin دور wrapper‌های عنوان.

  • Padding (spacing) — padding داخل wrapper‌های عنوان.

  • Title typography (typography) — تنظیمات typography برای متن عنوان.

  • Subtitle typography (typography) — تنظیمات typography برای متن زیرعنوان.

  • Background color (color) — رنگ پس‌زمینه wrapper‌های عنوان.

  • Border (border) — استایل border برای wrapper‌های عنوان.

  • Box shadow (box-shadow) — box shadow برای wrapper‌های عنوان.

  • Active typography (typography) — تنظیمات typography برای متن عنوان فعال/گسترش‌یافته.

  • Active background (color) — رنگ پس‌زمینه wrapper‌های عنوان فعال/گسترش‌یافته.

  • Active border (border) — استایل border برای wrapper‌های عنوان فعال/گسترش‌یافته.

محتوا (Content)

  • Margin (spacing) — margin دور wrapper‌های محتوا.

  • Padding (spacing) — padding داخل wrapper‌های محتوا.

  • Content typography (typography) — تنظیمات typography برای متن محتوا.

  • Background color (color) — رنگ پس‌زمینه wrapper‌های محتوا.

  • Border (border) — استایل border برای wrapper‌های محتوا.

مرجع توسعه‌دهنده

برای JSON schema کامل به Accordion Schema مراجعه کنید.