De Designlegende
Integreer Designlegende van de Dag op uw website
De Designlegende 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 De Designlegende 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 De Designlegende. De lichtste optie.
Live voorbeeld
<a href="https://thedesignlegend.com/nl/" target="_blank" rel="noopener">
<img src="https://competition.adesignaward.com/design-legend-of-the-day/today.png" alt="Designlegende van de Dag – terugblik op levenslange prestaties in 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=nl"></script>Variant B: afbeelding en call-to-action
De afbeelding van vandaag met daaronder een call-to-action.
Live voorbeeld
<a href="https://thedesignlegend.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/design-legend-of-the-day/today.png" alt="Designlegende van de Dag – terugblik op levenslange prestaties in 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">Ontdek Designlegende van de Dag</span>
</a><div data-dotd="thedesignlegend.com" data-dotd-variant="cta"></div>
<script async src="https://thedesignlegend.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://thedesignlegend.com/nl/" target="_blank" rel="noopener"><img src="https://competition.adesignaward.com/design-legend-of-the-day/today.png" class="card-img-top" alt="Designlegende van de Dag – terugblik op levenslange prestaties in design" loading="lazy"></a>
<div class="card-body">
<h5 class="card-title">Designlegende van de Dag</h5>
<p class="card-text">A' Design Award eert een invloedrijke ontwerper of architect van wereldklasse wiens uitzonderlijke carrière, iconische creaties en baanbrekende ideeën de geschiedenis en ontwikkeling van design hebben gevormd, als de Designlegende van de Dag.</p>
<a href="https://thedesignlegend.com/nl/" class="btn btn-danger" target="_blank" rel="noopener">Ontdek Designlegende van de Dag</a>
</div>
</div><div data-dotd="thedesignlegend.com" data-dotd-variant="card"></div>
<script async src="https://thedesignlegend.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://thedesignlegend.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": "thedesignlegend.com",
"name": "De Designlegende",
"feature": "Designlegende van de Dag",
"paragraph": "A' Design Award eert een invloedrijke ontwerper of architect van wereldklasse wiens uitzonderlijke carrière, iconische creaties en baanbrekende ideeën de geschiedenis en ontwikkeling van design hebben gevormd, als de Designlegende van de Dag.",
"description": "De Designlegende eert invloedrijke ontwerpers en architecten van wereldklasse wier uitzonderlijke carrières, iconische creaties, baanbrekende ideeën en blijvende bijdragen de geschiedenis en ontwikkeling van design hebben gevormd, met aandacht voor de creatieve mensen en prestaties erkend door de zeer prestigieuze A' Design Award and Competition.",
"call_to_action": "Ontdek Designlegende van de Dag",
"date": "2026-11-08",
"language": "nl",
"image": "https://competition.adesignaward.com/design-legend-of-the-day/today.png",
"image_alt": "Designlegende van de Dag – terugblik op levenslange prestaties in design",
"url": "https://thedesignlegend.com/nl/",
"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/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.