Page Builder Sandwich සමඟ Figma රාමුවක් WordPress වෙත ආයාත කරන්න

Page Builder Sandwich Pro මඟින් Figma frame එකක් සංස්කරණය කළ හැකි WordPress පිටුවක් බවට පත් කරයි. ඔබ විසින් සාදන පුද්ගලික ප්‍රවේශ ටෝකනයක් (personal access token) භාවිත කරමින්, වෙබ් අඩවිය ඔබගේම Figma ගිණුම හරහා Figma සමඟ සම්බන්ධ වේ; කිසිදු නිර්මාණයක් හෝ ටෝකනයක් Zinn Digital® හරහා නොයයි.

Figma සම්බන්ධ කරන්න (පරිපාලකයෙකු ලෙස, එක් වරක් පමණි)

1. Figma හි, Settings → Security → Personal access tokens වෙත ගොස් File content: read විෂය පථය (scope) සහිත ටෝකනයක් ජනනය කරන්න.
2. wp-admin හි Page Builder Sandwich → Import from other builders and Figma → Import from Figma වෙත ගොස්, ටෝකනය පේස්ට් කර Connect Figma ඔබන්න.

ටෝකනය Figma මඟින් තහවුරු කර, ගුප්තකේතනය කර (encrypted) ගබඩා කරනු ලබන අතර, නැවත කිසි විටෙකත් නොපෙන්වයි (එහි අවසාන අක්ෂර හතර පමණි). Disconnect මඟින් එය ඉවත් කෙරේ. විධාන රේඛාවේදී (command line): echo <token> | wp pbs importers figma-token set (ටෝකනය සම්මත ආදානයෙන් කියවනු ලබන බැවින්, එය ඔබගේ shell ඉතිහාසයේ සුරැකෙන්නේ නැත).

Frame එකක් ආයාත කරන්න

1. Figma හි, එක් frame එකක් ක්ලික් කර, ඒ මත right-click කර Copy/Paste as → Copy link to selection තෝරන්න.
2. එම සබැඳිය Figma frame link තුළට පේස්ට් කර Import the frame ඔබන්න. Frame එකේ නමින් නව කෙටුම්පත් පිටුවක් සාදනු ලැබේ.

නිර්මාණය පරිවර්තනය වන ආකාරය

• Auto layout යන්න එකම පරතරය (gap), අභ්‍යන්තර පරතරය (padding) සහ පෙළගැස්ම සහිත flex පේළි සහ තීරු බවට (සහ grid auto layout සඳහා grids බවට) පත්වේ; නිදහසේ සකසන ලද frame එකක් කියවීමේ අනුපිළිවෙලට එක මත එක පෙළගස්වනු ලබන අතර, ස්ථර (layers) එකිනෙක මත වැටී ඇති විට වාර්තාවේ ඒ බව සඳහන් වේ.
• සම්පූර්ණ පළල සහිත තීරු වලින් සෑදූ පිටු frame එකක් එක් තීරුවකට එක් සම්පූර්ණ පළල කොටසක් බවට පත්වේ.
• පෙළ එහි අකුරු විලාසය, ප්‍රමාණය, ඝනකම, පේළි උස, අකුරු අතර පරතරය, අකුරු ප්‍රමාණය (case), පෙළගැස්ම සහ වර්ණය රඳවා ගනී; විශාල පෙළ ශීර්ෂ බවට පත්වන අතර, තද (bold), ඇල (italic) කොටස් සහ සබැඳි එලෙසම තබා ගනී.
• අනුක්‍රමණ (gradients) ඇතුළුව Fills, strokes, corner radius සහ drop shadows එලෙසම පැමිණේ.
• පින්තූර ඔබගේ මාධ්‍ය පුස්තකාලයට පිටපත් කරනු ලබන අතර, දෛශික කලාව (vector art - අයිකන, නිදර්ශන) Figma මඟින් සකසා පින්තූරයක් ලෙස පිටපත් කරනු ලැබේ (එක් ආයාත කිරීමකට චිත්‍ර 200ක් දක්වා). එකම frame එක නැවත ආයාත කිරීමේදී එම පිටපත් නැවත භාවිත කෙරේ.
• Fill එකක්, වටකුරු කොන් සහ එක් කෙටි ලේබලයක් සහිත කුඩා frame එකක් (හෝ "button" ලෙස නම් කරන ලද ස්ථරයක්) Button බ්ලොක් එකක් බවට පත්වේ.

Figma frame එකක් එක් පළලකින් අඳිනු ලබන බැවින්, දුරකථනයකදී නියමිත පළලක් සහිත අයිතම පේළි තනි තීරුවක් ලෙස එක මත එක සකස් වේ.

විධාන රේඛාවෙන්: wp pbs importers figma <frame link>.