Importáljon egy Figma keretet a WordPress webhelyre a Page Builder Sandwich segítségével

A Page Builder Sandwich Pro egy Figma-keretet szerkeszthető WordPress-oldallá alakít. A webhely a Figma szolgáltatással az Ön saját Figma-fiókján keresztül kommunikál egy Ön által létrehozott személyes hozzáférési token használatával; semmilyen terv vagy token nem halad át a Zinn Digital® rendszerén.

A Figma csatlakoztatása (egyszer, adminisztrátorként)

1. A Figma felületén nyissa meg a Settings → Security → Personal access tokens menüpontot, és generáljon egy tokent a File content: read hatókörrel.
2. A wp-admin felületen lépjen a Page Builder Sandwich → Import from other builders and Figma → Import from Figma helyre, illessze be a tokent, majd nyomja meg a Connect Figma gombot.

A tokent a rendszer ellenőrzi a Figma segítségével, titkosítva tárolja, és soha többé nem jeleníti meg (csak az utolsó négy karakterét). A Disconnect gomb eltávolítja azt. A parancssorban: echo <token> | wp pbs importers figma-token set (a token a szabványos bemenetről lesz beolvasva, így nem mentődik a parancsértelmező előzményeibe).

Keret importálása

1. A Figma felületén kattintson egy keretre, kattintson rá a jobb gombbal, majd válassza a Copy/Paste as → Copy link to selection lehetőséget.
2. Illessze be a hivatkozást a Figma frame link mezőbe, és nyomja meg az Import the frame gombot. Létrejön egy új vázlatoldal, amely a keretről kapja a nevét.

Hogyan alakul át a design

• Az Auto layout rugalmas (flex) sorokká és oszlopokká alakul (a rácsos automatikus elrendezés esetén pedig rácsokká) azonos térközzel, belső margóval és igazítással; a szabadon elrendezett keret olvasási sorrendben kerül elrendezésre, és a jelentés jelzi, ha a rétegek átfedték egymást.
• A teljes szélességű sávokból álló oldal-keret sávonként egy-egy teljes szélességű szekcióvá válik.
• A szöveg megőrzi a betűtípusát, méretét, vastagságát, sormagasságát, betűközét, kis-/nagybetűs formátumát, igazítását és színét; a nagyméretű szövegek címsorokká válnak, a félkövér és dőlt részek, valamint a hivatkozások megmaradnak.
• A kitöltések, körvonalak, sarokkerekítések és vetett árnyékok átvitelre kerülnek, beleértve a színátmeneteket is.
• A képek átmásolódnak a médiatárába, a vektorgrafikákat (ikonokat, illusztrációkat) pedig a Figma rendereli és képként másolja át (importálásonként legfeljebb 200 rajzot). Ugyanazon keret újbóli importálása újra felhasználja a másolatokat.
• Egy kitöltéssel, lekerekített sarkokkal és egyetlen rövid felirattal rendelkező kis keret (vagy egy „button” nevű réteg) Button blokká válik.

Telefonon a rögzített szélességű elemekből álló sorok egyetlen oszlopba rendeződnek, mivel a Figma-keret egyetlen szélességben van megrajzolva.

A parancssorból: wp pbs importers figma <frame link>.