SocialRender

Şablonlar

Şablon, önceden tanımlı bir görsel düzendir. Kimliği ve alanlarıyla çağrılır; eksik alanlar varsayılan değerlerle doldurulur. Alanlar otomatik olarak demo formuna da yansır.

og-default1200×630

Web siteleri için sosyal medya önizleme görseli.

Alanlar
titlesubtitlesitebgFrombgToaccentimage
instagram-quote1080×1080

Kare alıntı/özdeyiş görseli.

Alanlar
quoteauthorbgFrombgToaccent
promo-banner1200×628

E-ticaret ve kampanya duyuruları için yatay banner.

Alanlar
headlinediscountctacodebgFrombgToproduct
promo-animated1200×628animasyonlu

Hareketli kampanya banner'ı, döngüsel GIF.

Alanlar
headlinediscountctabgFrombgToaccent

Yeni şablon ekleme

  1. src/lib/templates/ altına yeni dosya oluşturun.
  2. Template arayüzünü uygulayın: id, name, width, height, fields[], draw(ctx, data, helpers, time?).
  3. src/lib/templates/index.ts içine import edip TEMPLATES dizisine ekleyin.

Animasyon için animated: true, durationMs ve fps ekleyin; draw her kare için time (saniye) alır.