Aller au contenu

Aspetto di una pagina

I colori, i font, il layout, il logo e il banner di una pagina: le impostazioni della sua scheda Aspetto. Una pagina ha le sue impostazioni, oppure segue uno stile di pagina: prende allora l'aspetto dello stile, banner compreso. Le sue impostazioni non vanno perse: scollegata dallo stile, le ritrova.

Leggere l'aspetto

GET/v1/pages/{id}/style

Le impostazioni applicate alla pagina (quelle dello stile se ne segue uno), lo stile seguito (null altrimenti), il banner nei suoi due formati — classic (1200 × 630) e wide (1200 × 400) — e il logo. Ambito Lettura.

curl https://api.tinylink.fr/v1/pages/P6ad34a0e4fef09/style \
  -H "Authorization: Bearer tl_il_tuo_token"

Risposte possibili

{
  "page_id": "P6ad34a0e4fef09",
  "style": null,
  "settings": {
    "header_layout": "classic",
    "logo_size": "medium",
    "header_text_size": "medium",
    "header_color": "#212121",
    "header_title_color": "#FFFFFF",
    "header_description_color": "#D8D8D8",
    "header_icon_color": "#FFFFFF",
    "header_title_font": "metroblack",
    "header_description_font": "robotoreg",
    "button_text_size": "medium",
    "button_color": "#FFFFFF",
    "button_title_color": "#212121",
    "button_description_color": "#888888",
    "button_title_font": "robotoreg",
    "button_description_font": "robotoreg",
    "button_radius": "rounded",
    "background_color": "#F0F0F0",
    "section_text_size": "medium",
    "section_title_color": "#212121",
    "section_title_font": "robotobold",
    "section_description_color": "#888888",
    "section_description_font": "robotoreg"
  },
  "banner": null,
  "logo": null
}

Modificare l'aspetto

PATCH/v1/pages/{id}/style

In settings, invia solo le impostazioni da cambiare; le altre mantengono il loro valore. Un valore rifiutato viene segnalato, mai sostituito in silenzio. Rifiutato se la pagina segue uno stile: scollegala prima. Ambito Scrittura.

  • header_layout: classic (intestazione colorata) o banner (banner in alto); logo_size: small, medium o large
  • header_text_size, button_text_size, section_text_size: small, medium o large
  • header_color, header_title_color, header_description_color, header_icon_color: colori dell'intestazione
  • button_color, button_title_color, button_description_color: colori dei link; button_radius: circular, rounded o square
  • background_color: sfondo della pagina; section_title_color, section_description_color: titoli di sezione
  • header_title_font, header_description_font, button_title_font, button_description_font, section_title_font, section_description_font: identificativi di GET /v1/fonts
  • Colori in esadecimale: #1E90FF o #19F.
curl -X PATCH https://api.tinylink.fr/v1/pages/P6ad34a0e4fef09/style \
  -H "Authorization: Bearer tl_il_tuo_token" \
  -H "Content-Type: application/json" \
  -d '{
    "settings": {
      "background_color": "#F3EADF",
      "button_color": "#1E90FF",
      "button_title_color": "#FFFFFF",
      "button_radius": "circular",
      "header_title_font": "poppinsblack"
    }
  }'

Risposte possibili

{
  "page_id": "P6ad34a0e4fef09",
  "style": null,
  "settings": {
    "header_layout": "classic",
    "logo_size": "medium",
    "header_text_size": "medium",
    "header_color": "#212121",
    "header_title_color": "#FFFFFF",
    "header_description_color": "#D8D8D8",
    "header_icon_color": "#FFFFFF",
    "header_title_font": "poppinsblack",
    "header_description_font": "robotoreg",
    "button_text_size": "medium",
    "button_color": "#1E90FF",
    "button_title_color": "#FFFFFF",
    "button_description_color": "#888888",
    "button_title_font": "robotoreg",
    "button_description_font": "robotoreg",
    "button_radius": "circular",
    "background_color": "#F3EADF",
    "section_text_size": "medium",
    "section_title_color": "#212121",
    "section_title_font": "robotobold",
    "section_description_color": "#888888",
    "section_description_font": "robotoreg"
  },
  "banner": null,
  "logo": null
}

