Designer-Highlight vum Dag

Abanne vum Designer-Highlight vum Dag op Ärer Websäit

Designer-Highlight vum Dag publizéiert all Dag en neit Feature. D'Bildadress ännert sech ni, mee d'Bild hannendrun ännert sech, sou dass Dir de Code just eemol derbäisetzt an Är Visiteure automatesch dat haitegt Feature gesinn.

Wéi et funktionéiert

All Dag gëtt en neit Bild op enger fester Adress publizéiert. Är Säit lued dës Adress, sou dass se ëmmer dat aktuellt Feature weist, an e Klick bréngt Är Visiteure op Designer-Highlight vum Dag, wou déi ganz Geschicht erzielt gëtt.

Léiwer e Skript? Setzt ee Container an ee Skript derbäi: de Widget zeechent de Stil, deen Dir mat data-dotd-variant wielt (image, cta oder card), an der Sprooch vun der Skriptadress wann dës Sprooch verfügbar ass. Wann Dir keng Skripte laafe loosse kënnt, benotzt d'HTML-Versioun vun der selwechter Variant.

Variant A: nëmmen d'Bild

D'Bild vun haut, verlinkt op Designer-Highlight vum Dag. Déi liichtst Optioun.

Live-Virschau

<a href="https://designerhighlightoftheday.com/lb/" target="_blank" rel="noopener">
  <img src="https://competition.adesignaward.com/highlight-of-the-day/today.png" alt="Designer-Highlight vum Dag mat engem bemierkenswäerten Designer, Deel vun der globaler Designcommunautéit" 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=lb"></script>

Variant B: Bild an Opruff zum Handelen

D'Bild vun haut mat engem Opruff zum Handelen drënner.

Live-Virschau

<a href="https://designerhighlightoftheday.com/lb/" 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-Highlight vum Dag mat engem bemierkenswäerten Designer, Deel vun der globaler Designcommunautéit" 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">Designer-Highlight vum Dag entdecken</span>
</a>

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

Variant C: Bootstrap-Kaart

Eng Bootstrap-Kaart mat dem Bild, dem Titel vum Feature, engem kuerze Paragraf an engem Opruff-zum-Handelen-Knäppchen. Är Säit brauch Bootstrap.

Live-Virschau

<div class="card" style="max-width:24rem">
  <a href="https://designerhighlightoftheday.com/lb/" target="_blank" rel="noopener"><img src="https://competition.adesignaward.com/highlight-of-the-day/today.png" class="card-img-top" alt="Designer-Highlight vum Dag mat engem bemierkenswäerten Designer, Deel vun der globaler Designcommunautéit" loading="lazy"></a>
  <div class="card-body">
    <h5 class="card-title">Designer-Highlight vum Dag</h5>
    <p class="card-text">Den A' Design Award stellt all Dag e féierende Designer, e Star-Architekt, en Top-Kreativen oder en Innovateur als Designer-Highlight vum Dag vir, mat senge Leeschtungen, kreativer Aarbecht an de Bäiträg fir d'Welt vum Design.</p>
    <a href="https://designerhighlightoftheday.com/lb/" class="btn btn-danger" target="_blank" rel="noopener">Designer-Highlight vum Dag entdecken</a>
  </div>
</div>

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

Optioun 3: JSON

Fir Entwéckler, Appen an Automatiséierung. De JSON enthält den Numm, d'Beschreiwung, d'Bildadress, d'Linken an den Datum. Cross-Origin-Ufroe si erlaabt.

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

Beispill-Äntwert

{
    "domain": "designerhighlightoftheday.com",
    "name": "Designer-Highlight vum Dag",
    "feature": "Designer-Highlight vum Dag",
    "paragraph": "Den A' Design Award stellt all Dag e féierende Designer, e Star-Architekt, en Top-Kreativen oder en Innovateur als Designer-Highlight vum Dag vir, mat senge Leeschtungen, kreativer Aarbecht an de Bäiträg fir d'Welt vum Design.",
    "description": "Designer-Highlight vum Dag stellt all Dag e féierende Designer, e Star-Architekt, en Top-Kreativen oder en Innovateur vir, mat senge Leeschtungen, kreativer Aarbecht an de Bäiträg fir d'Welt vum Design, unerkannt vum héichprestigiéisen A' Design Award and Competition.",
    "call_to_action": "Designer-Highlight vum Dag entdecken",
    "date": "2026-11-08",
    "language": "lb",
    "image": "https://competition.adesignaward.com/highlight-of-the-day/today.png",
    "image_alt": "Designer-Highlight vum Dag mat engem bemierkenswäerten Designer, Deel vun der globaler Designcommunautéit",
    "url": "https://designerhighlightoftheday.com/lb/",
    "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/lb/feature/"
}

Gutt ze wëssen

Loosst de Link ronderëm d'Bild, sou dass Är Visiteure dat ganzt Feature entdecke kënnen.
Benotzt ëmmer d'Bildadress, déi uewen ugewise gëtt, a späichert keng Kopie, sou dass Är Säit aktuell bleift.
D'Bild ass responsiv: et gëtt ni méi breet wéi säi Container.
Braucht Dir Hëllef oder e personaliséierte Format? Kontaktéiert eis w.e.g.

Gesponsert

Entdeckt prämméiert Designen