وارد کردن یک فریم Figma به WordPress با Page Builder Sandwich

Page Builder Sandwich Pro یک فریم Figma را به یک برگه قابل ویرایش WordPress تبدیل می‌کند. این سایت با حساب کاربری Figma خودتان و با استفاده از یک توکن دسترسی شخصی که ایجاد می‌کنید با Figma ارتباط برقرار می‌کند؛ هیچ طرح یا توکنی از Zinn Digital® عبور نمی‌کند.

اتصال Figma (یک بار، به عنوان مدیر)

1. در Figma، مسیر Settings ← Security ← Personal access tokens را باز کنید و یک توکن با دسترسی File content: read ایجاد نمایید.
2. در wp-admin به مسیر Page Builder Sandwich ← Import from other builders and Figma ← Import from Figma بروید، توکن را جای‌گذاری کنید و Connect Figma را فشار دهید.

توکن با Figma بررسی می‌شود، به صورت رمزگذاری‌شده ذخیره می‌گردد و دیگر هرگز نمایش داده نمی‌شود (فقط چهار نویسه آخر آن). گزینه Disconnect آن را حذف می‌کند. در خط فرمان: echo <token> | wp pbs importers figma-token set (توکن از ورودی استاندارد خوانده می‌شود، بنابراین در تاریخچه خط فرمان شما ذخیره نخواهد شد).

وارد کردن یک فریم

1. در Figma، روی یک فریم کلیک کنید، روی آن راست‌کلیک کرده و Copy/Paste as ← Copy link to selection را انتخاب کنید.
2. پیوند را در Figma frame link جای‌گذاری کنید و Import the frame را فشار دهید. یک برگه پیش‌نویس جدید ایجاد می‌شود که هم‌نام با فریم است.

نحوه تبدیل طرح

• Auto layout با همان فاصله (gap)، فاصله‌گذاری داخلی (padding) و تراز، به ردیف‌ها و ستون‌های فلکس (و گریدها برای grid auto layout) تبدیل می‌شود؛ فریمی که به صورت آزاد چیدمان شده باشد به ترتیب خواندن روی هم چیده می‌شود و در صورت همپوشانی لایه‌ها، گزارش این موضوع را اعلام می‌کند.
• فریم برگه‌ای که از نوارهای تمام‌عرض ساخته شده باشد، به ازای هر نوار به یک بخش تمام‌عرض تبدیل می‌شود.
• متن فونت، اندازه، ضخامت، ارتفاع خط، فاصله حروف، حالت حروف (بزرگ/کوچک)، تراز و رنگ خود را حفظ می‌کند؛ متن‌های بزرگ به سربرگ‌ها تبدیل می‌شوند، بخش‌های پررنگ (bold) و کج (italic) و پیوندها حفظ می‌گردند.
• رنگ‌های پس‌زمینه (Fills)، خطوط دور (strokes)، شعاع گوشه‌ها (corner radius) و سایه‌ها (drop shadows) از جمله گرادیان‌ها منتقل می‌شوند.
• تصاویر در کتابخانه پرونده‌های چندرسانه‌ای شما کپی می‌شوند، و آثار برداری (آیکون‌ها، تصویرسازی‌ها) توسط Figma رندر شده و به عنوان تصویر کپی می‌شوند (حداکثر ۲۰۰ طرح در هر بار وارد کردن). وارد کردن مجدد همان فریم از این نسخه‌های کپی دوباره استفاده می‌کند.
• یک فریم کوچک با یک رنگ پس‌زمینه، گوشه‌های گرد و یک برچسب کوتاه (یا لایه‌ای با نام "button") به یک بلوک Button تبدیل می‌شود.

در تلفن همراه، ردیف‌های دارای آیتم‌های با عرض ثابت در یک ستون چیده می‌شوند، زیرا فریم Figma با یک عرض واحد رسم شده است.

از طریق خط فرمان: wp pbs importers figma <frame link>.