Vai al contenuto principale

Designer in Evidenza del Giorno

Incorpora Designer in Evidenza del Giorno nel tuo sito web

Designer in Evidenza del Giorno 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 Designer in Evidenza del Giorno 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 Designer in Evidenza del Giorno. L'opzione più leggera.

Anteprima dal vivo

<a href="https://designerhighlightoftheday.com/it/" target="_blank" rel="noopener">
  <img src="https://competition.adesignaward.com/highlight-of-the-day/today.png" alt="Designer in Evidenza del Giorno che presenta un designer straordinario, parte della comunità globale del design" loading="lazy" style="max-width:100%;height:auto">
</a>
<div data-dotd="designerhighlightoftheday.com" data-dotd-variant="image"></div>
<script async src="https://designerhighlightoftheday.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://designerhighlightoftheday.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/highlight-of-the-day/today.png" alt="Designer in Evidenza del Giorno che presenta un designer straordinario, parte della comunità globale del 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 il Designer in Evidenza del Giorno</span>
</a>
<div data-dotd="designerhighlightoftheday.com" data-dotd-variant="cta"></div>
<script async src="https://designerhighlightoftheday.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://designerhighlightoftheday.com/it/" target="_blank" rel="noopener"><img src="https://competition.adesignaward.com/highlight-of-the-day/today.png" class="card-img-top" alt="Designer in Evidenza del Giorno che presenta un designer straordinario, parte della comunità globale del design" loading="lazy"></a>
  <div class="card-body">
    <h5 class="card-title">Designer in Evidenza del Giorno</h5>
    <p class="card-text">A' Design Award mette in evidenza ogni giorno un designer di spicco, un architetto di punta, un creativo d'eccellenza o un innovatore come Designer in Evidenza del Giorno, presentando i loro traguardi, le opere creative e il contributo al mondo del design.</p>
    <a href="https://designerhighlightoftheday.com/it/" class="btn btn-danger" target="_blank" rel="noopener">Scopri il Designer in Evidenza del Giorno</a>
  </div>
</div>
<div data-dotd="designerhighlightoftheday.com" data-dotd-variant="card"></div>
<script async src="https://designerhighlightoftheday.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://designerhighlightoftheday.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": "designerhighlightoftheday.com",
    "name": "Designer in Evidenza del Giorno",
    "feature": "Designer in Evidenza del Giorno",
    "paragraph": "A' Design Award mette in evidenza ogni giorno un designer di spicco, un architetto di punta, un creativo d'eccellenza o un innovatore come Designer in Evidenza del Giorno, presentando i loro traguardi, le opere creative e il contributo al mondo del design.",
    "description": "Designer in Evidenza del Giorno mette in luce ogni giorno un designer di spicco, un architetto di punta, un creativo d'eccellenza o un innovatore, presentando i traguardi raggiunti, le opere creative e il contributo al mondo del design, come riconosciuto dal prestigioso A' Design Award and Competition.",
    "call_to_action": "Scopri il Designer in Evidenza del Giorno",
    "date": "2026-11-08",
    "language": "it",
    "image": "https://competition.adesignaward.com/highlight-of-the-day/today.png",
    "image_alt": "Designer in Evidenza del Giorno che presenta un designer straordinario, parte della comunità globale del design",
    "url": "https://designerhighlightoftheday.com/it/",
    "feature_url": "https://competition.adesignaward.com/designer-highlight-of-the-day.html",
    "registry_url": "https://competition.adesignaward.com/designer-highlights-of-the-days.php",
    "embed_url": "https://designerhighlightoftheday.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.

Sponsorizzato

Scopri i design premiati

Citazione di design del giorno

Citazione di design del giorno

DesignAdage