Designer-Highlight des Tages

Einbetten: Designer-Highlight des Tages auf Ihrer Website

Designer-Highlight des Tages veröffentlicht jeden Tag einen neuen Beitrag. Die Bildadresse bleibt immer gleich, doch das Bild dahinter wechselt – Sie fügen den Code einmal ein, und Ihre Besucher sehen automatisch den aktuellen Beitrag.

So funktioniert es

Jeden Tag wird ein neues Bild unter einer festen Adresse veröffentlicht. Ihre Seite lädt diese Adresse, zeigt also immer den aktuellen Beitrag, und ein Klick führt Ihre Besucher zu Designer-Highlight des Tages, wo die vollständige Geschichte erzählt wird.

Lieber ein Skript? Fügen Sie einen Container und ein Skript hinzu: Das Widget zeichnet die Variante, die Sie mit data-dotd-variant wählen (image, cta oder card), in der Sprache der Skriptadresse, sofern diese Sprache verfügbar ist. Falls Sie keine Skripte ausführen können, verwenden Sie die HTML-Version derselben Variante.

Variante A: nur Bild

Das heutige Bild, verlinkt mit Designer-Highlight des Tages. Die leichteste Option.

Live-Vorschau

<a href="https://designerhighlightoftheday.com/de/" target="_blank" rel="noopener">
  <img src="https://competition.adesignaward.com/highlight-of-the-day/today.png" alt="Designer-Highlight des Tages mit einem bemerkenswerten Designer aus der weltweiten Designgemeinschaft" 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=de"></script>

Variante B: Bild und Handlungsaufforderung

Das heutige Bild mit einer Handlungsaufforderung darunter.

Live-Vorschau

<a href="https://designerhighlightoftheday.com/de/" 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 des Tages mit einem bemerkenswerten Designer aus der weltweiten Designgemeinschaft" 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 des Tages entdecken</span>
</a>

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

Variante C: Bootstrap-Karte

Eine Bootstrap-Karte mit dem Bild, dem Titel des Beitrags, einem kurzen Absatz und einem Aktionsbutton. Ihre Seite benötigt Bootstrap.

Live-Vorschau

<div class="card" style="max-width:24rem">
  <a href="https://designerhighlightoftheday.com/de/" target="_blank" rel="noopener"><img src="https://competition.adesignaward.com/highlight-of-the-day/today.png" class="card-img-top" alt="Designer-Highlight des Tages mit einem bemerkenswerten Designer aus der weltweiten Designgemeinschaft" loading="lazy"></a>
  <div class="card-body">
    <h5 class="card-title">Designer-Highlight des Tages</h5>
    <p class="card-text">A' Design Award stellt jeden Tag einen führenden Designer, einen Stararchitekten, einen herausragenden Kreativen oder einen Innovator als Designer-Highlight des Tages vor und präsentiert ihre Erfolge, kreativen Arbeiten und Beiträge zur Welt des Designs.</p>
    <a href="https://designerhighlightoftheday.com/de/" class="btn btn-danger" target="_blank" rel="noopener">Designer-Highlight des Tages entdecken</a>
  </div>
</div>

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

Option 3: JSON

Für Entwickler, Apps und Automatisierung. Das JSON enthält den Namen, die Beschreibung, die Bildadresse, die Links und das Datum. Cross-Origin-Anfragen sind erlaubt.

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

Beispielantwort

{
    "domain": "designerhighlightoftheday.com",
    "name": "Designer-Highlight des Tages",
    "feature": "Designer-Highlight des Tages",
    "paragraph": "A' Design Award stellt jeden Tag einen führenden Designer, einen Stararchitekten, einen herausragenden Kreativen oder einen Innovator als Designer-Highlight des Tages vor und präsentiert ihre Erfolge, kreativen Arbeiten und Beiträge zur Welt des Designs.",
    "description": "Designer-Highlight des Tages stellt jeden Tag einen führenden Designer, einen Stararchitekten, einen herausragenden Kreativen oder Innovator vor und präsentiert ihre Erfolge, kreativen Arbeiten und Beiträge zur Welt des Designs, die vom äußerst renommierten A' Design Award and Competition gewürdigt wurden.",
    "call_to_action": "Designer-Highlight des Tages entdecken",
    "date": "2026-11-08",
    "language": "de",
    "image": "https://competition.adesignaward.com/highlight-of-the-day/today.png",
    "image_alt": "Designer-Highlight des Tages mit einem bemerkenswerten Designer aus der weltweiten Designgemeinschaft",
    "url": "https://designerhighlightoftheday.com/de/",
    "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/de/einbetten/"
}

Gut zu wissen

Behalten Sie den Link um das Bild bei, damit Ihre Besucher den vollständigen Beitrag entdecken können.
Verwenden Sie immer die oben gezeigte Bildadresse und speichern Sie keine Kopie, damit Ihre Seite aktuell bleibt.
Das Bild ist responsiv: Es wird nie breiter als sein Container.
Brauchen Sie Hilfe oder ein individuelles Format? Bitte kontaktieren Sie uns.

Gesponsert

Preisgekrönte Designs entdecken