definition-card

Szablon obrazka OG: Karta definicji

Pojęcie ze słowniczka złożone jak hasło w słowniku: hasło, wymowa, ponumerowane znaczenie i przykład jako notka na marginesie.

Szablon obrazka Open Graph „Karta definicji” wyrenderowany przez Shareglint
Szablon Karta definicji w rozmiarze square (1080×1080)
Szablon Karta definicji w rozmiarze portrait (1080×1350)
Szablon Karta definicji w rozmiarze story (1080×1920)
Szablon Karta definicji w rozmiarze pinterest (1000×1500)
Szablon Karta definicji 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 słowniczków, dokumentacji, edukacji i słowników generujących kartę dla każdego hasła. Hasło zmniejsza się, by się zmieścić, definicja najpierw maleje, potem się przycina, a przykład ma w notce kilka linii. Na prawej krawędzi siedzi indeks z pierwszą literą hasła, jak wycięcie w grzbiecie słownika. Szerokie kadry stawiają przykład na marginesie obok definicji; kwadratowe i pionowe przenoszą go pod definicję.

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
term tekst Hasło. domyślnie: Term Churn rate
phonetic tekst Wymowa, np. /ˈtʃɜːn reɪt/. /ˈtʃɜːn reɪt/
part_of_speech tekst Część mowy kursywą, np. rzeczownik. noun
definition tekst Definicja, pokazana jako znaczenie 1. The share of customers who cancel or stop paying in a given period, shown as a percentage of the customers you had when it began.
example tekst Przykładowe zdanie do notki na marginesie. Monthly churn rate fell from 4% to 2.5% once annual plans were added.
category tekst Nazwa słowniczka, w żywej paginie. SaaS metrics glossary
site tekst Adres strony, w żywej paginie. northwind.dev/glossary
accent kolor Kolor marki w zapisie hex, np. #6366f1. Barwi przyciski, wyróżnienia i poświatę w tle. domyślnie: #b91c1c #b91c1c
theme dark | light Schemat kolorów: dark albo light. domyślnie: 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": "definition-card",
    "modifications": {
        "term": "Churn rate",
        "phonetic": "/ˈtʃɜːn reɪt/",
        "part_of_speech": "noun",
        "definition": "The share of customers who cancel or stop paying in a given period, shown as a percentage of the customers you had when it began.",
        "example": "Monthly churn rate fell from 4% to 2.5% once annual plans were added.",
        "category": "SaaS metrics glossary",
        "site": "northwind.dev/glossary"
    }
}'

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/definition-card.png?category=SaaS%20metrics%20glossary&definition=The%20share%20of%20customers%20who%20cancel%20or%20stop%20paying%20in%20a%20given%20period%2C%20shown%20as%20a%20percentage%20of%20the%20customers%20you%20had%20when%20it%20began.&example=Monthly%20churn%20rate%20fell%20from%204%25%20to%202.5%25%20once%20annual%20plans%20were%20added.&part_of_speech=noun&phonetic=%2F%CB%88t%CA%83%C9%9C%CB%90n%20re%C9%AAt%2F&site=northwind.dev%2Fglossary&term=Churn%20rate&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/definition-card/copy" \
  -H "Authorization: Bearer sk_live_YOUR_KEY"

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

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