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

Team members

المان Team Members یک شبکه واکنش‌گر از پروفایل‌های اعضای تیم با تصاویر، نام‌ها، عناوین و توضیحات نمایش می‌دهد.

تنظیمات

اعضای تیم (Team members)

  • Team members (repeater) — پروفایل‌های اعضای تیم را اضافه کنید. هر عضو شامل:
  • Image (image) — عکس پروفایل.
  • Title (text) — نام عضو تیم.
  • Subtitle (text) — عنوان شغلی یا نقش.
  • Content (textarea) — توضیحات یا بیوگرافی.

چیدمان (Layout)

  • Columns (number) — تعداد ستون‌ها در شبکه (۱-۶). grid-template-columns را با repeat(%s, 1fr) کنترل می‌کند.

  • Gap (number with units) — فاصله بین کارت‌های اعضای تیم. خاصیت gap را کنترل می‌کند. پیش‌فرض: 20.

  • Background (color) — رنگ پس‌زمینه کارت‌های اعضا. روی selector .member اعمال می‌شود.

  • Border (border) — استایل border برای کارت‌های اعضا. روی selector .member اعمال می‌شود.

  • Box shadow (box-shadow) — افکت سایه برای کارت‌های اعضا. روی selector .member اعمال می‌شود.

تصویر (Image)

  • Image position (select) — موقعیت تصویر نسبت به محتوا. گزینه‌ها: top، right، left، bottom. پیش‌فرض: top.

  • Image ratio (select) — نسبت ابعاد تصاویر.

  • Width (number with units) — عرض تصاویر. روی selector .image اعمال می‌شود.

  • Margin (spacing) — margin دور تصاویر. روی selector .image اعمال می‌شود.

  • Border (border) — استایل border برای تصاویر. روی selector .image اعمال می‌شود.

محتوا (Content)

  • Padding (spacing) — padding داخل ناحیه محتوا. روی selector .content اعمال می‌شود. پیش‌فرض: 15px (بالا)، 0px (راست، پایین، چپ).

  • Text align (text-align) — تراز متن برای محتوا. روی selector .content اعمال می‌شود.

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

  • Title typography (typography) — استایل فونت برای عناوین اعضا. روی selector .title اعمال می‌شود.

  • Subtitle typography (typography) — استایل فونت برای زیرعناوین اعضا. روی selector .subtitle اعمال می‌شود.

  • Description typography (typography) — استایل فونت برای توضیحات اعضا. روی selector .description اعمال می‌شود.

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

JSON schema کامل: team-members Schema