Eguneko Diseinua
Txertatu Eguneko Diseinua zure webgunean
Eguneko Diseinua(e)k eduki berri bat argitaratzen du egunero. Irudiaren helbidea ez da aldatzen, baina atzean dagoen irudia bai; beraz, kodea behin gehitzen duzu eta zure bisitariek automatikoki ikusten dute gaurko edukia.
Nola funtzionatzen du
Egunero irudi berri bat argitaratzen da helbide finko batean. Zure orrialdeak helbide hori kargatzen du, beraz beti erakusten du uneko edukia, eta klik egitean zure bisitariak Eguneko Diseinua(e)ra joaten dira, istorio osoa kontatzera.
Script bat nahiago? Gehitu edukiontzi bat eta script bat: widgetak data-dotd-variant bidez aukeratutako estiloa marrazten du (image, cta edo card), script-aren helbideko hizkuntzan, hizkuntza hori eskuragarri badago. Scriptak exekutatu ezin badituzu, erabili aldaera beraren HTML bertsioa.
A aldaera: irudia soilik
Gaurko irudia, Eguneko Diseinua(e)ra estekatua. Aukerarik arinena.
Zuzeneko aurrebista
<a href="https://designoftheday.org/eu/" target="_blank" rel="noopener">
<img src="https://competition.adesignaward.com/design-of-the-day/today.png" alt="Eguneko Diseinu nabarmendua, sari-irabazleen sormena bikaintasunez erakusten" loading="lazy" style="max-width:100%;height:auto">
</a><div data-dotd="designoftheday.org" data-dotd-variant="image"></div>
<script async src="https://designoftheday.org/feature.js?lang=eu"></script>B aldaera: irudia eta ekintza-deia
Gaurko irudia azpian ekintza-dei batekin.
Zuzeneko aurrebista
<a href="https://designoftheday.org/eu/" 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-of-the-day/today.png" alt="Eguneko Diseinu nabarmendua, sari-irabazleen sormena bikaintasunez erakusten" 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">Ezagutu Eguneko Diseinua</span>
</a><div data-dotd="designoftheday.org" data-dotd-variant="cta"></div>
<script async src="https://designoftheday.org/feature.js?lang=eu"></script>C aldaera: Bootstrap txartela
Bootstrap txartel bat irudiarekin, edukiaren izenburuarekin, paragrafo labur batekin eta ekintza-dei botoi batekin. Zure orriak Bootstrap behar du.
Zuzeneko aurrebista
<div class="card" style="max-width:24rem">
<a href="https://designoftheday.org/eu/" target="_blank" rel="noopener"><img src="https://competition.adesignaward.com/design-of-the-day/today.png" class="card-img-top" alt="Eguneko Diseinu nabarmendua, sari-irabazleen sormena bikaintasunez erakusten" loading="lazy"></a>
<div class="card-body">
<h5 class="card-title">Eguneko Diseinua</h5>
<p class="card-text">A' Design Award-ek egunero diseinu-sorkuntza bikain bat, produktu oso berritzaile bat edo proiektu oso sortzaile bat aurkezten du Eguneko Diseinu gisa, sormenaren eta diseinu onaren adibide nabarmenak erakutsiz.</p>
<a href="https://designoftheday.org/eu/" class="btn btn-danger" target="_blank" rel="noopener">Ezagutu Eguneko Diseinua</a>
</div>
</div><div data-dotd="designoftheday.org" data-dotd-variant="card"></div>
<script async src="https://designoftheday.org/feature.js?lang=eu"></script>3. aukera: JSON
Garatzaileentzat, aplikazioetarako eta automatizaziorako. JSON-ak izena, deskribapena, irudiaren helbidea, estekak eta data dauzka. Jatorri gurutzatuko eskaerak onartzen dira.
fetch("https://designoftheday.org/feature.json?lang=eu")
.then(function (r) { return r.json(); })
.then(function (d) {
// d.name, d.feature, d.paragraph, d.image, d.url, d.date ...
});Erantzun-adibidea
{
"domain": "designoftheday.org",
"name": "Eguneko Diseinua",
"feature": "Eguneko Diseinua",
"paragraph": "A' Design Award-ek egunero diseinu-sorkuntza bikain bat, produktu oso berritzaile bat edo proiektu oso sortzaile bat aurkezten du Eguneko Diseinu gisa, sormenaren eta diseinu onaren adibide nabarmenak erakutsiz.",
"description": "Eguneko Diseinuak egunero diseinu-sorkuntza bikain bat, produktu oso berritzaile bat edo proiektu oso sortzaile bat erakusten du, A' Design Award and Competition ospetsuak aitortutako sormenaren eta diseinu onaren adibide nabarmenak aurkeztuz.",
"call_to_action": "Ezagutu Eguneko Diseinua",
"date": "2026-11-08",
"language": "eu",
"image": "https://competition.adesignaward.com/design-of-the-day/today.png",
"image_alt": "Eguneko Diseinu nabarmendua, sari-irabazleen sormena bikaintasunez erakusten",
"url": "https://designoftheday.org/eu/",
"feature_url": "https://competition.adesignaward.com/design-of-the-day.html",
"registry_url": "https://competition.adesignaward.com/designs-of-the-days.php",
"embed_url": "https://designoftheday.org/eu/nabarmendua/"
}Jakin beharrekoa
- Mantendu esteka irudiaren inguruan, zure bisitariek eduki osoa aurkitu ahal izan dezaten.
- Erabili beti goian agertzen den irudiaren helbidea eta ez gorde kopiarik, zure orrialdea eguneratuta egon dadin.
- Irudia erantzunkorra da: ez da inoiz bere edukiontzia baino zabalagoa izango.
- Laguntza edo formatu pertsonalizatu bat behar duzu? Mesedez, jarri gurekin harremanetan.