Pereiti prie pagrindinio turinio

Dienos interviu

Įterpkite Dienos dizaino interviu į savo svetainę

Dienos interviu kiekvieną dieną skelbia naują publikaciją. Paveikslėlio adresas nesikeičia, tačiau vaizdas už jo keičiasi – kodą įterpiate vieną kartą, o jūsų lankytojai automatiškai mato šiandienos publikaciją.

Kaip tai veikia

Kiekvieną dieną nauja nuotrauka paskelbiama vienu pastoviu adresu. Jūsų puslapis įkelia tą adresą, todėl visada rodo dabartinę publikaciją, o paspaudus lankytojai patenka į Dienos interviu, kur pateikiama visa istorija.

Norite naudoti scenarijų? Pridėkite vieną konteinerį ir vieną scenarijų: valdiklis nubraižo stilių, kurį pasirenkate su data-dotd-variant (image, cta arba card), scenarijaus adreso kalba, kai ta kalba yra prieinama. Jei negalite vykdyti scenarijų, naudokite to paties varianto HTML versiją.

Variantas A: tik paveikslėlis

Šiandienos paveikslėlis su nuoroda į Dienos interviu. Lengviausias variantas.

Tiesioginė peržiūra

<a href="https://interviewoftheday.com/lt/" target="_blank" rel="noopener">
  <img src="https://competition.adesignaward.com/design-interview-of-the-day/today.png" alt="Dienos dizaino interviu, pristatantis nuodugnų pokalbį su pramonės lyderiu" 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=lt"></script>

Variantas B: paveikslėlis ir raginimas veikti

Šiandienos paveikslėlis su raginimu veikti apačioje.

Tiesioginė peržiūra

<a href="https://interviewoftheday.com/lt/" 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="Dienos dizaino interviu, pristatantis nuodugnų pokalbį su pramonės lyderiu" 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">Atraskite Dienos dizaino interviu</span>
</a>
<div data-dotd="interviewoftheday.com" data-dotd-variant="cta"></div>
<script async src="https://interviewoftheday.com/feature.js?lang=lt"></script>

Variantas C: Bootstrap kortelė

Bootstrap kortelė su paveikslėliu, publikacijos pavadinimu, trumpa pastraipa ir raginimo veikti mygtuku. Jūsų puslapiui reikia Bootstrap.

Tiesioginė peržiūra

<div class="card" style="max-width:24rem">
  <a href="https://interviewoftheday.com/lt/" target="_blank" rel="noopener"><img src="https://competition.adesignaward.com/design-interview-of-the-day/today.png" class="card-img-top" alt="Dienos dizaino interviu, pristatantis nuodugnų pokalbį su pramonės lyderiu" loading="lazy"></a>
  <div class="card-body">
    <h5 class="card-title">Dienos dizaino interviu</h5>
    <p class="card-text">A' Design Award kiekvieną dieną pristato interviu su pasaulinio lygio dizaineriu, architektu ar kūrybos profesionalu kaip Dienos dizaino interviu, tyrinėdamas jų biografiją, dizaino filosofiją, kūrybinį procesą ir požiūrį į dizaino ateitį.</p>
    <a href="https://interviewoftheday.com/lt/" class="btn btn-danger" target="_blank" rel="noopener">Atraskite Dienos dizaino interviu</a>
  </div>
</div>
<div data-dotd="interviewoftheday.com" data-dotd-variant="card"></div>
<script async src="https://interviewoftheday.com/feature.js?lang=lt"></script>

3 variantas: JSON

Kūrėjams, programėlėms ir automatizavimui. JSON apima pavadinimą, aprašymą, paveikslėlio adresą, nuorodas ir datą. Tarpdomeiniai užklausai leidžiami.

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

Atsakymo pavyzdys

{
    "domain": "interviewoftheday.com",
    "name": "Dienos interviu",
    "feature": "Dienos dizaino interviu",
    "paragraph": "A' Design Award kiekvieną dieną pristato interviu su pasaulinio lygio dizaineriu, architektu ar kūrybos profesionalu kaip Dienos dizaino interviu, tyrinėdamas jų biografiją, dizaino filosofiją, kūrybinį procesą ir požiūrį į dizaino ateitį.",
    "description": "Dienos interviu kiekvieną dieną pristato pokalbius su pasaulinio lygio dizaineriais, architektais ir kūrybos profesionalais, pripažintais itin prestižinio A' Design Award and Competition, tyrinėdamas jų biografijas, profesinę patirtį, dizaino filosofijas, kūrybinius procesus, projektus ir pirmaujančių dizainerių požiūrį į dizaino ateitį.",
    "call_to_action": "Atraskite Dienos dizaino interviu",
    "date": "2026-11-08",
    "language": "lt",
    "image": "https://competition.adesignaward.com/design-interview-of-the-day/today.png",
    "image_alt": "Dienos dizaino interviu, pristatantis nuodugnų pokalbį su pramonės lyderiu",
    "url": "https://interviewoftheday.com/lt/",
    "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/lt/iterpimas/"
}

Naudinga žinoti

  • Palikite nuorodą aplink paveikslėlį, kad jūsų lankytojai galėtų atrasti visą publikaciją.
  • Visada naudokite aukščiau rodomą paveikslėlio adresą ir nesaugokite kopijos – taip jūsų puslapis bus visada aktualus.
  • Paveikslėlis yra adaptyvus: jis niekada neišsiplečia plačiau nei jo konteineris.
  • Reikia pagalbos ar individualaus formato? Susisiekite su mumis.

Dizaino citata šiandien

Dizaino citata šiandien

DesignAdage