Päivän haastattelu
Upota Päivän muotoiluhaastattelu verkkosivullesi
Päivän haastattelu julkaisee uuden esittelyn joka päivä. Kuvan osoite pysyy samana, mutta sen takana oleva kuva vaihtuu – sinun tarvitsee lisätä koodi vain kerran, ja kävijäsi näkevät aina päivän esittelyn automaattisesti.
Näin se toimii
Joka päivä uusi kuva julkaistaan yhdessä kiinteässä osoitteessa. Sivusi lataa kyseisen osoitteen, joten se näyttää aina ajankohtaisen esittelyn, ja klikkaus vie kävijäsi Päivän haastattelu-sivustolle, jossa koko tarina kerrotaan.
Haluatko käyttää skriptiä? Lisää yksi säiliöelementti ja yksi skripti: widget piirtää valitsemasi tyylin data-dotd-variant-attribuutilla (image, cta tai card) skriptiosoitteen kielellä, kun kyseinen kieli on saatavilla. Jos et voi käyttää skriptejä, käytä saman vaihtoehdon HTML-versiota.
Vaihtoehto A: pelkkä kuva
Päivän kuva, linkitettynä Päivän haastattelu-sivustolle. Kevyin vaihtoehto.
Live-esikatselu
<a href="https://interviewoftheday.com/fi/" target="_blank" rel="noopener">
<img src="https://competition.adesignaward.com/design-interview-of-the-day/today.png" alt="Päivän muotoiluhaastattelu esittelee syvällisen keskustelun alan johtohahmon kanssa" loading="lazy" style="max-width:100%;height:auto">
</a><div data-dotd="interviewoftheday.com" data-dotd-variant="image"></div>
<script async src="https://interviewoftheday.com/feature.js?lang=fi"></script>Vaihtoehto B: kuva ja toimintakehote
Päivän kuva ja sen alla toimintakehote.
Live-esikatselu
<a href="https://interviewoftheday.com/fi/" 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-interview-of-the-day/today.png" alt="Päivän muotoiluhaastattelu esittelee syvällisen keskustelun alan johtohahmon kanssa" 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">Tutustu Päivän muotoiluhaastatteluun</span>
</a><div data-dotd="interviewoftheday.com" data-dotd-variant="cta"></div>
<script async src="https://interviewoftheday.com/feature.js?lang=fi"></script>Vaihtoehto C: Bootstrap-kortti
Bootstrap-kortti, jossa on kuva, esittelyn otsikko, lyhyt kappale ja toimintakehotepainike. Sivullasi on oltava Bootstrap käytössä.
Live-esikatselu
<div class="card" style="max-width:24rem">
<a href="https://interviewoftheday.com/fi/" target="_blank" rel="noopener"><img src="https://competition.adesignaward.com/design-interview-of-the-day/today.png" class="card-img-top" alt="Päivän muotoiluhaastattelu esittelee syvällisen keskustelun alan johtohahmon kanssa" loading="lazy"></a>
<div class="card-body">
<h5 class="card-title">Päivän muotoiluhaastattelu</h5>
<p class="card-text">A' Design Award esittelee päivittäisen haastattelun maailmanluokan muotoilijan, arkkitehdin tai luovan ammattilaisen kanssa Päivän muotoiluhaastatteluna, tutkien heidän taustaansa, muotoilufilosofiaansa, luovaa prosessiaan ja näkemyksiään muotoilun tulevaisuudesta.</p>
<a href="https://interviewoftheday.com/fi/" class="btn btn-danger" target="_blank" rel="noopener">Tutustu Päivän muotoiluhaastatteluun</a>
</div>
</div><div data-dotd="interviewoftheday.com" data-dotd-variant="card"></div>
<script async src="https://interviewoftheday.com/feature.js?lang=fi"></script>Vaihtoehto 3: JSON
Kehittäjille, sovelluksille ja automaatiolle. JSON sisältää nimen, kuvauksen, kuvan osoitteen, linkit ja päivämäärän. Cross-origin-pyynnöt ovat sallittuja.
fetch("https://interviewoftheday.com/feature.json?lang=fi")
.then(function (r) { return r.json(); })
.then(function (d) {
// d.name, d.feature, d.paragraph, d.image, d.url, d.date ...
});Esimerkkivastaus
{
"domain": "interviewoftheday.com",
"name": "Päivän haastattelu",
"feature": "Päivän muotoiluhaastattelu",
"paragraph": "A' Design Award esittelee päivittäisen haastattelun maailmanluokan muotoilijan, arkkitehdin tai luovan ammattilaisen kanssa Päivän muotoiluhaastatteluna, tutkien heidän taustaansa, muotoilufilosofiaansa, luovaa prosessiaan ja näkemyksiään muotoilun tulevaisuudesta.",
"description": "Päivän haastattelu esittelee päivittäisiä haastatteluja maailmanluokan muotoilijoiden, arkkitehtien ja luovien ammattilaisten kanssa, jotka arvostettu A' Design Award and Competition -palkinto on tunnustanut. Haastatteluissa tutkitaan johtavien muotoilijoiden taustoja, ammatillisia kokemuksia, muotoilufilosofioita, luovia prosesseja, projekteja ja näkemyksiä muotoilun tulevaisuudesta.",
"call_to_action": "Tutustu Päivän muotoiluhaastatteluun",
"date": "2026-11-08",
"language": "fi",
"image": "https://competition.adesignaward.com/design-interview-of-the-day/today.png",
"image_alt": "Päivän muotoiluhaastattelu esittelee syvällisen keskustelun alan johtohahmon kanssa",
"url": "https://interviewoftheday.com/fi/",
"feature_url": "https://competition.adesignaward.com/design-interview-of-the-day.html",
"registry_url": "https://competition.adesignaward.com/design-interviews-of-the-days.php",
"embed_url": "https://interviewoftheday.com/fi/esittely/"
}Hyvä tietää
- Säilytä linkki kuvan ympärillä, jotta kävijäsi voivat tutustua koko esittelyyn.
- Käytä aina yllä näkyvää kuvan osoitetta äläkä tallenna kopiota, jotta sivusi pysyy ajan tasalla.
- Kuva on responsiivinen: se ei koskaan kasva säiliötään leveämmäksi.
- Tarvitsetko apua tai mukautetun muodon? Ota meihin yhteyttä.