Designteam des Tages
Einbetten: Designteam des Tages auf Ihrer Website
Designteam 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 Designteam 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 Designteam des Tages. Die leichteste Option.
Live-Vorschau
<a href="https://designteamoftheday.com/de/" target="_blank" rel="noopener">
<img src="https://competition.adesignaward.com/design-team-of-the-day/today.png" alt="Preisgekröntes Designteam des Tages bei der gemeinsamen Arbeit an innovativen Projekten" loading="lazy" style="max-width:100%;height:auto">
</a><div data-dotd="designteamoftheday.com" data-dotd-variant="image"></div>
<script async src="https://designteamoftheday.com/feature.js?lang=de"></script>Variante B: Bild und Handlungsaufforderung
Das heutige Bild mit einer Handlungsaufforderung darunter.
Live-Vorschau
<a href="https://designteamoftheday.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-team-of-the-day/today.png" alt="Preisgekröntes Designteam des Tages bei der gemeinsamen Arbeit an innovativen Projekten" 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">Designteam des Tages entdecken</span>
</a><div data-dotd="designteamoftheday.com" data-dotd-variant="cta"></div>
<script async src="https://designteamoftheday.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://designteamoftheday.com/de/" target="_blank" rel="noopener"><img src="https://competition.adesignaward.com/design-team-of-the-day/today.png" class="card-img-top" alt="Preisgekröntes Designteam des Tages bei der gemeinsamen Arbeit an innovativen Projekten" loading="lazy"></a>
<div class="card-body">
<h5 class="card-title">Designteam des Tages</h5>
<p class="card-text">A' Design Award würdigt die kreativen Teams hinter außergewöhnlichen Design-, Architektur- und Innovationsprojekten als Designteam des Tages und stellt führende Studios vor, die durch ihre Zusammenarbeit, gemeinsame Vision und Fachkompetenz herausragen.</p>
<a href="https://designteamoftheday.com/de/" class="btn btn-danger" target="_blank" rel="noopener">Designteam des Tages entdecken</a>
</div>
</div><div data-dotd="designteamoftheday.com" data-dotd-variant="card"></div>
<script async src="https://designteamoftheday.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://designteamoftheday.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": "designteamoftheday.com",
"name": "Designteam des Tages",
"feature": "Designteam des Tages",
"paragraph": "A' Design Award würdigt die kreativen Teams hinter außergewöhnlichen Design-, Architektur- und Innovationsprojekten als Designteam des Tages und stellt führende Studios vor, die durch ihre Zusammenarbeit, gemeinsame Vision und Fachkompetenz herausragen.",
"description": "Designteam des Tages würdigt die kreativen Teams hinter außergewöhnlichen Design-, Architektur- und Innovationsprojekten und stellt Designer von Weltrang, Stararchitekten und führende Designteams aus aller Welt vor, deren Zusammenarbeit, gemeinsame Vision und Fachkompetenz vom äußerst renommierten A' Design Award and Competition gewürdigt wurden.",
"call_to_action": "Designteam des Tages entdecken",
"date": "2026-11-08",
"language": "de",
"image": "https://competition.adesignaward.com/design-team-of-the-day/today.png",
"image_alt": "Preisgekröntes Designteam des Tages bei der gemeinsamen Arbeit an innovativen Projekten",
"url": "https://designteamoftheday.com/de/",
"feature_url": "https://competition.adesignaward.com/design-team-of-the-day.html",
"registry_url": "https://competition.adesignaward.com/design-teams-of-the-days.php",
"embed_url": "https://designteamoftheday.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.