weather-forecast

Szablon obrazka OG: Prognoza pogody

Dzisiejsza temperatura z narysowaną ikoną pogody i kolejne dni w kolumnach, każdy z paskiem rozpiętości temperatur.

Użyj tego szablonu — zacznij za darmo Dokumentacja
Szablon obrazka Open Graph „Prognoza pogody” wyrenderowany przez Shareglint
Szablon Prognoza pogody w rozmiarze square (1080×1080)
Szablon Prognoza pogody w rozmiarze portrait (1080×1350)
Szablon Prognoza pogody w rozmiarze story (1080×1920)
Szablon Prognoza pogody w rozmiarze pinterest (1000×1500)
Szablon Prognoza pogody 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 mediów lokalnych, serwisów podróżniczych, organizatorów wydarzeń i firm działających pod gołym niebem. Odcień nieba zależy od dzisiejszego condition, wszystkie ikony są rysowane w CSS, a paski temperatur mają wspólną skalę, więc ciepłe i zimne dni widać od razu. Mieści się do siedmiu dni, a nieznany rodzaj pogody pokazuje się jako chmura. W szerokich kadrach dzisiejsza pogoda stoi po lewej, a dni na szklanym panelu po prawej; w kwadracie i pionie dziś jest na górze, a dni pod spodem.

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
location tekst Miasto lub miejsce, czyli tytuł karty. domyślnie: Your city Lisbon
date tekst Data nad nazwą miejsca, np. niedziela, 26 października. Sunday, Oct 26
current_temp tekst Bieżąca temperatura jako liczba, np. 24. 24
unit tekst C albo F, pokazywane po temperaturze. jedna z wartości: C | F domyślnie: C C
condition tekst Dzisiejsza pogoda: sun, cloud, rain, snow, storm, fog albo wind. jedna z wartości: sun | cloud | rain | snow | storm | fog | wind domyślnie: sun sun
summary tekst Krótki opis pod temperaturą, np. Słonecznie, lekka bryza od morza. Sunny spells and a light sea breeze
days tekst Dni rozdzielone ;, każdy jako dzień|pogoda|max|min, np. pon|sun|25|16;wt|rain|19|14. Pogoda jak wyżej, do siedmiu dni. Mon|sun|25|16;Tue|cloud|22|15;Wed|rain|19|14;Thu|storm|18|13;Fri|wind|21|14
source tekst Źródło prognozy albo marka, na dole karty. Northwind Weather
accent kolor Kolor marki w zapisie hex, np. #6366f1. Barwi przyciski, wyróżnienia i poświatę w tle. domyślnie: #f97316 #f97316
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": "weather-forecast",
    "modifications": {
        "location": "Lisbon",
        "date": "Sunday, Oct 26",
        "current_temp": "24",
        "unit": "C",
        "condition": "sun",
        "summary": "Sunny spells and a light sea breeze",
        "days": "Mon|sun|25|16;Tue|cloud|22|15;Wed|rain|19|14;Thu|storm|18|13;Fri|wind|21|14",
        "source": "Northwind Weather"
    }
}'

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/weather-forecast.png?condition=sun&current_temp=24&date=Sunday%2C%20Oct%2026&days=Mon%7Csun%7C25%7C16%3BTue%7Ccloud%7C22%7C15%3BWed%7Crain%7C19%7C14%3BThu%7Cstorm%7C18%7C13%3BFri%7Cwind%7C21%7C14&location=Lisbon&source=Northwind%20Weather&summary=Sunny%20spells%20and%20a%20light%20sea%20breeze&unit=C&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/weather-forecast/copy" \
  -H "Authorization: Bearer sk_live_YOUR_KEY"
Użyj tego szablonu — zacznij za darmo

Więcej szablonów: Wiadomości, sport i finanse

Szablon obrazka Open Graph „Pilna wiadomość” wyrenderowany przez Shareglint Pilna wiadomość Szablon obrazka Open Graph „Wynik meczu” wyrenderowany przez Shareglint Wynik meczu Szablon obrazka Open Graph „Zapowiedź meczu” wyrenderowany przez Shareglint Zapowiedź meczu Szablon obrazka Open Graph „Notowanie kursu” wyrenderowany przez Shareglint Notowanie kursu Szablon obrazka Open Graph „Tablica stawek” wyrenderowany przez Shareglint Tablica stawek 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 „oferta pracy” wyrenderowany przez Shareglint Oferta pracy Szablon obrazka Open Graph „wydarzenie” wyrenderowany przez Shareglint Wydarzenie

Wszystkie szablony w kategorii Wiadomości, sport i finanse (6) →  ·  Wszystkie szablony →