Ներմուծեք 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 (տոկենը կարդացվում է ստանդարտ մուտքագրումից (stdin), ուստի այն չի պահպանվում ձեր shell-ի պատմության մեջ):

Ներմուծել ֆրեյմ

1. Figma-ում կտտացրեք մեկ ֆրեյմի, աջ կտտացրեք դրան և ընտրեք Copy/Paste as → Copy link to selection:
2. Տեղադրեք հղումը Figma frame link դաշտում և սեղմեք Import the frame: Ստեղծվում է նոր սևագիր էջ՝ անվանված ֆրեյմի անունով:

Ինչպես է փոխակերպվում դիզայնը

• Auto layout-ը դառնում է flex տողեր և սյունակներ (և ցանցեր՝ grid auto layout-ի համար) նույն բացատով (gap), ներքին լուսանցքով (padding) և հավասարեցմամբ. ազատ դասավորված ֆրեյմը դասավորվում է կարդալու կարգով, իսկ հաշվետվությունը նշում է այդ մասին, երբ շերտերը համընկել են:
• Ամբողջ լայնությամբ շերտերից կազմված էջի ֆրեյմը դառնում է մեկ ամբողջական լայնությամբ բաժին յուրաքանչյուր շերտի համար:
• Տեքստը պահպանում է իր տառատեսակը, չափը, հաստությունը, տողի բարձրությունը, միջտառային տարածությունը, ռեգիստրը, հավասարեցումը և գույնը. մեծ տեքստը դառնում է վերնագրեր, թավ և շեղ հատվածները, ինչպես նաև հղումները պահպանվում են:
• Լցոնումները (fills), եզրագծերը (strokes), անկյունների շառավիղը (corner radius) և ստվերները (drop shadows) փոխանցվում են՝ ներառյալ գրադիենտները:
• Պատկերները պատճենվում են ձեր մեդիա գրադարանում, իսկ վեկտորային գրաֆիկան (պատկերակներ, նկարազարդումներ) մշակվում է Figma-ի կողմից և պատճենվում որպես պատկեր (մինչև 200 գծանկար յուրաքանչյուր ներմուծման համար): Միևնույն ֆրեյմի կրկին ներմուծումը վերաօգտագործում է պատճենները:
• Լցոնումով, կլորացված անկյուններով և մեկ կարճ պիտակով (կամ «button» անունով շերտով) փոքր ֆրեյմը դառնում է Button բլոկ:

Հեռախոսի վրա ֆիքսված լայնությամբ տարրերի տողերը վերածվում են սյունակի, քանի որ Figma-ի ֆրեյմը գծվում է մեկ լայնությամբ:

Հրամանային տողից՝ wp pbs importers figma <frame link>: