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, którzy układają rankingi gier, narzędzi, jedzenia i czegokolwiek innego, oraz dla serwisów z recenzjami, które publikują rankingi jako obrazki. Rysujemy do sześciu poziomów i do sześciu pozycji na poziom, wolne miejsca widać jako przerywane pola, a długie nazwy kończą się wielokropkiem; bez żadnych poziomów pokazujemy pustą tablicę S, A, B, C, D. Na szerokich formatach każdy poziom ma jeden wiersz sześciu żetonów, w kwadracie i w pionie dwa wiersze po trzy, większym krojem.
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 | Co oceniamy. domyślnie: Tier list | Pizza toppings, ranked |
tiers |
tekst | Poziomy rozdzielone średnikiem ;, etykieta od pozycji kreską |, pozycje przecinkami, np. S|Figma, Linear;A|Notion;B|Jira. Do 6 poziomów po 6 pozycji. | S|Mushrooms, Basil;A|Pepperoni, Olives, Red onion;B|Ham, Peppers;C|Sweetcorn;D|Pineapple |
author |
tekst | Kto ułożył ranking, obok tytułu. | by @northwind.eats |
accent |
kolor | Kolor marki w zapisie hex, np. #6366f1. Barwi przyciski, wyróżnienia i poświatę w tle. domyślnie: #f472b6 | #f472b6 |
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": "tier-list",
"modifications": {
"title": "Pizza toppings, ranked",
"tiers": "S|Mushrooms, Basil;A|Pepperoni, Olives, Red onion;B|Ham, Peppers;C|Sweetcorn;D|Pineapple",
"author": "by @northwind.eats"
}
}'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/tier-list.png?author=by%20%40northwind.eats&tiers=S%7CMushrooms%2C%20Basil%3BA%7CPepperoni%2C%20Olives%2C%20Red%20onion%3BB%7CHam%2C%20Peppers%3BC%7CSweetcorn%3BD%7CPineapple&title=Pizza%20toppings%2C%20ranked&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/tier-list/copy" \
-H "Authorization: Bearer sk_live_YOUR_KEY"Więcej szablonów: Social media i twórcy
Miniatura wideo
Miniatura twórcy
Post z mediów społecznościowych
Okładka karuzeli
Slajd karuzeli
Ostatni slajd karuzeli
Kolaż zdjęć
Relacja o nowym wpisie
Miniatura reakcji
Wszystkie szablony w kategorii Social media i twórcy (19) → · Wszystkie szablony →