Dagens designer-høydepunkt

Bygg inn Dagens designer-høydepunkt på nettstedet ditt

Dagens designer-høydepunkt publiserer en ny presentasjon hver dag. Bildeadressen endres aldri, men bildet bak den gjør det – så du legger inn koden én gang, og besøkende ser dagens presentasjon automatisk.

Slik fungerer det

Hver dag publiseres et nytt bilde på én fast adresse. Siden din laster den adressen, slik at den alltid viser den aktuelle presentasjonen, og et klikk tar besøkende til Dagens designer-høydepunkt hvor hele historien fortelles.

Foretrekker du et skript? Legg til én beholder og ett skript: widgeten tegner stilen du velger med data-dotd-variant (image, cta eller card), på språket i skriptadressen når det språket er tilgjengelig. Hvis du ikke kan kjøre skript, bruk HTML-versjonen av samme variant.

Variant A: kun bilde

Dagens bilde, lenket til Dagens designer-høydepunkt. Det letteste alternativet.

Direktevisning

<a href="https://designerhighlightoftheday.com/nb/" target="_blank" rel="noopener">
  <img src="https://competition.adesignaward.com/highlight-of-the-day/today.png" alt="Dagens designer-høydepunkt med en bemerkelsesverdig designer, del av det globale designmiljøet" 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=nb"></script>

Variant B: bilde og handlingsknapp

Dagens bilde med en handlingsknapp under.

Direktevisning

<a href="https://designerhighlightoftheday.com/nb/" 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="Dagens designer-høydepunkt med en bemerkelsesverdig designer, del av det globale designmiljøet" 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">Oppdag Dagens designer-høydepunkt</span>
</a>

<div data-dotd="designerhighlightoftheday.com" data-dotd-variant="cta"></div>
<script async src="https://designerhighlightoftheday.com/feature.js?lang=nb"></script>

Variant C: Bootstrap-kort

Et Bootstrap-kort med bildet, tittelen på presentasjonen, et kort avsnitt og en handlingsknapp. Siden din trenger Bootstrap.

Direktevisning

<div class="card" style="max-width:24rem">
  <a href="https://designerhighlightoftheday.com/nb/" target="_blank" rel="noopener"><img src="https://competition.adesignaward.com/highlight-of-the-day/today.png" class="card-img-top" alt="Dagens designer-høydepunkt med en bemerkelsesverdig designer, del av det globale designmiljøet" loading="lazy"></a>
  <div class="card-body">
    <h5 class="card-title">Dagens designer-høydepunkt</h5>
    <p class="card-text">A' Design Award fremhever en ledende designer, en stjernearkitekt, en topp kreativ eller en innovatør hver dag som Dagens designer-høydepunkt, og viser deres prestasjoner, kreative arbeid og bidrag til designverdenen.</p>
    <a href="https://designerhighlightoftheday.com/nb/" class="btn btn-danger" target="_blank" rel="noopener">Oppdag Dagens designer-høydepunkt</a>
  </div>
</div>

<div data-dotd="designerhighlightoftheday.com" data-dotd-variant="card"></div>
<script async src="https://designerhighlightoftheday.com/feature.js?lang=nb"></script>

Alternativ 3: JSON

For utviklere, apper og automatisering. JSON-en inneholder navnet, beskrivelsen, bildeadressen, lenkene og datoen. Forespørsler på tvers av domener er tillatt.

fetch("https://designerhighlightoftheday.com/feature.json?lang=nb")
  .then(function (r) { return r.json(); })
  .then(function (d) {
    // d.name, d.feature, d.paragraph, d.image, d.url, d.date ...
  });

Eksempel på svar

{
    "domain": "designerhighlightoftheday.com",
    "name": "Dagens designer-høydepunkt",
    "feature": "Dagens designer-høydepunkt",
    "paragraph": "A' Design Award fremhever en ledende designer, en stjernearkitekt, en topp kreativ eller en innovatør hver dag som Dagens designer-høydepunkt, og viser deres prestasjoner, kreative arbeid og bidrag til designverdenen.",
    "description": "Dagens designer-høydepunkt fremhever en ledende designer, en stjernearkitekt, en topp kreativ eller innovatør hver dag, og viser deres prestasjoner, kreative arbeid og bidrag til designverdenen, anerkjent av den svært prestisjetunge A' Design Award and Competition.",
    "call_to_action": "Oppdag Dagens designer-høydepunkt",
    "date": "2026-11-08",
    "language": "nb",
    "image": "https://competition.adesignaward.com/highlight-of-the-day/today.png",
    "image_alt": "Dagens designer-høydepunkt med en bemerkelsesverdig designer, del av det globale designmiljøet",
    "url": "https://designerhighlightoftheday.com/nb/",
    "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/nb/presentasjon/"
}

Godt å vite

Behold lenken rundt bildet, slik at besøkende kan oppdage hele presentasjonen.
Bruk alltid bildeadressen som vises ovenfor, og ikke lagre en kopi, slik at siden din holder seg oppdatert.
Bildet er responsivt: det blir aldri bredere enn beholderen sin.
Trenger du hjelp eller et tilpasset format? Vennligst kontakt oss.

Sponset

Oppdag prisvinnende design