Joan eduki nagusira

Diseinu Legenda

Txertatu Eguneko Diseinu Legenda zure webgunean

Diseinu Legenda(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 Diseinu Legenda(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, Diseinu Legenda(e)ra estekatua. Aukerarik arinena.

Zuzeneko aurrebista

<a href="https://thedesignlegend.com/eu/" target="_blank" rel="noopener">
  <img src="https://competition.adesignaward.com/design-legend-of-the-day/today.png" alt="Eguneko Diseinu Legenda, diseinuan bizitza osoko lorpenak berrikusten" loading="lazy" style="max-width:100%;height:auto">
</a>
<div data-dotd="thedesignlegend.com" data-dotd-variant="image"></div>
<script async src="https://thedesignlegend.com/feature.js?lang=eu"></script>

B aldaera: irudia eta ekintza-deia

Gaurko irudia azpian ekintza-dei batekin.

Zuzeneko aurrebista

<a href="https://thedesignlegend.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/design-legend-of-the-day/today.png" alt="Eguneko Diseinu Legenda, diseinuan bizitza osoko lorpenak berrikusten" 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 Diseinu Legenda</span>
</a>
<div data-dotd="thedesignlegend.com" data-dotd-variant="cta"></div>
<script async src="https://thedesignlegend.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://thedesignlegend.com/eu/" target="_blank" rel="noopener"><img src="https://competition.adesignaward.com/design-legend-of-the-day/today.png" class="card-img-top" alt="Eguneko Diseinu Legenda, diseinuan bizitza osoko lorpenak berrikusten" loading="lazy"></a>
  <div class="card-body">
    <h5 class="card-title">Eguneko Diseinu Legenda</h5>
    <p class="card-text">A' Design Award-ek diseinatzaile eragile bat edo munduko mailarik goreneko arkitekto bat ospatzen du, zeinaren aparteko ibilbideak, sorkuntza ikonikoak eta ideia aitzindariak diseinuaren historia eta garapena moldatu baitute, Eguneko Diseinu Legenda gisa.</p>
    <a href="https://thedesignlegend.com/eu/" class="btn btn-danger" target="_blank" rel="noopener">Ezagutu Eguneko Diseinu Legenda</a>
  </div>
</div>
<div data-dotd="thedesignlegend.com" data-dotd-variant="card"></div>
<script async src="https://thedesignlegend.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://thedesignlegend.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": "thedesignlegend.com",
    "name": "Diseinu Legenda",
    "feature": "Eguneko Diseinu Legenda",
    "paragraph": "A' Design Award-ek diseinatzaile eragile bat edo munduko mailarik goreneko arkitekto bat ospatzen du, zeinaren aparteko ibilbideak, sorkuntza ikonikoak eta ideia aitzindariak diseinuaren historia eta garapena moldatu baitute, Eguneko Diseinu Legenda gisa.",
    "description": "Diseinu Legendak diseinatzaile eraginkorrak eta munduko mailarik goreneko arkitektoak ospatzen ditu, zeinen aparteko ibilbideek, sorkuntza ikonikoek, ideia aitzindariek eta ekarpen iraunkorrek diseinuaren historia eta garapena moldatu baitute, A' Design Award and Competition ospetsuak aitortutako pertsona sortzaileak eta lorpenak nabarmenduz.",
    "call_to_action": "Ezagutu Eguneko Diseinu Legenda",
    "date": "2026-11-08",
    "language": "eu",
    "image": "https://competition.adesignaward.com/design-legend-of-the-day/today.png",
    "image_alt": "Eguneko Diseinu Legenda, diseinuan bizitza osoko lorpenak berrikusten",
    "url": "https://thedesignlegend.com/eu/",
    "feature_url": "https://competition.adesignaward.com/design-legend-of-the-day.html",
    "registry_url": "https://competition.adesignaward.com/design-legends-of-the-days.php",
    "embed_url": "https://thedesignlegend.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.

Eguneko Diseinu Aipua

Eguneko Diseinu Aipua

DesignAdage