Dienos dizaino idėja

Įterpkite Dienos dizaino idėja į savo svetainę

Dienos dizaino idėja 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 dizaino idėja, 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 dizaino idėja. Lengviausias variantas.

Tiesioginė peržiūra

<a href="https://designideaoftheday.com/lt/" target="_blank" rel="noopener">
  <img src="https://competition.adesignaward.com/design-idea-of-the-day/today.png" alt="Dienos dizaino idėja, pristatanti novatorišką koncepciją, praplečiančią kūrybines ribas" loading="lazy" style="max-width:100%;height:auto">
</a>

<div data-dotd="designideaoftheday.com" data-dotd-variant="image"></div>
<script async src="https://designideaoftheday.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://designideaoftheday.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-idea-of-the-day/today.png" alt="Dienos dizaino idėja, pristatanti novatorišką koncepciją, praplečiančią kūrybines ribas" 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 idėją</span>
</a>

<div data-dotd="designideaoftheday.com" data-dotd-variant="cta"></div>
<script async src="https://designideaoftheday.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://designideaoftheday.com/lt/" target="_blank" rel="noopener"><img src="https://competition.adesignaward.com/design-idea-of-the-day/today.png" class="card-img-top" alt="Dienos dizaino idėja, pristatanti novatorišką koncepciją, praplečiančią kūrybines ribas" loading="lazy"></a>
  <div class="card-body">
    <h5 class="card-title">Dienos dizaino idėja</h5>
    <p class="card-text">A' Design Award kiekvieną dieną pristato labai novatorišką dizaino idėją arba itin kūrybišką koncepciją kaip Dienos dizaino idėją, tyrinėdamas originalų mąstymą, praktinius sprendimus ir įkvepiančius požiūrius į dizaino meistriškumą.</p>
    <a href="https://designideaoftheday.com/lt/" class="btn btn-danger" target="_blank" rel="noopener">Atraskite Dienos dizaino idėją</a>
  </div>
</div>

<div data-dotd="designideaoftheday.com" data-dotd-variant="card"></div>
<script async src="https://designideaoftheday.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://designideaoftheday.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": "designideaoftheday.com",
    "name": "Dienos dizaino idėja",
    "feature": "Dienos dizaino idėja",
    "paragraph": "A' Design Award kiekvieną dieną pristato labai novatorišką dizaino idėją arba itin kūrybišką koncepciją kaip Dienos dizaino idėją, tyrinėdamas originalų mąstymą, praktinius sprendimus ir įkvepiančius požiūrius į dizaino meistriškumą.",
    "description": "Dienos dizaino idėja kiekvieną dieną pristato labai novatorišką dizaino idėją, itin kūrybišką koncepciją, tyrinėdama originalų mąstymą, praktinius sprendimus ir įkvepiančius požiūrius į pasaulinį dizaino meistriškumą, atrinktą itin prestižinio A' Design Award and Competition.",
    "call_to_action": "Atraskite Dienos dizaino idėją",
    "date": "2026-11-08",
    "language": "lt",
    "image": "https://competition.adesignaward.com/design-idea-of-the-day/today.png",
    "image_alt": "Dienos dizaino idėja, pristatanti novatorišką koncepciją, praplečiančią kūrybines ribas",
    "url": "https://designideaoftheday.com/lt/",
    "feature_url": "https://competition.adesignaward.com/design-idea-of-the-day.html",
    "registry_url": "https://competition.adesignaward.com/design-ideas-of-the-days.php",
    "embed_url": "https://designideaoftheday.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.

Reklama

Atraskite apdovanojimus pelniusius dizaino darbus