Dienos dizaino tendencija
Įterpkite Dienos dizaino tendencija į savo svetainę
Dienos dizaino tendencija 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 tendencija, 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 tendencija. Lengviausias variantas.
Tiesioginė peržiūra
<a href="https://designtrendoftheday.com/lt/" target="_blank" rel="noopener">
<img src="https://competition.adesignaward.com/design-trend-of-the-day/today.png" alt="Dienos dizaino tendencijos vizualizacija, atspindinti besiformuojančius modelius, formuojančius dizaino ateitį" loading="lazy" style="max-width:100%;height:auto">
</a><div data-dotd="designtrendoftheday.com" data-dotd-variant="image"></div>
<script async src="https://designtrendoftheday.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://designtrendoftheday.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-trend-of-the-day/today.png" alt="Dienos dizaino tendencijos vizualizacija, atspindinti besiformuojančius modelius, formuojančius dizaino ateitį" 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 tendenciją</span>
</a><div data-dotd="designtrendoftheday.com" data-dotd-variant="cta"></div>
<script async src="https://designtrendoftheday.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://designtrendoftheday.com/lt/" target="_blank" rel="noopener"><img src="https://competition.adesignaward.com/design-trend-of-the-day/today.png" class="card-img-top" alt="Dienos dizaino tendencijos vizualizacija, atspindinti besiformuojančius modelius, formuojančius dizaino ateitį" loading="lazy"></a>
<div class="card-body">
<h5 class="card-title">Dienos dizaino tendencija</h5>
<p class="card-text">A' Design Award kiekvieną dieną tyrinėja originalią dizaino tendenciją, pristatydamas besiformuojančius stilius, kintančią estetiką ir naujas kūrybines kryptis, darančias įtaką produktų, projektų ir patirčių dizainui, kaip Dienos dizaino tendenciją.</p>
<a href="https://designtrendoftheday.com/lt/" class="btn btn-danger" target="_blank" rel="noopener">Atraskite Dienos dizaino tendenciją</a>
</div>
</div><div data-dotd="designtrendoftheday.com" data-dotd-variant="card"></div>
<script async src="https://designtrendoftheday.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://designtrendoftheday.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": "designtrendoftheday.com",
"name": "Dienos dizaino tendencija",
"feature": "Dienos dizaino tendencija",
"paragraph": "A' Design Award kiekvieną dieną tyrinėja originalią dizaino tendenciją, pristatydamas besiformuojančius stilius, kintančią estetiką ir naujas kūrybines kryptis, darančias įtaką produktų, projektų ir patirčių dizainui, kaip Dienos dizaino tendenciją.",
"description": "Dienos dizaino tendencija kiekvieną dieną tyrinėja originalią dizaino tendenciją, pristatydama besiformuojančius stilius, kintančią estetiką, naujas kūrybines kryptis ir novatoriškus požiūrius, darančius įtaką produktų, projektų ir patirčių dizainui, pripažintus itin prestižinio A' Design Award and Competition.",
"call_to_action": "Atraskite Dienos dizaino tendenciją",
"date": "2026-11-08",
"language": "lt",
"image": "https://competition.adesignaward.com/design-trend-of-the-day/today.png",
"image_alt": "Dienos dizaino tendencijos vizualizacija, atspindinti besiformuojančius modelius, formuojančius dizaino ateitį",
"url": "https://designtrendoftheday.com/lt/",
"feature_url": "https://competition.adesignaward.com/design-trend-of-the-day.html",
"registry_url": "https://competition.adesignaward.com/design-trends-of-the-days.php",
"embed_url": "https://designtrendoftheday.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.