Päeva disaineri esiletõste

Manusta Päeva disaineri esiletõste oma veebilehele

Päeva disaineri esiletõste avaldab iga päev uue esiletõstu. Pildi aadress ei muutu kunagi, kuid pilt selle taga muutub – nii lisad koodi ühe korra ja sinu külastajad näevad automaatselt tänast esiletõstu.

Kuidas see töötab

Iga päev avaldatakse uus pilt ühel ja samal aadressil. Sinu leht laadib selle aadressi, nii et alati kuvatakse praegune esiletõst, ning klõps viib külastajad lehele Päeva disaineri esiletõste, kus kogu lugu on jutustatud.

Eelistad skripti? Lisa üks konteiner ja üks skript: vidin kuvab stiili, mille valid atribuudiga data-dotd-variant (image, cta või card), skripti aadressi keeles, kui see keel on saadaval. Kui skripte käivitada ei saa, kasuta sama variandi HTML-versiooni.

Variant A: ainult pilt

Tänane pilt, lingitud lehele Päeva disaineri esiletõste. Kõige kergekaalulisem valik.

Reaalajas eelvaade

<a href="https://designerhighlightoftheday.com/et/" target="_blank" rel="noopener">
  <img src="https://competition.adesignaward.com/highlight-of-the-day/today.png" alt="Päeva disaineri esiletõste, mis tutvustab silmapaistvat disainerit ülemaailmsest disainikogukonnast" 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=et"></script>

Variant B: pilt ja tegevusüleskutse

Tänane pilt koos tegevusüleskutsega selle all.

Reaalajas eelvaade

<a href="https://designerhighlightoftheday.com/et/" 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="Päeva disaineri esiletõste, mis tutvustab silmapaistvat disainerit ülemaailmsest disainikogukonnast" 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">Avasta Päeva disaineri esiletõste</span>
</a>

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

Variant C: Bootstrap-kaart

Bootstrap-kaart pildi, esiletõstu pealkirja, lühikese lõigu ja tegevusüleskutse nupuga. Sinu leht vajab Bootstrap'i.

Reaalajas eelvaade

<div class="card" style="max-width:24rem">
  <a href="https://designerhighlightoftheday.com/et/" target="_blank" rel="noopener"><img src="https://competition.adesignaward.com/highlight-of-the-day/today.png" class="card-img-top" alt="Päeva disaineri esiletõste, mis tutvustab silmapaistvat disainerit ülemaailmsest disainikogukonnast" loading="lazy"></a>
  <div class="card-body">
    <h5 class="card-title">Päeva disaineri esiletõste</h5>
    <p class="card-text">A' Design Award toob iga päev esile juhtiva disaineri, staararhitekti, tipplooja või innovaatori kui Päeva disaineri esiletõste, tutvustades nende saavutusi, loomingulist tööd ja panust disainimaailma.</p>
    <a href="https://designerhighlightoftheday.com/et/" class="btn btn-danger" target="_blank" rel="noopener">Avasta Päeva disaineri esiletõste</a>
  </div>
</div>

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

Valik 3: JSON

Arendajatele, rakendustele ja automatiseerimiseks. JSON sisaldab nime, kirjeldust, pildi aadressi, linke ja kuupäeva. Päritoluülesed päringud on lubatud.

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

Näidisvastus

{
    "domain": "designerhighlightoftheday.com",
    "name": "Päeva disaineri esiletõste",
    "feature": "Päeva disaineri esiletõste",
    "paragraph": "A' Design Award toob iga päev esile juhtiva disaineri, staararhitekti, tipplooja või innovaatori kui Päeva disaineri esiletõste, tutvustades nende saavutusi, loomingulist tööd ja panust disainimaailma.",
    "description": "Päeva disaineri esiletõste toob iga päev esile juhtiva disaineri, staararhitekti, tipplooja või innovaatori, tutvustades nende saavutusi, loomingulist tööd ja panust disainimaailma, nagu tunnustab maineka A' Design Award and Competition.",
    "call_to_action": "Avasta Päeva disaineri esiletõste",
    "date": "2026-11-08",
    "language": "et",
    "image": "https://competition.adesignaward.com/highlight-of-the-day/today.png",
    "image_alt": "Päeva disaineri esiletõste, mis tutvustab silmapaistvat disainerit ülemaailmsest disainikogukonnast",
    "url": "https://designerhighlightoftheday.com/et/",
    "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/et/manustamine/"
}

Kasulik teada

Jäta link pildi ümber alles, et külastajad saaksid avastada kogu esiletõstu.
Kasuta alati ülal näidatud pildi aadressi ega salvesta koopiat, nii püsib sinu leht ajakohane.
Pilt on responsiivne: see ei kasva kunagi laiemaks kui selle konteiner.
Vajad abi või kohandatud vormingut? Palun võta meiega ühendust.

Sponsoreeritud

Avasta auhinnatud disainilahendusi