Designtrend des Tages
Einbetten: Designtrend des Tages auf Ihrer Website
Designtrend 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 Designtrend 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 Designtrend des Tages. Die leichteste Option.
Live-Vorschau
<a href="https://designtrendoftheday.com/de/" target="_blank" rel="noopener">
<img src="https://competition.adesignaward.com/design-trend-of-the-day/today.png" alt="Designtrend des Tages mit einer Visualisierung aufkommender Strömungen, die die Zukunft des Designs prägen" loading="lazy" style="max-width:100%;height:auto">
</a><div data-dotd="designtrendoftheday.com" data-dotd-variant="image"></div>
<script async src="https://designtrendoftheday.com/feature.js?lang=de"></script>Variante B: Bild und Handlungsaufforderung
Das heutige Bild mit einer Handlungsaufforderung darunter.
Live-Vorschau
<a href="https://designtrendoftheday.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/design-trend-of-the-day/today.png" alt="Designtrend des Tages mit einer Visualisierung aufkommender Strömungen, die die Zukunft des Designs prägen" 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">Designtrend des Tages entdecken</span>
</a><div data-dotd="designtrendoftheday.com" data-dotd-variant="cta"></div>
<script async src="https://designtrendoftheday.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://designtrendoftheday.com/de/" target="_blank" rel="noopener"><img src="https://competition.adesignaward.com/design-trend-of-the-day/today.png" class="card-img-top" alt="Designtrend des Tages mit einer Visualisierung aufkommender Strömungen, die die Zukunft des Designs prägen" loading="lazy"></a>
<div class="card-body">
<h5 class="card-title">Designtrend des Tages</h5>
<p class="card-text">A' Design Award beleuchtet jeden Tag einen originellen Designtrend als Designtrend des Tages und präsentiert aufkommende Stile, ästhetischen Wandel und neue kreative Richtungen, die die Gestaltung von Produkten, Projekten und Erlebnissen beeinflussen.</p>
<a href="https://designtrendoftheday.com/de/" class="btn btn-danger" target="_blank" rel="noopener">Designtrend des Tages entdecken</a>
</div>
</div><div data-dotd="designtrendoftheday.com" data-dotd-variant="card"></div>
<script async src="https://designtrendoftheday.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://designtrendoftheday.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": "designtrendoftheday.com",
"name": "Designtrend des Tages",
"feature": "Designtrend des Tages",
"paragraph": "A' Design Award beleuchtet jeden Tag einen originellen Designtrend als Designtrend des Tages und präsentiert aufkommende Stile, ästhetischen Wandel und neue kreative Richtungen, die die Gestaltung von Produkten, Projekten und Erlebnissen beeinflussen.",
"description": "Designtrend des Tages beleuchtet jeden Tag einen originellen Designtrend und präsentiert aufkommende Stile, ästhetischen Wandel, neue kreative Richtungen und innovative Ansätze, die die Gestaltung von Produkten, Projekten und Erlebnissen beeinflussen und vom äußerst renommierten A' Design Award and Competition gewürdigt wurden.",
"call_to_action": "Designtrend des Tages entdecken",
"date": "2026-11-08",
"language": "de",
"image": "https://competition.adesignaward.com/design-trend-of-the-day/today.png",
"image_alt": "Designtrend des Tages mit einer Visualisierung aufkommender Strömungen, die die Zukunft des Designs prägen",
"url": "https://designtrendoftheday.com/de/",
"feature_url": "https://competition.adesignaward.com/design-trend-of-the-day.html",
"registry_url": "https://competition.adesignaward.com/design-trends-of-the-days.php",
"embed_url": "https://designtrendoftheday.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.