Ontwerper in de Kijker van de Dag

Integreer Ontwerper in de Kijker van de Dag op uw website

Ontwerper in de Kijker van de Dag publiceert elke dag een nieuw item. Het afbeeldingsadres verandert nooit, maar de afbeelding erachter wel, dus u voegt de code eenmalig toe en uw bezoekers zien automatisch het item van vandaag.

Hoe het werkt

Elke dag wordt een nieuwe afbeelding op één vast adres gepubliceerd. Uw pagina laadt dat adres, zodat altijd het actuele item wordt getoond, en een klik brengt uw bezoekers naar Ontwerper in de Kijker van de Dag waar het volledige verhaal te lezen is.

Liever een script? Voeg één container en één script toe: de widget tekent de stijl die u kiest met data-dotd-variant (image, cta of card), in de taal van het scriptadres wanneer die taal beschikbaar is. Als u geen scripts kunt uitvoeren, gebruik dan de HTML-versie van dezelfde variant.

Variant A: alleen afbeelding

De afbeelding van vandaag, gelinkt naar Ontwerper in de Kijker van de Dag. De lichtste optie.

Live voorbeeld

<a href="https://designerhighlightoftheday.com/nl/" target="_blank" rel="noopener">
  <img src="https://competition.adesignaward.com/highlight-of-the-day/today.png" alt="Ontwerper in de Kijker van de Dag met een opmerkelijke ontwerper, onderdeel van de wereldwijde designgemeenschap" 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=nl"></script>

Variant B: afbeelding en call-to-action

De afbeelding van vandaag met daaronder een call-to-action.

Live voorbeeld

<a href="https://designerhighlightoftheday.com/nl/" 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="Ontwerper in de Kijker van de Dag met een opmerkelijke ontwerper, onderdeel van de wereldwijde designgemeenschap" 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">Ontdek Ontwerper in de Kijker van de Dag</span>
</a>

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

Variant C: Bootstrap-card

Een Bootstrap-card met de afbeelding, de titel van het item, een korte alinea en een call-to-action-knop. Uw pagina heeft Bootstrap nodig.

Live voorbeeld

<div class="card" style="max-width:24rem">
  <a href="https://designerhighlightoftheday.com/nl/" target="_blank" rel="noopener"><img src="https://competition.adesignaward.com/highlight-of-the-day/today.png" class="card-img-top" alt="Ontwerper in de Kijker van de Dag met een opmerkelijke ontwerper, onderdeel van de wereldwijde designgemeenschap" loading="lazy"></a>
  <div class="card-body">
    <h5 class="card-title">Ontwerper in de Kijker van de Dag</h5>
    <p class="card-text">A' Design Award zet elke dag een toonaangevende ontwerper, een sterarchitect, een topcreatiefling of een innovator in de schijnwerpers als de Ontwerper in de Kijker van de Dag, met aandacht voor hun prestaties, creatief werk en bijdragen aan de wereld van design.</p>
    <a href="https://designerhighlightoftheday.com/nl/" class="btn btn-danger" target="_blank" rel="noopener">Ontdek Ontwerper in de Kijker van de Dag</a>
  </div>
</div>

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

Optie 3: JSON

Voor ontwikkelaars, apps en automatisering. De JSON bevat de naam, de beschrijving, het afbeeldingsadres, de links en de datum. Cross-origin-verzoeken zijn toegestaan.

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

Voorbeeldrespons

{
    "domain": "designerhighlightoftheday.com",
    "name": "Ontwerper in de Kijker van de Dag",
    "feature": "Ontwerper in de Kijker van de Dag",
    "paragraph": "A' Design Award zet elke dag een toonaangevende ontwerper, een sterarchitect, een topcreatiefling of een innovator in de schijnwerpers als de Ontwerper in de Kijker van de Dag, met aandacht voor hun prestaties, creatief werk en bijdragen aan de wereld van design.",
    "description": "Ontwerper in de Kijker van de Dag zet elke dag een toonaangevende ontwerper, een sterarchitect, een topcreatiefling of innovator in de schijnwerpers, met aandacht voor hun prestaties, creatief werk en bijdragen aan de wereld van design, erkend door de zeer prestigieuze A' Design Award and Competition.",
    "call_to_action": "Ontdek Ontwerper in de Kijker van de Dag",
    "date": "2026-11-08",
    "language": "nl",
    "image": "https://competition.adesignaward.com/highlight-of-the-day/today.png",
    "image_alt": "Ontwerper in de Kijker van de Dag met een opmerkelijke ontwerper, onderdeel van de wereldwijde designgemeenschap",
    "url": "https://designerhighlightoftheday.com/nl/",
    "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/nl/uitlichten/"
}

Goed om te weten

Behoud de link rond de afbeelding, zodat uw bezoekers het volledige item kunnen ontdekken.
Gebruik altijd het hierboven getoonde afbeeldingsadres en sla geen kopie op, zodat uw pagina actueel blijft.
De afbeelding is responsief: hij wordt nooit breder dan zijn container.
Hulp nodig of een aangepast formaat gewenst? Neem contact met ons op.

Gesponsord

Ontdek bekroonde ontwerpen