animated-typing-headline

Szablon obrazka OG: tytuł pisany na żywo

Tytuł, który sam się wpisuje w oknie, z migającym kursorem.

Użyj tego szablonu — zacznij za darmo Dokumentacja
Szablon tytuł pisany na żywo w rozmiarze square (1080×1080)
Szablon tytuł pisany na żywo w rozmiarze portrait (1080×1350)
Szablon tytuł pisany na żywo w rozmiarze story (1080×1920)
Szablon tytuł pisany na żywo w rozmiarze pinterest (1000×1500)
Szablon tytuł pisany na żywo w rozmiarze youtube (1280×720)

To prawdziwe rendery z API z przykładowymi wartościami z tabeli niżej. Przełącz rozmiar wyżej: ten sam szablon układa się w każdym z 6 rozmiarów — wyślij size albo sizes w zapytaniu.

Do changelogów, ogłoszeń i wpisów na blogu udostępnianych jako GIF albo MP4. Cały tytuł jest najpierw składany, więc wiersze nie skaczą w trakcie pisania, a przez ostatnią ćwiartkę klipu stoi w całości. Format statyczny pokazuje pełny tytuł bez kursora.

Pola

Każde pole jest opcjonalne. Za długi tekst zmniejsza się, zamiast wychodzić poza kadr; pole obrazka przyjmuje publiczny adres URL, który pobieramy po naszej stronie.

Pole Typ Opis Przykład
title tekst Główny nagłówek. domyślnie: Your headline types itself Preview images that move: GIF and MP4 from one HTML template
eyebrow tekst Krótka etykieta nad tytułem. Changelog
author tekst Imię i nazwisko autora. Maya Chen
site tekst Twoja domena albo krótki adres. blog.northwind.dev
accent kolor Kolor marki w zapisie hex, np. #6366f1. Barwi przyciski, wyróżnienia i poświatę w tle. domyślnie: #22c55e #22c55e
theme dark | light Schemat kolorów: dark albo light. —

Wyrenderuj go jednym żądaniem

Slug podajesz jako template. W odpowiedzi dostajesz adres gotowego PNG; ?wait=true trzyma połączenie, aż obrazek będzie gotowy.

curl -X POST "https://shareglint.com/v1/images?wait=true" \
  -H "Authorization: Bearer sk_live_YOUR_KEY" \
  -H "Content-Type: application/json" \
  -d '{
    "template": "animated-typing-headline",
    "modifications": {
        "title": "Preview images that move: GIF and MP4 from one HTML template",
        "eyebrow": "Changelog",
        "author": "Maya Chen",
        "site": "blog.northwind.dev"
    }
}'

Albo wklej podpisany adres w og:image

Dla stron statycznych, Webflow, Shopify i narzędzi no-code: pola idą w query stringu, a całość podpisujesz swoim sekretem. Pierwsze żądanie renderuje obrazek, każde kolejne to przekierowanie na gotowy plik. Jak policzyć podpis.

<meta property="og:image" content="https://shareglint.com/i/acc_YOUR_ACCOUNT_ID/animated-typing-headline.png?author=Maya%20Chen&eyebrow=Changelog&site=blog.northwind.dev&title=Preview%20images%20that%20move%3A%20GIF%20and%20MP4%20from%20one%20HTML%20template&s=YOUR_SIGNATURE">

Dopasuj do siebie

accent i theme zmieniasz w każdym żądaniu. Jeśli chcesz więcej, skopiuj szablon na swoje konto: dostajesz zwykły szablon HTML z tymi samymi polami, który edytujesz w panelu albo przez API. Jeśli slug jest na Twoim koncie wolny, kopia go przejmuje — Twoje integracje przechodzą na Twoją wersję bez zmiany jednej linijki.

curl -X POST "https://shareglint.com/v1/templates/library/animated-typing-headline/copy" \
  -H "Authorization: Bearer sk_live_YOUR_KEY"
Użyj tego szablonu — zacznij za darmo

Więcej szablonów: Blog i artykuły

Szablon obrazka Open Graph „wpis na blogu” wyrenderowany przez Shareglint Wpis na blogu Szablon obrazka Open Graph „Karta strony internetowej” wyrenderowany przez Shareglint Karta strony internetowej Szablon obrazka Open Graph „strona dokumentacji” wyrenderowany przez Shareglint Strona dokumentacji Szablon obrazka Open Graph „wydanie newslettera” wyrenderowany przez Shareglint Wydanie newslettera Szablon obrazka Open Graph „karta z cytatem” wyrenderowany przez Shareglint Karta z cytatem Szablon obrazka Open Graph „case study / opinia klienta” wyrenderowany przez Shareglint Case study / opinia klienta Szablon obrazka Open Graph „Cytat redakcyjny” wyrenderowany przez Shareglint Cytat redakcyjny Szablon obrazka Open Graph „Przegląd tygodnia” wyrenderowany przez Shareglint Przegląd tygodnia Szablon obrazka Open Graph „Lista „X sposobów"” wyrenderowany przez Shareglint Lista „X sposobów"

Wszystkie szablony w kategorii Blog i artykuły (13) →  ·  Wszystkie szablony →