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