استيراد إطار 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 (يُقرأ الرمز من الإدخال القياسي، لذا لا يُحفظ في سجل shell الخاص بكم).

استيراد إطار

1. في Figma، انقروا على إطار واحد، ثم انقروا بزر الفأرة الأيمن واختاروا Copy/Paste as ← Copy link to selection.
2. الصقوا الرابط في Figma frame link واضغطوا على Import the frame. سيتم إنشاء صفحة مسودة جديدة تحمل اسم الإطار.

كيفية تحويل التصميم

• يتحول Auto layout إلى صفوف وأعمدة مرنة (flex) (وشبكات لتخطيط التخطيط التلقائي الشبكي) مع الحفاظ على نفس المسافة البادئة والتباعد والمحاذاة؛ أما الإطار المنسق بحرية فيتم تجميعه بترتيب القراءة، ويوضح التقرير ذلك عند تداخل الطبقات.
• يتحول إطار الصفحة المكون من أشرطة كاملة العرض إلى قسم واحد كامل العرض لكل شريط.
• يحتفظ النص بنوعه، وحجمه، وسُمكه، وارتفاع السطر، وتباعد الأحرف، وحالة الأحرف، ومحاذاته، ولونه؛ وتتحول النصوص الكبيرة إلى عناوين، مع الاحتفاظ بالأجزاء العريضة والمائلة والروابط.
• تُنقل التعبئات والحدود ونصف قطر الزوايا والظلال المنبثقة، بما في ذلك التدرجات اللونية.
• تُنسخ الصور إلى مكتبة الوسائط الخاصة بكم، ويتم تصيير الرسومات المتجهة (الأيقونات والرسوم التوضيحية) بواسطة Figma وتُنسخ كصورة (حتى 200 رسم لكل عملية استيراد). يؤدي استيراد الإطار نفسه مجدداً إلى إعادة استخدام النسخ السابقة.
• يتحول الإطار الصغير ذو التعبئة والزوايا الدائرية والنص القصير الواحد (أو الطبقة المسماة "button") إلى كتلة Button.

على الهاتف، تتكدس صفوف العناصر ذات العرض الثابت في عمود واحد، لأن إطار Figma مرسوم بعرض واحد.

من سطر الأوامر: wp pbs importers figma <frame link>.