Applicare o togliere uno stile

PATCH/v1/pages/{id}/style

style_id collega la pagina a uno stile dello spazio di lavoro o a uno stile fornito (default, light, dark…, vedi GET /v1/page-styles). "style_id": null la scollega: ritrova le sue impostazioni; aggiungi "keep_appearance": true perché mantenga invece l'aspetto dello stile, copiato nelle sue impostazioni. Ambito Scrittura.

curl -X PATCH https://api.tinylink.fr/v1/pages/P6ad34a0e4fef09/style \
  -H "Authorization: Bearer tl_il_tuo_token" \
  -H "Content-Type: application/json" \
  -d '{"style_id":"PST6ad34a11d00877"}'

Risposte possibili

{
  "page_id": "P6ad34a0e4fef09",
  "style": {
    "id": "PST6ad34a11d00877",
    "name": "Charte 2026",
    "builtin": false
  },
  "settings": {
    "header_layout": "classic",
    "logo_size": "medium",
    "header_text_size": "medium",
    "header_color": "#212121",
    "header_title_color": "#FFFFFF",
    "header_description_color": "#D8D8D8",
    "header_icon_color": "#FFFFFF",
    "header_title_font": "metroblack",
    "header_description_font": "robotoreg",
    "button_text_size": "medium",
    "button_color": "#1E90FF",
    "button_title_color": "#FFFFFF",
    "button_description_color": "#888888",
    "button_title_font": "robotoreg",
    "button_description_font": "robotoreg",
    "button_radius": "circular",
    "background_color": "#F0F0F0",
    "section_text_size": "medium",
    "section_title_color": "#212121",
    "section_title_font": "robotobold",
    "section_description_color": "#888888",
    "section_description_font": "robotoreg"
  },
  "banner": null,
  "logo": "https://content.tinylink.fr/page-logo/logo_6ad34a0fd937d.webp"
}

Cambiare il logo

PUT/v1/pages/{id}/logo

POST/v1/pages/{id}/logo

