Dienos dizainerio akcentas
Įterpkite Dienos dizainerio akcentas į savo svetainę
Dienos dizainerio akcentas 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 dizainerio akcentas, 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 dizainerio akcentas. Lengviausias variantas.
Tiesioginė peržiūra
<a href="https://designerhighlightoftheday.com/lt/" target="_blank" rel="noopener">
<img src="https://competition.adesignaward.com/highlight-of-the-day/today.png" alt="Dienos dizainerio akcentas, pristatantis išskirtinį dizainerį iš pasaulinės dizaino bendruomenės" loading="lazy" style="max-width:100%;height:auto">
</a><div data-dotd="designerhighlightoftheday.com" data-dotd-variant="image"></div>
<script async src="https://designerhighlightoftheday.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://designerhighlightoftheday.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/highlight-of-the-day/today.png" alt="Dienos dizainerio akcentas, pristatantis išskirtinį dizainerį iš pasaulinės dizaino bendruomenės" 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 dizainerio akcentą</span>
</a><div data-dotd="designerhighlightoftheday.com" data-dotd-variant="cta"></div>
<script async src="https://designerhighlightoftheday.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://designerhighlightoftheday.com/lt/" target="_blank" rel="noopener"><img src="https://competition.adesignaward.com/highlight-of-the-day/today.png" class="card-img-top" alt="Dienos dizainerio akcentas, pristatantis išskirtinį dizainerį iš pasaulinės dizaino bendruomenės" loading="lazy"></a>
<div class="card-body">
<h5 class="card-title">Dienos dizainerio akcentas</h5>
<p class="card-text">A' Design Award kiekvieną dieną išskiria pirmaujantį dizainerį, žvaigždės lygio architektą, aukščiausios klasės kūrėją ar novatorių kaip Dienos dizainerio akcentą, pristatydamas jų pasiekimus, kūrybinius darbus ir indėlį į dizaino pasaulį.</p>
<a href="https://designerhighlightoftheday.com/lt/" class="btn btn-danger" target="_blank" rel="noopener">Atraskite Dienos dizainerio akcentą</a>
</div>
</div><div data-dotd="designerhighlightoftheday.com" data-dotd-variant="card"></div>
<script async src="https://designerhighlightoftheday.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://designerhighlightoftheday.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": "designerhighlightoftheday.com",
"name": "Dienos dizainerio akcentas",
"feature": "Dienos dizainerio akcentas",
"paragraph": "A' Design Award kiekvieną dieną išskiria pirmaujantį dizainerį, žvaigždės lygio architektą, aukščiausios klasės kūrėją ar novatorių kaip Dienos dizainerio akcentą, pristatydamas jų pasiekimus, kūrybinius darbus ir indėlį į dizaino pasaulį.",
"description": "Dienos dizainerio akcentas kiekvieną dieną pristato pirmaujantį dizainerį, žvaigždės lygio architektą, aukščiausios klasės kūrėją ar novatorių, demonstruodamas jų pasiekimus, kūrybinius darbus ir indėlį į dizaino pasaulį, pripažintą itin prestižinio A' Design Award and Competition.",
"call_to_action": "Atraskite Dienos dizainerio akcentą",
"date": "2026-11-08",
"language": "lt",
"image": "https://competition.adesignaward.com/highlight-of-the-day/today.png",
"image_alt": "Dienos dizainerio akcentas, pristatantis išskirtinį dizainerį iš pasaulinės dizaino bendruomenės",
"url": "https://designerhighlightoftheday.com/lt/",
"feature_url": "https://competition.adesignaward.com/designer-highlight-of-the-day.html",
"registry_url": "https://competition.adesignaward.com/designer-highlights-of-the-days.php",
"embed_url": "https://designerhighlightoftheday.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.