Page Builder Sandwich Pro ஒரு Figma ஃப்ரேமை திருத்தக்கூடிய WordPress பக்கமாக மாற்றுகிறது. நீங்கள் உருவாக்கும் தனிப்பட்ட அணுகல் டோக்கனைப் பயன்படுத்தி, தளம் உங்கள் சொந்த Figma கணக்குடன் Figma உடன் தொடர்பு கொள்கிறது; எந்தவொரு வடிவமைப்போ அல்லது டோக்கனோ Zinn Digital® வழியாகச் செல்வதில்லை.
Figma-வை இணைக்கவும் (நிர்வாகியாக, ஒருமுறை மட்டும்)
- Figma-வில், Settings → Security → Personal access tokens என்பதைத் திறந்து, File content: read என்ற scope உடன் ஒரு டோக்கனை உருவாக்கவும்.
- 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 (டோக்கன் வழக்கமான உள்ளீட்டிலிருந்து (standard input) படிக்கப்படுகிறது, எனவே இது உங்கள் shell வரலாற்றில் சேமிக்கப்படாது).
ஒரு ஃப்ரேமை இறக்குமதி செய்யவும்
- Figma-வில், ஒரு ஃப்ரேமைக் கிளிக் செய்து, அதன் மீது ரைட்-கிளிக் செய்து, Copy/Paste as → Copy link to selection என்பதைத் தேர்ந்தெடுக்கவும்.
- அந்த இணைப்பை Figma frame link என்பதில் ஒட்டவும், பிறகு Import the frame என்பதை அழுத்தவும். அந்த ஃப்ரேமின் பெயரிடப்பட்டு, ஒரு புதிய வரைவுப் பக்கம் (draft page) உருவாக்கப்படும்.
வடிவமைப்பு எவ்வாறு மாற்றப்படுகிறது
- Auto layout என்பது அதே இடைவெளி (gap), பேடிங் மற்றும் சீரமைப்புடன் flex வரிசைகள் மற்றும் நெடுவரிசைகளாக (மற்றும் grid auto layout-க்கான கிரிட்களாக) மாறுகிறது; சுதந்திரமாக அமைக்கப்பட்ட ஒரு ஃப்ரேம் படிக்கும் வரிசையில் அடுக்கப்படுகிறது, மேலும் அடுக்குகள் ஒன்றன் மேல் ஒன்று அமைந்திருந்தால் அறிக்கை அதைத் தெரிவிக்கும்.
- முழு அகல பட்டைகளைக் (full-width bands) கொண்ட ஒரு பக்க ஃப்ரேம், ஒரு பட்டைக்கு ஒரு முழு அகலப் பகுதியாக (full-width section) மாறுகிறது.
- உரை (Text) அதன் எழுத்துரு, அளவு, தடிமன் (weight), வரி உயரம், எழுத்து இடைவெளி, case, சீரமைப்பு மற்றும் நிறத்தைத் தக்க வைத்துக் கொள்கிறது; பெரிய உரை தலைப்புகளாக மாறுகிறது, தடித்த மற்றும் சாய்ந்த எழுத்துகள் மற்றும் இணைப்புகள் தக்கவைக்கப்படுகின்றன.
- கிரேடியண்ட்கள் உட்பட Fills, strokes, corner radius மற்றும் drop shadows ஆகியவை அப்படியே கொண்டுவரப்படுகின்றன.
- படங்கள் உங்கள் ஊடக நூலகத்தில் நகலெடுக்கப்படுகின்றன, மேலும் வெக்டார் கலைகள் (சின்னங்கள், விளக்கப்படங்கள்) Figma மூலம் ரெண்டர் செய்யப்பட்டு ஒரு படமாக நகலெடுக்கப்படுகின்றன (ஒரு இறக்குமதிக்கு 200 வரைபடங்கள் வரை). அதே ஃப்ரேமை மீண்டும் இறக்குமதி செய்வது நகல்களை மீண்டும் பயன்படுத்துகிறது.
- நிரப்பப்பட்ட வண்ணம் (fill), வட்டமான மூலைகள் மற்றும் ஒரு குறுகிய லேபிளைக் கொண்ட ஒரு சிறிய ஃப்ரேம் (அல்லது "button" என்று பெயரிடப்பட்ட ஒரு அடுக்கு) ஒரு Button பிளாக்காக மாறுகிறது.
Figma ஃப்ரேம் ஒரே அகலத்தில் வரையப்படுவதால், ஃபோனில், நிலையான அகலம் கொண்ட உருப்படிகளின் வரிசைகள் ஒரு நெடுவரிசையாக அடுக்கப்படுகின்றன.
கட்டளை வரியிலிருந்து: wp pbs importers figma <frame link>.