image: l'indirizzo pubblico di un'immagine, o una data URI in base64 (data:image/png;base64,…). Per inviare un file, usa POST in multipart/form-data con un campo image. JPEG, PNG o WebP, 5 MB e 6000 px per lato al massimo. Il logo viene ritagliato in un quadrato di 350 px; crop.square ({"x", "y", "w", "h"}, in pixel dell'immagine originale) sceglie la zona, altrimenti è centrata. La risposta è l'aspetto della pagina. Ambito Scrittura.

curl -X PUT https://api.tinylink.fr/v1/pages/P6ad34a0e4fef09/logo \
  -H "Authorization: Bearer tl_il_tuo_token" \
  -H "Content-Type: application/json" \
  -d '{"image":"https://exemple.fr/logo.png"}'

Risposte possibili

{
  "page_id": "P6ad34a0e4fef09",
  "style": null,
  "settings": {
    "header_layout": "classic",
    "logo_size": "medium",
    "header_text_size": "medium",
    "header_color": "#212121",
    "header_title_color": "#FFFFFF",
    "header_description_color": "#D8D8D8",
    "header_icon_color": "#FFFFFF",
    "header_title_font": "poppinsblack",
    "header_description_font": "robotoreg",
    "button_text_size": "medium",
    "button_color": "#1E90FF",
    "button_title_color": "#FFFFFF",
    "button_description_color": "#888888",
    "button_title_font": "robotoreg",
    "button_description_font": "robotoreg",
    "button_radius": "circular",
    "background_color": "#F3EADF",
    "section_text_size": "medium",
    "section_title_color": "#212121",
    "section_title_font": "robotobold",
    "section_description_color": "#888888",
    "section_description_font": "robotoreg"
  },
  "banner": null,
  "logo": "https://content.tinylink.fr/page-logo/logo_6ad34a0fd937d.webp"
}

Cambiare il banner

PUT/v1/pages/{id}/banner

POST/v1/pages/{id}/banner

image: l'indirizzo pubblico di un'immagine, o una data URI in base64 (data:image/png;base64,…). Per inviare un file, usa POST in multipart/form-data con un campo image. JPEG, PNG o WebP, 5 MB e 6000 px per lato al massimo. Vengono prodotti due formati, ciascuno con il suo ritaglio: crop.classic (1200 × 630) e crop.wide (1200 × 400, layout banner). Rifiutato se la pagina segue uno stile: il banner è allora quello dello stile. In base al piano. Ambito Scrittura.

curl -X PUT https://api.tinylink.fr/v1/pages/P6ad34a0e4fef09/banner \
  -H "Authorization: Bearer tl_il_tuo_token" \
  -H "Content-Type: application/json" \
  -d '{"image":"https://esempio.it/banner.jpg"}'

Risposte possibili

{
  "page_id": "P6ad34a0e4fef09",
  "style": null,
  "settings": {
    "header_layout": "classic",
    "logo_size": "medium",
    "header_text_size": "medium",
    "header_color": "#212121",
    "header_title_color": "#FFFFFF",
    "header_description_color": "#D8D8D8",
    "header_icon_color": "#FFFFFF",
    "header_title_font": "poppinsblack",
    "header_description_font": "robotoreg",
    "button_text_size": "medium",
    "button_color": "#1E90FF",
    "button_title_color": "#FFFFFF",
    "button_description_color": "#888888",
    "button_title_font": "robotoreg",
    "button_description_font": "robotoreg",
    "button_radius": "circular",
    "background_color": "#F3EADF",
    "section_text_size": "medium",
    "section_title_color": "#212121",
    "section_title_font": "robotobold",
    "section_description_color": "#888888",
    "section_description_font": "robotoreg"
  },
  "banner": {
    "classic": "https://content.tinylink.fr/page-banner/banner_6ad34a102be89.webp",
    "wide": "https://content.tinylink.fr/page-banner/wide_banner_6ad34a102be89.webp"
  },
  "logo": "https://content.tinylink.fr/page-logo/logo_6ad34a0fd937d.webp"
}

Togliere il logo o il banner

DELETE/v1/pages/{id}/logo

DELETE/v1/pages/{id}/banner

Elimina l'immagine; la risposta è l'aspetto della pagina. Nient'altro viene eliminato: basta l'ambito Scrittura.

curl -X DELETE https://api.tinylink.fr/v1/pages/P6ad34a0e4fef09/logo \
  -H "Authorization: Bearer tl_il_tuo_token"

Risposte possibili

{
  "page_id": "P6ad34a0e4fef09",
  "style": null,
  "settings": {
    "header_layout": "classic",
    "logo_size": "medium",
    "header_text_size": "medium",
    "header_color": "#212121",
    "header_title_color": "#FFFFFF",
    "header_description_color": "#D8D8D8",
    "header_icon_color": "#FFFFFF",
    "header_title_font": "metroblack",
    "header_description_font": "robotoreg",
    "button_text_size": "medium",
    "button_color": "#FFFFFF",
    "button_title_color": "#212121",
    "button_description_color": "#888888",
    "button_title_font": "robotoreg",
    "button_description_font": "robotoreg",
    "button_radius": "rounded",
    "background_color": "#F0F0F0",
    "section_text_size": "medium",
    "section_title_color": "#212121",
    "section_title_font": "robotobold",
    "section_description_color": "#888888",
    "section_description_font": "robotoreg"
  },
  "banner": null,
  "logo": null
}

Elencare i font

GET/v1/fonts

I font disponibili, in ordine alfabetico: il loro id è il valore delle impostazioni …_font. Ambito Lettura.

curl https://api.tinylink.fr/v1/fonts \
  -H "Authorization: Bearer tl_il_tuo_token"

Risposte possibili

{
  "data": [
    {
      "id": "abrilfat",
      "name": "Abril Fatface"
    },
    {
      "id": "bebasneue",
      "name": "Bebas Neue"
    },
    {
      "id": "bungee",
      "name": "Bungee"
    },
    {
      "id": "caveatreg",
      "name": "Caveat Regular"
    }
  ]
}

Non trovi la tua risposta?

Scrivici dalla scheda Supporto del tuo spazio, rispondiamo entro 24 ore lavorative.

Contatta il supporto