Bilgi bankası

Page Builder Sandwich ile bir Figma çerçevesini WordPress'e aktarın

Kendi Figma hesabınızı bağlayın ve bir çerçeveyi düzenlenebilir bir sayfaya dönüştürün: otomatik düzen, metin stilleri, renkler ve görseller dahildir.

Page Builder Sandwich Pro, bir Figma çerçevesini düzenlenebilir bir WordPress sayfasına dönüştürür. Site, oluşturduğunuz kişisel bir erişim belirtecini kullanarak kendi Figma hesabınızla Figma ile iletişim kurar; hiçbir tasarım veya belirteç Zinn Digital® üzerinden geçmez.

Figma'yı bağlayın (yönetici olarak bir kez)

  1. Figma'da Settings → Security → Personal access tokens bölümünü açın ve File content: read kapsamına sahip bir belirteç oluşturun.
  2. wp-admin içinde Page Builder Sandwich → Import from other builders and Figma → Import from Figma yolunu izleyin, belirteci yapıştırın ve Connect Figma butonuna basın.

Belirteç Figma ile doğrulanır, şifrelenmiş olarak saklanır ve bir daha asla gösterilmez (yalnızca son dört karakteri). Disconnect belirteci kaldırır. Komut satırında: echo <token> | wp pbs importers figma-token set (belirteç standart girdiden okunur, bu nedenle kabuk geçmişinize kaydedilmez).

Bir çerçeveyi içe aktarın

  1. Figma'da bir çerçeveye tıklayın, sağ tıklayın ve Copy/Paste as → Copy link to selection seçeneğini belirleyin.
  2. Bağlantıyı Figma frame link alanına yapıştırın ve Import the frame butonuna basın. Çerçevenin adını taşıyan yeni bir taslak sayfa oluşturulur.

Tasarım nasıl dönüştürülür

  • Auto layout, aynı boşluk, dolgu ve hizalama ile esnek satırlara ve sütunlara (ve ızgara otomatik düzeni için ızgaralara) dönüşür; serbestçe düzenlenmiş bir çerçeve okuma sırasına göre yığılır ve katmanlar üst üste bindiğinde rapor bunu belirtir.
  • Tam genişlikteki şeritlerden oluşan bir sayfa çerçevesi, şerit başına bir tam genişlikte bölüme dönüşür.
  • Metin yazı tipini, boyutunu, ağırlığını, satır yüksekliğini, harf aralığını, büyük/küçük harf durumunu, hizalamasını ve rengini korur; büyük metinler başlıklara dönüşür, kalın ve italik bölümler ile bağlantılar korunur.
  • Degradeler de dahil olmak üzere dolgular, konturlar, köşe yarıçapı ve alt gölgeler aktarılır.
  • Görseller ortam kütüphanenize kopyalanır ve vektör sanatı (simgeler, illüstrasyonlar) Figma tarafından işlenip bir görsel olarak kopyalanır (içe aktarma başına 200 çizime kadar). Aynı çerçevenin tekrar içe aktarılması bu kopyaları yeniden kullanır.
  • Dolgusu, yuvarlatılmış köşeleri ve tek bir kısa etiketi (veya "button" adlı bir katmanı) olan küçük bir çerçeve bir Button bloğuna dönüşür.

Figma çerçevesi tek bir genişlikte çizildiğinden, bir telefonda sabit genişlikteki ögelerin satırları bir sütun halinde yığılır.

Komut satırından: wp pbs importers figma <frame link>.

Blogdan son yazılar

Barındırma, SEO ve sitelerin geniş ölçekte yönetilmesi hakkında yazdıklarımız.

Barındırma Katmanından SEO ve Bağlantı İnşası: 2026 Yılı Operatörünün Bakış Açısı

2026'da barındırmanın indekslemeyi ve bağlantı değerini (link equity) nasıl şekillendirdiği: sayfaları dizinde tutmak, üzerlerinde geliştirme yapmadan önce eski alan adlarını incelemek, ayak izi (footprint) bırakmadan bağlantı inşa etmek ve altyapının SEO için neler yapabileceği ve yapamayacağı konusunda dürüst bir değerlendirme.

Gönderiyi oku →

WordPress'i Hızlı ve Güvenli Hale Getirme: Performans ve Eklenti Kontrol Listesi

Hızlı ve güvenli bir WordPress için pratik bir kontrol listesi: sunucu düzeyinde önbelleğe alma, site başına bir nesne önbelleği, çalıştırılmaya değer az sayıda eklenti, teknoloji yığınını güncel tutma ve asla önbelleğe almamanız gereken WooCommerce sayfaları.

Gönderiyi oku →

2026'da Yönetilen Web Barındırma Nasıl Seçilir: Alıcı Kılavuzu

İyi bir yönetilen barındırmayı kontrol paneline sahip ucuz bir sunucudan gerçekte neyin ayırdığı — taşımalar, yedeklemeler, izolasyon, gerçek önbelleğe alma ve dürüst ölçeklendirme — ve taahhütte bulunmadan önce bunu nasıl değerlendireceğiniz.

Gönderiyi oku →

Blogu okuyun →

Hâlâ sorun mu yaşıyorsunuz?

Her pakette destek dahildir, destek ekibimiz günde 24 saat hizmet vermektedir ve 58 dilimizden herhangi biriyle bize yazabilirsiniz; size kendi dilinizde yanıt veriyoruz.

Destek ekibiyle iletişime geçin → Tüm makaleler →