ცოდნის ბაზა

მოახდინეთ Figma-ს ჩარჩოს იმპორტირება WordPress-ში Page Builder Sandwich-ით

დააკავშირეთ თქვენი Figma-ს ანგარიში და აქციეთ ჩარჩო რედაქტირებად გვერდად: მოიცავს ავტომატურ განლაგებას, ტექსტის სტილებს, ფერებსა და სურათებს.

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 სტრიქონებად და სვეტებად (და ბადეებად grid auto layout-ისთვის) იგივე დაშორებით, შიდა ველითა და სწორებით; თავისუფლად განლაგებული ფრეიმი ლაგდება წაკითხვის თანმიმდევრობით, ხოლო ფენების გადაფარვის შემთხვევაში ეს აღინიშნება ანგარიშში.
  • სრული სიგანის ზოლებისგან შემდგარი გვერდის ფრეიმი გარდაიქმნება თითო სრული სიგანის სექციად თითოეული ზოლისთვის.
  • ტექსტი ინარჩუნებს თავის შრიფტს, ზომას, სისქეს, ხაზის სიმაღლეს, სიმბოლოებს შორის დაშორებას, რეგისტრს, სწორებასა და ფერს; დიდი ტექსტი ხდება სათაურები, მუქი და დახრილი ფრაგმენტები და ბმულები შენარჩუნებულია.
  • შევსებები, კონტურები, კუთხის რადიუსი და ჩრდილები გადადის უცვლელად, გრადიენტების ჩათვლით.
  • სურათები კოპირდება თქვენს მედია ბიბლიოთეკაში, ხოლო ვექტორული გრაფიკა (ხატულები, ილუსტრაციები) რენდერდება Figma-ს მიერ და კოპირდება სურათის სახით (200 ნახატამდე თითო იმპორტზე). იმავე ფრეიმის ხელახალი იმპორტირება ხელახლა იყენებს ასლებს.
  • პატარა ფრეიმი შევსებით, მომრგვალებული კუთხეებითა და ერთი მოკლე წარწერით (ან ფენით, სახელწოდებით „button“) ხდება Button ბლოკი.

ტელეფონზე ფიქსირებული სიგანის ელემენტების რიგები ლაგდება ერთ სვეტად, რადგან Figma-ს ფრეიმი იხატება ერთ სიგანეზე.

ბრძანებათა სტრიქონიდან: wp pbs importers figma <frame link>.

უახლესი ბლოგიდან

რას ვწერდით ჰოსტინგის, SEO-ს და საიტების ფართო მასშტაბით მართვის შესახებ.

SEO და ბმულების შექმნა ჰოსტინგის შრიდან: ოპერატორის ხედვა 2026 წლისთვის

როგორ განსაზღვრავს ჰოსტინგი ინდექსირებასა და ბმულების წონას 2026 წელს: გვერდების ინდექსში შენარჩუნება, ძველი დომენების შემოწმება მათზე საიტის აწყობამდე, ბმულების მშენებლობა საძიებო კვალის გარეშე და გულწრფელი შეფასება იმისა, თუ რა შეუძლია და რა არ შეუძლია ინფრასტრუქტურას SEO-სთვის.

პოსტის წაკითხვა →

WordPress-ის სისწრაფისა და უსაფრთხოების უზრუნველყოფა: წარმადობისა და მოდულების საკონტროლო სია

პრაქტიკული საკონტროლო სია სწრაფი და უსაფრთხო WordPress-ისთვის: სერვერის დონის ქეშირება, ობიექტების ქეში თითოეული საიტისთვის, რამდენიმე მოდული, რომელთა გამოყენებაც ღირს, ტექნოლოგიური დასტის განახლებულ მდგომარეობაში შენარჩუნება და WooCommerce-ის გვერდები, რომლებიც არასდროს უნდა დააქეშოთ.

პოსტის წაკითხვა →

როგორ შევარჩიოთ მართვადი ვებ ჰოსტინგი 2026 წელს: მყიდველის გზამკვლევი

რა განასხვავებს სინამდვილეში კარგ მართულ ჰოსტინგს მართვის პანელიანი იაფი ყუთისგან — მიგრაციები, სარეზერვო ასლები, იზოლაცია, რეალური ქეშირება და პატიოსანი მასშტაბირება — და როგორ შეაფასოთ იგი ვალდებულების აღებამდე.

პოსტის წაკითხვა →

წაიკითხეთ ბლოგი →

კვლავ გაქვთ პრობლემა?

მხარდაჭერა შედის ყველა გეგმაში, სავარძელი ღიაა დღეში 24 საათის განმავლობაში და შეგიძლიათ მოგვწეროთ ჩვენს ნებისმიერ 58 ენაზე — ჩვენ გიპასუხებთ თქვენს ენაზე.

მხარდაჭერასთან დაკავშირება → ყველა სტატია →