The Design Legend
Incorpora Leggenda del Design del Giorno nel tuo sito web
The Design Legend pubblica una nuova selezione ogni giorno. L'indirizzo dell'immagine non cambia mai, ma l'immagine dietro di esso sì: aggiungi il codice una sola volta e i tuoi visitatori vedranno automaticamente la selezione del giorno.
Come funziona
Ogni giorno una nuova immagine viene pubblicata a un indirizzo fisso. La tua pagina carica quell'indirizzo, così mostra sempre la selezione corrente, e un clic porta i tuoi visitatori su The Design Legend dove viene raccontata la storia completa.
Preferisci uno script? Aggiungi un contenitore e uno script: il widget disegna lo stile che scegli con data-dotd-variant (image, cta o card), nella lingua dell'indirizzo dello script quando quella lingua è disponibile. Se non puoi eseguire script, usa la versione HTML della stessa variante.
Variante A: solo immagine
L'immagine di oggi, con link a The Design Legend. L'opzione più leggera.
Anteprima dal vivo
<a href="https://thedesignlegend.com/it/" target="_blank" rel="noopener">
<img src="https://competition.adesignaward.com/design-legend-of-the-day/today.png" alt="Leggenda del Design del Giorno, retrospettiva che celebra i traguardi di una vita nel design" loading="lazy" style="max-width:100%;height:auto">
</a><div data-dotd="thedesignlegend.com" data-dotd-variant="image"></div>
<script async src="https://thedesignlegend.com/feature.js?lang=it"></script>Variante B: immagine e invito all'azione
L'immagine di oggi con un invito all'azione sottostante.
Anteprima dal vivo
<a href="https://thedesignlegend.com/it/" target="_blank" rel="noopener" style="display:block;max-width:100%;color:inherit;text-decoration:none;text-align:center">
<img src="https://competition.adesignaward.com/design-legend-of-the-day/today.png" alt="Leggenda del Design del Giorno, retrospettiva che celebra i traguardi di una vita nel design" loading="lazy" style="display:block;max-width:100%;height:auto;margin:0 auto">
<span style="display:block;margin-top:.5em;font:600 15px/1.3 system-ui,sans-serif">Scopri la Leggenda del Design del Giorno</span>
</a><div data-dotd="thedesignlegend.com" data-dotd-variant="cta"></div>
<script async src="https://thedesignlegend.com/feature.js?lang=it"></script>Variante C: card Bootstrap
Una card Bootstrap con l'immagine, il titolo della selezione, un breve paragrafo e un pulsante di invito all'azione. La tua pagina necessita di Bootstrap.
Anteprima dal vivo
<div class="card" style="max-width:24rem">
<a href="https://thedesignlegend.com/it/" target="_blank" rel="noopener"><img src="https://competition.adesignaward.com/design-legend-of-the-day/today.png" class="card-img-top" alt="Leggenda del Design del Giorno, retrospettiva che celebra i traguardi di una vita nel design" loading="lazy"></a>
<div class="card-body">
<h5 class="card-title">Leggenda del Design del Giorno</h5>
<p class="card-text">A' Design Award celebra ogni giorno un designer influente o un architetto di fama mondiale la cui carriera eccezionale, le creazioni iconiche e le idee pionieristiche hanno plasmato la storia e lo sviluppo del design, come Leggenda del Design del Giorno.</p>
<a href="https://thedesignlegend.com/it/" class="btn btn-danger" target="_blank" rel="noopener">Scopri la Leggenda del Design del Giorno</a>
</div>
</div><div data-dotd="thedesignlegend.com" data-dotd-variant="card"></div>
<script async src="https://thedesignlegend.com/feature.js?lang=it"></script>Opzione 3: JSON
Per sviluppatori, app e automazione. Il JSON contiene il nome, la descrizione, l'indirizzo dell'immagine, i link e la data. Le richieste cross-origin sono consentite.
fetch("https://thedesignlegend.com/feature.json?lang=it")
.then(function (r) { return r.json(); })
.then(function (d) {
// d.name, d.feature, d.paragraph, d.image, d.url, d.date ...
});Esempio di risposta
{
"domain": "thedesignlegend.com",
"name": "The Design Legend",
"feature": "Leggenda del Design del Giorno",
"paragraph": "A' Design Award celebra ogni giorno un designer influente o un architetto di fama mondiale la cui carriera eccezionale, le creazioni iconiche e le idee pionieristiche hanno plasmato la storia e lo sviluppo del design, come Leggenda del Design del Giorno.",
"description": "The Design Legend celebra designer influenti e architetti di fama mondiale le cui carriere eccezionali, creazioni iconiche, idee pionieristiche e contributi duraturi hanno plasmato la storia e lo sviluppo del design, mettendo in luce le persone creative e i traguardi riconosciuti dal prestigioso A' Design Award and Competition.",
"call_to_action": "Scopri la Leggenda del Design del Giorno",
"date": "2026-11-08",
"language": "it",
"image": "https://competition.adesignaward.com/design-legend-of-the-day/today.png",
"image_alt": "Leggenda del Design del Giorno, retrospettiva che celebra i traguardi di una vita nel design",
"url": "https://thedesignlegend.com/it/",
"feature_url": "https://competition.adesignaward.com/design-legend-of-the-day.html",
"registry_url": "https://competition.adesignaward.com/design-legends-of-the-days.php",
"embed_url": "https://thedesignlegend.com/it/contenuto-in-primo-piano/"
}Buono a sapersi
- Mantieni il link intorno all'immagine, così i tuoi visitatori potranno scoprire la selezione completa.
- Usa sempre l'indirizzo dell'immagine mostrato sopra e non salvarne una copia, così la tua pagina resta aggiornata.
- L'immagine è responsive: non diventa mai più larga del suo contenitore.
- Hai bisogno di aiuto o di un formato personalizzato? Contattaci.