Osobnosť dizajnu dňa

Vložte Osobnosť dizajnu dňa na svoju webovú stránku

Osobnosť dizajnu dňa zverejňuje každý deň nový príspevok. Adresa obrázka sa nemení, ale obrázok za ňou áno – kód pridáte raz a vaši návštevníci automaticky vidia dnešný príspevok.

Ako to funguje

Každý deň sa na jednej stálej adrese zverejní nový obrázok. Vaša stránka načíta túto adresu, takže vždy zobrazuje aktuálny príspevok, a kliknutím sa návštevníci dostanú na Osobnosť dizajnu dňa, kde nájdu celý príbeh.

Uprednostňujete skript? Pridajte jeden kontajner a jeden skript: widget vykreslí štýl, ktorý zvolíte pomocou data-dotd-variant (image, cta alebo card), v jazyku adresy skriptu, ak je daný jazyk dostupný. Ak nemôžete spúšťať skripty, použite HTML verziu rovnakého variantu.

Variant A: iba obrázok

Dnešný obrázok s odkazom na Osobnosť dizajnu dňa. Najľahšia možnosť.

Živý náhľad

<a href="https://designerhighlightoftheday.com/sk/" target="_blank" rel="noopener">
  <img src="https://competition.adesignaward.com/highlight-of-the-day/today.png" alt="Osobnosť dizajnu dňa predstavujúca výnimočného dizajnéra, súčasť globálnej dizajnérskej komunity" 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=sk"></script>

Variant B: obrázok a výzva na akciu

Dnešný obrázok s výzvou na akciu pod ním.

Živý náhľad

<a href="https://designerhighlightoftheday.com/sk/" 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="Osobnosť dizajnu dňa predstavujúca výnimočného dizajnéra, súčasť globálnej dizajnérskej komunity" 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">Objavte Osobnosť dizajnu dňa</span>
</a>

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

Variant C: Bootstrap karta

Bootstrap karta s obrázkom, názvom príspevku, krátkym odstavcom a tlačidlom s výzvou na akciu. Vaša stránka potrebuje Bootstrap.

Živý náhľad

<div class="card" style="max-width:24rem">
  <a href="https://designerhighlightoftheday.com/sk/" target="_blank" rel="noopener"><img src="https://competition.adesignaward.com/highlight-of-the-day/today.png" class="card-img-top" alt="Osobnosť dizajnu dňa predstavujúca výnimočného dizajnéra, súčasť globálnej dizajnérskej komunity" loading="lazy"></a>
  <div class="card-body">
    <h5 class="card-title">Osobnosť dizajnu dňa</h5>
    <p class="card-text">Ocenenie A' Design Award každý deň vyzdvihuje popredného dizajnéra, hviezdneho architekta, špičkového kreatívca alebo inovátora ako Osobnosť dizajnu dňa, pričom prezentuje ich úspechy, tvorivú prácu a prínos pre svet dizajnu.</p>
    <a href="https://designerhighlightoftheday.com/sk/" class="btn btn-danger" target="_blank" rel="noopener">Objavte Osobnosť dizajnu dňa</a>
  </div>
</div>

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

Možnosť 3: JSON

Pre vývojárov, aplikácie a automatizáciu. JSON obsahuje názov, popis, adresu obrázka, odkazy a dátum. Požiadavky z iných domén sú povolené.

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

Príklad odpovede

{
    "domain": "designerhighlightoftheday.com",
    "name": "Osobnosť dizajnu dňa",
    "feature": "Osobnosť dizajnu dňa",
    "paragraph": "Ocenenie A' Design Award každý deň vyzdvihuje popredného dizajnéra, hviezdneho architekta, špičkového kreatívca alebo inovátora ako Osobnosť dizajnu dňa, pričom prezentuje ich úspechy, tvorivú prácu a prínos pre svet dizajnu.",
    "description": "Osobnosť dizajnu dňa každý deň vyzdvihuje popredného dizajnéra, hviezdneho architekta, špičkového kreatívca alebo inovátora, prezentuje ich úspechy, tvorivú prácu a prínos pre svet dizajnu, uznaný vysoko prestížnou súťažou A' Design Award and Competition.",
    "call_to_action": "Objavte Osobnosť dizajnu dňa",
    "date": "2026-11-08",
    "language": "sk",
    "image": "https://competition.adesignaward.com/highlight-of-the-day/today.png",
    "image_alt": "Osobnosť dizajnu dňa predstavujúca výnimočného dizajnéra, súčasť globálnej dizajnérskej komunity",
    "url": "https://designerhighlightoftheday.com/sk/",
    "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/sk/vlozenie/"
}

Dobré vedieť

Ponechajte odkaz okolo obrázka, aby vaši návštevníci mohli objaviť celý príspevok.
Vždy použite adresu obrázka uvedenú vyššie a neukladajte si kópiu, aby vaša stránka zostala aktuálna.
Obrázok je responzívny: nikdy nie je širší ako jeho kontajner.
Potrebujete pomoc alebo vlastný formát? Kontaktujte nás.

Sponzorované

Objavte ocenené dizajny