Fara beint í meginefni

Viðtal dagsins

Felldu Hönnunarviðtal dagsins inn á vefsíðuna þína

Viðtal dagsins birtir nýja kynningu á hverjum degi. Veffang myndarinnar breytist aldrei, en myndin á bak við það gerir það, svo þú bætir kóðanum við einu sinni og gestir þínir sjá kynningu dagsins sjálfkrafa.

Hvernig það virkar

Á hverjum degi er ný mynd birt á einu föstu veffangi. Síðan þín hleður því veffangi, svo hún sýnir alltaf nýjustu kynningu, og smellur flytur gesti þína á Viðtal dagsins þar sem heildarfrásögnin er sögð.

Vilt þú frekar nota skriftu? Bættu við einum ílæti og einni skriftu: græjan teiknar stílinn sem þú velur með data-dotd-variant (image, cta eða card), á tungumáli skriftuveffangsins þegar það tungumál er tiltækt. Ef þú getur ekki keyrt skriftur, notaðu HTML útgáfuna af sama afbrigði.

Afbrigði A: eingöngu mynd

Mynd dagsins, tengd við Viðtal dagsins. Léttasti valkosturinn.

Lifandi forskoðun

<a href="https://interviewoftheday.com/is/" target="_blank" rel="noopener">
  <img src="https://competition.adesignaward.com/design-interview-of-the-day/today.png" alt="Hönnunarviðtal dagsins með ítarlegu samtali við leiðandi einstakling á sviði hönnunar" 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=is"></script>

Afbrigði B: mynd og aðgerðarhnappur

Mynd dagsins með aðgerðarhnappi fyrir neðan.

Lifandi forskoðun

<a href="https://interviewoftheday.com/is/" 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="Hönnunarviðtal dagsins með ítarlegu samtali við leiðandi einstakling á sviði hönnunar" 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">Kynntu þér hönnunarviðtal dagsins</span>
</a>
<div data-dotd="interviewoftheday.com" data-dotd-variant="cta"></div>
<script async src="https://interviewoftheday.com/feature.js?lang=is"></script>

Afbrigði C: Bootstrap-spjald

Bootstrap-spjald með myndinni, titli kynningarinnar, stuttri málsgrein og aðgerðarhnappi. Síðan þín þarf Bootstrap.

Lifandi forskoðun

<div class="card" style="max-width:24rem">
  <a href="https://interviewoftheday.com/is/" target="_blank" rel="noopener"><img src="https://competition.adesignaward.com/design-interview-of-the-day/today.png" class="card-img-top" alt="Hönnunarviðtal dagsins með ítarlegu samtali við leiðandi einstakling á sviði hönnunar" loading="lazy"></a>
  <div class="card-body">
    <h5 class="card-title">Hönnunarviðtal dagsins</h5>
    <p class="card-text">A' Design Award birtir daglega viðtal við hönnuð, arkitekt eða fagmann í skapandi greinum á heimsmælikvarða sem hönnunarviðtal dagsins og kannar bakgrunn þeirra, hönnunarheimspeki, sköpunarferli og sýn á framtíð hönnunar.</p>
    <a href="https://interviewoftheday.com/is/" class="btn btn-danger" target="_blank" rel="noopener">Kynntu þér hönnunarviðtal dagsins</a>
  </div>
</div>
<div data-dotd="interviewoftheday.com" data-dotd-variant="card"></div>
<script async src="https://interviewoftheday.com/feature.js?lang=is"></script>

Valkostur 3: JSON

Fyrir forritara, forrit og sjálfvirkni. JSON inniheldur nafnið, lýsinguna, veffang myndar, tengla og dagsetningu. Krossuppruna beiðnir eru leyfðar.

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

Dæmi um svar

{
    "domain": "interviewoftheday.com",
    "name": "Viðtal dagsins",
    "feature": "Hönnunarviðtal dagsins",
    "paragraph": "A' Design Award birtir daglega viðtal við hönnuð, arkitekt eða fagmann í skapandi greinum á heimsmælikvarða sem hönnunarviðtal dagsins og kannar bakgrunn þeirra, hönnunarheimspeki, sköpunarferli og sýn á framtíð hönnunar.",
    "description": "Viðtal dagsins birtir daglega viðtöl við hönnuði, arkitekta og fagfólk í skapandi greinum á heimsmælikvarða sem hafa hlotið viðurkenningu í hinni afar virtu A' Design Award and Competition og kannar bakgrunn leiðandi hönnuða, starfsreynslu þeirra, hönnunarheimspeki, sköpunarferli, verkefni og sýn á framtíð hönnunar.",
    "call_to_action": "Kynntu þér hönnunarviðtal dagsins",
    "date": "2026-11-08",
    "language": "is",
    "image": "https://competition.adesignaward.com/design-interview-of-the-day/today.png",
    "image_alt": "Hönnunarviðtal dagsins með ítarlegu samtali við leiðandi einstakling á sviði hönnunar",
    "url": "https://interviewoftheday.com/is/",
    "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/is/kynning/"
}

Gott að vita

  • Haltu tenglinum í kringum myndina svo gestir þínir geti uppgötvað alla kynninguna.
  • Notaðu alltaf veffang myndarinnar sem sýnt er hér að ofan og vistaðu ekki afrit, svo síðan þín sé alltaf uppfærð.
  • Myndin er sveigjanleg: hún stækkar aldrei umfram breidd ílætsins.
  • Þarft þú aðstoð eða sérsniðið snið? Vinsamlegast hafðu samband við okkur.

Hönnunartilvitnun dagsins

Hönnunartilvitnun dagsins

DesignAdage