Designová myšlenka dne
Vložte Designová myšlenka dne na svůj web
Designová myšlenka dne každý den publikuje nový článek. Adresa obrázku se nemění, ale obrázek za ní ano – kód tedy vložíte pouze jednou a vaši návštěvníci automaticky vidí dnešní článek.
Jak to funguje
Každý den se na jedné stálé adrese objeví nový obrázek. Vaše stránka načte tuto adresu, takže vždy zobrazuje aktuální článek, a kliknutím se návštěvníci dostanou na Designová myšlenka dne, kde najdou celý příběh.
Dáváte přednost skriptu? Přidejte jeden kontejner a jeden skript: widget vykreslí styl, který zvolíte pomocí data-dotd-variant (image, cta nebo card), v jazyce adresy skriptu, pokud je daný jazyk k dispozici. Pokud nemůžete spouštět skripty, použijte HTML verzi stejné varianty.
Varianta A: pouze obrázek
Dnešní obrázek s odkazem na Designová myšlenka dne. Nejlehčí varianta.
Živý náhled
<a href="https://designideaoftheday.com/cs/" target="_blank" rel="noopener">
<img src="https://competition.adesignaward.com/design-idea-of-the-day/today.png" alt="Designová myšlenka dne představující inovativní koncept posouvající hranice kreativity" loading="lazy" style="max-width:100%;height:auto">
</a><div data-dotd="designideaoftheday.com" data-dotd-variant="image"></div>
<script async src="https://designideaoftheday.com/feature.js?lang=cs"></script>Varianta B: obrázek a výzva k akci
Dnešní obrázek s výzvou k akci pod ním.
Živý náhled
<a href="https://designideaoftheday.com/cs/" 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-idea-of-the-day/today.png" alt="Designová myšlenka dne představující inovativní koncept posouvající hranice kreativity" 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">Objevte Designovou myšlenku dne</span>
</a><div data-dotd="designideaoftheday.com" data-dotd-variant="cta"></div>
<script async src="https://designideaoftheday.com/feature.js?lang=cs"></script>Varianta C: Bootstrap karta
Bootstrap karta s obrázkem, názvem článku, krátkým odstavcem a tlačítkem s výzvou k akci. Vaše stránka potřebuje Bootstrap.
Živý náhled
<div class="card" style="max-width:24rem">
<a href="https://designideaoftheday.com/cs/" target="_blank" rel="noopener"><img src="https://competition.adesignaward.com/design-idea-of-the-day/today.png" class="card-img-top" alt="Designová myšlenka dne představující inovativní koncept posouvající hranice kreativity" loading="lazy"></a>
<div class="card-body">
<h5 class="card-title">Designová myšlenka dne</h5>
<p class="card-text">A' Design Award každý den představuje velmi inovativní designovou myšlenku nebo vysoce kreativní koncept jako Designovou myšlenku dne a zkoumá originální uvažování, praktická řešení a inspirativní přístupy k designové excelenci.</p>
<a href="https://designideaoftheday.com/cs/" class="btn btn-danger" target="_blank" rel="noopener">Objevte Designovou myšlenku dne</a>
</div>
</div><div data-dotd="designideaoftheday.com" data-dotd-variant="card"></div>
<script async src="https://designideaoftheday.com/feature.js?lang=cs"></script>Možnost 3: JSON
Pro vývojáře, aplikace a automatizaci. JSON obsahuje název, popis, adresu obrázku, odkazy a datum. Cross-origin požadavky jsou povoleny.
fetch("https://designideaoftheday.com/feature.json?lang=cs")
.then(function (r) { return r.json(); })
.then(function (d) {
// d.name, d.feature, d.paragraph, d.image, d.url, d.date ...
});Příklad odpovědi
{
"domain": "designideaoftheday.com",
"name": "Designová myšlenka dne",
"feature": "Designová myšlenka dne",
"paragraph": "A' Design Award každý den představuje velmi inovativní designovou myšlenku nebo vysoce kreativní koncept jako Designovou myšlenku dne a zkoumá originální uvažování, praktická řešení a inspirativní přístupy k designové excelenci.",
"description": "Designová myšlenka dne každý den představuje velmi inovativní designovou myšlenku nebo vysoce kreativní koncept a zkoumá originální uvažování, praktická řešení a inspirativní přístupy ke globální designové excelenci, vybrané vysoce prestižní soutěží A' Design Award and Competition.",
"call_to_action": "Objevte Designovou myšlenku dne",
"date": "2026-11-08",
"language": "cs",
"image": "https://competition.adesignaward.com/design-idea-of-the-day/today.png",
"image_alt": "Designová myšlenka dne představující inovativní koncept posouvající hranice kreativity",
"url": "https://designideaoftheday.com/cs/",
"feature_url": "https://competition.adesignaward.com/design-idea-of-the-day.html",
"registry_url": "https://competition.adesignaward.com/design-ideas-of-the-days.php",
"embed_url": "https://designideaoftheday.com/cs/vlozeni/"
}Dobré vědět
- Ponechte odkaz kolem obrázku, aby vaši návštěvníci mohli objevit celý článek.
- Vždy používejte výše uvedenou adresu obrázku a neukládejte si kopii, aby vaše stránka zůstala aktuální.
- Obrázek je responzivní: nikdy se neroztáhne nad šířku svého kontejneru.
- Potřebujete pomoc nebo vlastní formát? Kontaktujte nás.