story-new-post

Szablon obrazka OG: Relacja o nowym wpisie

Relacja „nowy wpis”: zdjęcie wpisu jako przekrzywiona odbitka, jego tytuł na karcie nałożonej na nią, etykieta w pigułce nad spodem i strzałki „przesuń w górę” z linkiem pod spodem.

Użyj tego szablonu — zacznij za darmo Dokumentacja
Szablon obrazka Open Graph „Relacja o nowym wpisie” wyrenderowany przez Shareglint
Szablon Relacja o nowym wpisie w rozmiarze square (1080×1080)
Szablon Relacja o nowym wpisie w rozmiarze portrait (1080×1350)
Szablon Relacja o nowym wpisie w rozmiarze story (1080×1920)
Szablon Relacja o nowym wpisie w rozmiarze pinterest (1000×1500)
Szablon Relacja o nowym wpisie 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.

Dla twórców, wydawców i marek, które ogłaszają w relacjach każdy nowy wpis, film albo artykuł. Tytuł dopasowuje się do karty, etykieta i link kończą się wielokropkiem, a bez obrazka odbitka pokazuje wzór w kolorze akcentu z przyciskiem odtwarzania. W pionie etykieta, wpis i link stoją jeden pod drugim w strefie bezpiecznej; na szerokich formatach etykieta staje się dużym nagłówkiem obok wpisu.

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 Tytuł wpisu, filmu albo artykułu. domyślnie: Post title The 5 best headphones under $200, tested for a month
label tekst Etykieta w pigułce, np. Nowy wpis albo Nowy film. domyślnie: New post New video
handle tekst Konto pokazane na karcie wpisu. @northwind.audio
url tekst Link pod strzałkami. northwind.dev/headphones
image adres obrazka Obrazek wpisu: okładka, miniatura albo zdjęcie. https://example.com/images/headphones.jpg
accent kolor Kolor marki w zapisie hex, np. #6366f1. Barwi przyciski, wyróżnienia i poświatę w tle. domyślnie: #8b5cf6 #8b5cf6
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": "story-new-post",
    "modifications": {
        "title": "The 5 best headphones under $200, tested for a month",
        "label": "New video",
        "handle": "@northwind.audio",
        "url": "northwind.dev/headphones",
        "image": "https://example.com/images/headphones.jpg"
    }
}'

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/story-new-post.png?handle=%40northwind.audio&label=New%20video&title=The%205%20best%20headphones%20under%20%24200%2C%20tested%20for%20a%20month&url=northwind.dev%2Fheadphones&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/story-new-post/copy" \
  -H "Authorization: Bearer sk_live_YOUR_KEY"
Użyj tego szablonu — zacznij za darmo

Więcej szablonów: Social media i twórcy

Szablon obrazka Open Graph „miniatura wideo” wyrenderowany przez Shareglint Miniatura wideo Szablon obrazka Open Graph „Miniatura twórcy” wyrenderowany przez Shareglint Miniatura twórcy Szablon obrazka Open Graph „Post z mediów społecznościowych” wyrenderowany przez Shareglint Post z mediów społecznościowych Szablon obrazka Open Graph „Okładka karuzeli” wyrenderowany przez Shareglint Okładka karuzeli Szablon obrazka Open Graph „Slajd karuzeli” wyrenderowany przez Shareglint Slajd karuzeli Szablon obrazka Open Graph „Ostatni slajd karuzeli” wyrenderowany przez Shareglint Ostatni slajd karuzeli Szablon obrazka Open Graph „Kolaż zdjęć” wyrenderowany przez Shareglint Kolaż zdjęć Szablon obrazka Open Graph „Miniatura reakcji” wyrenderowany przez Shareglint Miniatura reakcji Szablon obrazka Open Graph „Miniatura poradnika” wyrenderowany przez Shareglint Miniatura poradnika

Wszystkie szablony w kategorii Social media i twórcy (19) →  ·  Wszystkie szablony →