Ontwerper-hoogtepunt van die Dag

Insluit Ontwerper-hoogtepunt van die Dag op jou webwerf

Ontwerper-hoogtepunt van die Dag publiseer elke dag 'n nuwe kenmerk. Die prentadres verander nooit nie, maar die prent daaragter wel, so jy voeg die kode een keer by en jou besoekers sien vandag se kenmerk outomaties.

Hoe dit werk

Elke dag word 'n nuwe prent by een vaste adres gepubliseer. Jou bladsy laai daardie adres, so dit wys altyd die huidige kenmerk, en 'n klik neem jou besoekers na Ontwerper-hoogtepunt van die Dag waar die volledige verhaal vertel word.

Verkies jy 'n skrip? Voeg een houer en een skrip by: die legstuk teken die styl wat jy kies met data-dotd-variant (image, cta of card), in die taal van die skripadres wanneer daardie taal beskikbaar is. As jy nie skrips kan uitvoer nie, gebruik die HTML-weergawe van dieselfde variant.

Variant A: slegs prent

Vandag se prent, geskakel na Ontwerper-hoogtepunt van die Dag. Die ligste opsie.

Regstreekse voorskou

<a href="https://designerhighlightoftheday.com/af/" target="_blank" rel="noopener">
  <img src="https://competition.adesignaward.com/highlight-of-the-day/today.png" alt="Ontwerper-hoogtepunt van die Dag wat 'n merkwaardige ontwerper vertoon, deel van die wêreldwye ontwerpgemeenskap" 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=af"></script>

Variant B: prent en oproep tot aksie

Vandag se prent met 'n oproep tot aksie daaronder.

Regstreekse voorskou

<a href="https://designerhighlightoftheday.com/af/" 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-hoogtepunt van die Dag wat 'n merkwaardige ontwerper vertoon, deel van die wêreldwye ontwerpgemeenskap" 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-hoogtepunt van die Dag</span>
</a>

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

Variant C: Bootstrap-kaart

'n Bootstrap-kaart met die prent, die titel van die kenmerk, 'n kort paragraaf en 'n oproep-tot-aksie-knoppie. Jou bladsy benodig Bootstrap.

Regstreekse voorskou

<div class="card" style="max-width:24rem">
  <a href="https://designerhighlightoftheday.com/af/" target="_blank" rel="noopener"><img src="https://competition.adesignaward.com/highlight-of-the-day/today.png" class="card-img-top" alt="Ontwerper-hoogtepunt van die Dag wat 'n merkwaardige ontwerper vertoon, deel van die wêreldwye ontwerpgemeenskap" loading="lazy"></a>
  <div class="card-body">
    <h5 class="card-title">Ontwerper-hoogtepunt van die Dag</h5>
    <p class="card-text">A' Design Award vertoon elke dag 'n vooraanstaande ontwerper, 'n sterargitek, 'n top-kreatiewe persoon of 'n innoveerder as die Ontwerper-hoogtepunt van die Dag, met hul prestasies, kreatiewe werk en bydraes tot die wêreld van ontwerp.</p>
    <a href="https://designerhighlightoftheday.com/af/" class="btn btn-danger" target="_blank" rel="noopener">Ontdek Ontwerper-hoogtepunt van die Dag</a>
  </div>
</div>

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

Opsie 3: JSON

Vir ontwikkelaars, toepassings en outomatisering. Die JSON bevat die naam, die beskrywing, die prentadres, die skakels en die datum. Kruisoorsprong-versoeke word toegelaat.

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

Voorbeeldantwoord

{
    "domain": "designerhighlightoftheday.com",
    "name": "Ontwerper-hoogtepunt van die Dag",
    "feature": "Ontwerper-hoogtepunt van die Dag",
    "paragraph": "A' Design Award vertoon elke dag 'n vooraanstaande ontwerper, 'n sterargitek, 'n top-kreatiewe persoon of 'n innoveerder as die Ontwerper-hoogtepunt van die Dag, met hul prestasies, kreatiewe werk en bydraes tot die wêreld van ontwerp.",
    "description": "Ontwerper-hoogtepunt van die Dag vertoon elke dag 'n vooraanstaande ontwerper, 'n sterargitek, 'n top-kreatiewe persoon of innoveerder, met hul prestasies, kreatiewe werk en bydraes tot die wêreld van ontwerp, soos erken deur die hoogs gerekende A' Design Award and Competition.",
    "call_to_action": "Ontdek Ontwerper-hoogtepunt van die Dag",
    "date": "2026-11-08",
    "language": "af",
    "image": "https://competition.adesignaward.com/highlight-of-the-day/today.png",
    "image_alt": "Ontwerper-hoogtepunt van die Dag wat 'n merkwaardige ontwerper vertoon, deel van die wêreldwye ontwerpgemeenskap",
    "url": "https://designerhighlightoftheday.com/af/",
    "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/af/kenmerk/"
}

Goed om te weet

Hou die skakel rondom die prent, sodat jou besoekers die volledige kenmerk kan ontdek.
Gebruik altyd die prentadres wat hierbo getoon word en moenie 'n kopie stoor nie, sodat jou bladsy aktueel bly.
Die prent is responsief: dit word nooit wyer as sy houer nie.
Het jy hulp nodig of wil jy 'n pasgemaakte formaat hê? Kontak ons gerus.

Geborg

Ontdek bekroonde ontwerpe