Eguneko Diseinatzailea
Txertatu Eguneko Diseinatzailea zure webgunean
Eguneko Diseinatzailea(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 Diseinatzailea(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 Diseinatzailea(e)ra estekatua. Aukerarik arinena.
Zuzeneko aurrebista
<a href="https://designeroftheday.com/eu/" target="_blank" rel="noopener">
<img src="https://competition.adesignaward.com/designer-of-the-day/today.png" alt="Eguneko Diseinatzailearen erretratua, gaur ospatutako ikuspegi sortzailea erakusten" loading="lazy" style="max-width:100%;height:auto">
</a>
<div data-dotd="designeroftheday.com" data-dotd-variant="image"></div>
<script async src="https://designeroftheday.com/feature.js?lang=eu"></script>
B aldaera: irudia eta ekintza-deia
Gaurko irudia azpian ekintza-dei batekin.
Zuzeneko aurrebista
<a href="https://designeroftheday.com/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/designer-of-the-day/today.png" alt="Eguneko Diseinatzailearen erretratua, gaur ospatutako ikuspegi sortzailea 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 Diseinatzailea</span>
</a>
<div data-dotd="designeroftheday.com" data-dotd-variant="cta"></div>
<script async src="https://designeroftheday.com/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://designeroftheday.com/eu/" target="_blank" rel="noopener"><img src="https://competition.adesignaward.com/designer-of-the-day/today.png" class="card-img-top" alt="Eguneko Diseinatzailearen erretratua, gaur ospatutako ikuspegi sortzailea erakusten" loading="lazy"></a>
<div class="card-body">
<h5 class="card-title">Eguneko Diseinatzailea</h5>
<p class="card-text">A' Design Award-ek egunero diseinatzaile oso talentutsua edo munduko mailarik goreneko arkitekto bat aurkezten du Eguneko Diseinatzaile gisa, lan sortzaile bereizien atzean dauden pertsonak, haien diseinu-filosofia, proiektu nabarmenak eta lorpenak aurkeztuz.</p>
<a href="https://designeroftheday.com/eu/" class="btn btn-danger" target="_blank" rel="noopener">Ezagutu Eguneko Diseinatzailea</a>
</div>
</div>
<div data-dotd="designeroftheday.com" data-dotd-variant="card"></div>
<script async src="https://designeroftheday.com/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://designeroftheday.com/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": "designeroftheday.com",
"name": "Eguneko Diseinatzailea",
"feature": "Eguneko Diseinatzailea",
"paragraph": "A' Design Award-ek egunero diseinatzaile oso talentutsua edo munduko mailarik goreneko arkitekto bat aurkezten du Eguneko Diseinatzaile gisa, lan sortzaile bereizien atzean dauden pertsonak, haien diseinu-filosofia, proiektu nabarmenak eta lorpenak aurkeztuz.",
"description": "Eguneko Diseinatzaileak egunero diseinatzaile oso talentutsua edo munduko mailarik goreneko arkitekto bat aurkezten du, lan sortzaile bereizien atzean dauden pertsona bikainak, haien ibilbide profesionala, diseinu-filosofia, proiektu nabarmenak eta A' Design Award and Competition ospetsuak aitortutako lorpenak aurkeztuz.",
"call_to_action": "Ezagutu Eguneko Diseinatzailea",
"date": "2026-11-08",
"language": "eu",
"image": "https://competition.adesignaward.com/designer-of-the-day/today.png",
"image_alt": "Eguneko Diseinatzailearen erretratua, gaur ospatutako ikuspegi sortzailea erakusten",
"url": "https://designeroftheday.com/eu/",
"feature_url": "https://competition.adesignaward.com/designer-of-the-day.html",
"registry_url": "https://competition.adesignaward.com/designers-of-the-days.php",
"embed_url": "https://designeroftheday.com/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.