Page Builder Sandwich көмегімен Figma фреймін WordPress-ке импорттаңыз

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 дәл сондай аралықпен, шегініспен және тураланумен flex жолдары мен бағандарына (ал торлы авто layout үшін торларға) айналады; еркін орналастырылған кадр оқу ретімен жинақталады және қабаттар қабаттасқан кезде бұл туралы есепте көрсетіледі.
• Толық енді жолақтардан тұратын бет кадры әр жолақ үшін бір толық енді бөлімге айналады.
• Мәтін қаріпті, өлшемді, қалыңдықты, жол биіктігін, таңбааралық интервалды, регистрді, туралануды және түсті сақтайды; үлкен мәтін тақырыптарға айналады, қалың және курсив фрагменттер мен сілтемелер сақталады.
• Құюлар, контурлар, бұрыш радиусы және түсетін көлеңкелер, соның ішінде градиенттер көшіріледі.
• Кескіндер медиа кітапханаңызға көшіріледі, ал векторлық графика (белгішелер, иллюстрациялар) Figma арқылы өңделіп, кескін ретінде көшіріледі (бір импортқа 200 суретке дейін). Сол кадрды қайта импорттау көшірмелерді қайта пайдаланады.
• Құюы, дөңгеленген бұрыштары және бір қысқа жазбасы (немесе «button» деп аталатын қабаты) бар шағын кадр Button блогына айналады.

Телефонда бекітілген ені бар элементтердің жолдары бір бағанға жиналады, себебі Figma кадры бір енде сызылады.

Командалық жолдан: wp pbs importers figma <frame link>.