A Lenda do Deseño

Incorpora Lenda do Deseño do Día no teu sitio web

A Lenda do Deseño publica un novo contido destacado cada día. O enderezo da imaxe nunca cambia, pero a imaxe que hai detrás si, polo que engades o código unha soa vez e os teus visitantes ven automaticamente o contido destacado de hoxe.

Como funciona

Cada día publícase unha nova imaxe nun enderezo fixo. A túa páxina carga ese enderezo, así que sempre mostra o contido destacado actual, e un clic leva os teus visitantes a A Lenda do Deseño onde se conta a historia completa.

Prefires un script? Engade un contedor e un script: o widget debuxa o estilo que elixas con data-dotd-variant (image, cta ou card), no idioma do enderezo do script cando ese idioma estea dispoñible. Se non podes executar scripts, usa a versión HTML da mesma variante.

Variante A: só imaxe

A imaxe de hoxe, ligada a A Lenda do Deseño. A opción máis lixeira.

Vista previa en directo

<a href="https://thedesignlegend.com/gl/" target="_blank" rel="noopener">
  <img src="https://competition.adesignaward.com/design-legend-of-the-day/today.png" alt="Retrospectiva da Lenda do Deseño do Día que mostra os logros de toda unha vida no deseño" 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=gl"></script>

Variante B: imaxe e chamada á acción

A imaxe de hoxe cunha chamada á acción debaixo.

Vista previa en directo

<a href="https://thedesignlegend.com/gl/" 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="Retrospectiva da Lenda do Deseño do Día que mostra os logros de toda unha vida no deseño" 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">Descubrir a Lenda do Deseño do Día</span>
</a>

<div data-dotd="thedesignlegend.com" data-dotd-variant="cta"></div>
<script async src="https://thedesignlegend.com/feature.js?lang=gl"></script>

Variante C: tarxeta Bootstrap

Unha tarxeta Bootstrap coa imaxe, o título do contido destacado, un parágrafo curto e un botón de chamada á acción. A túa páxina necesita Bootstrap.

Vista previa en directo

<div class="card" style="max-width:24rem">
  <a href="https://thedesignlegend.com/gl/" target="_blank" rel="noopener"><img src="https://competition.adesignaward.com/design-legend-of-the-day/today.png" class="card-img-top" alt="Retrospectiva da Lenda do Deseño do Día que mostra os logros de toda unha vida no deseño" loading="lazy"></a>
  <div class="card-body">
    <h5 class="card-title">Lenda do Deseño do Día</h5>
    <p class="card-text">A' Design Award celebra cada día un deseñador influente ou un arquitecto de clase mundial cuxa carreira excepcional, creacións icónicas e ideas pioneiras marcaron a historia e o desenvolvemento do deseño como a Lenda do Deseño do Día.</p>
    <a href="https://thedesignlegend.com/gl/" class="btn btn-danger" target="_blank" rel="noopener">Descubrir a Lenda do Deseño do Día</a>
  </div>
</div>

<div data-dotd="thedesignlegend.com" data-dotd-variant="card"></div>
<script async src="https://thedesignlegend.com/feature.js?lang=gl"></script>

Opción 3: JSON

Para desenvolvedores, aplicacións e automatización. O JSON contén o nome, a descrición, o enderezo da imaxe, as ligazóns e a data. Permítense as solicitudes de orixe cruzada.

fetch("https://thedesignlegend.com/feature.json?lang=gl")
  .then(function (r) { return r.json(); })
  .then(function (d) {
    // d.name, d.feature, d.paragraph, d.image, d.url, d.date ...
  });

Resposta de exemplo

{
    "domain": "thedesignlegend.com",
    "name": "A Lenda do Deseño",
    "feature": "Lenda do Deseño do Día",
    "paragraph": "A' Design Award celebra cada día un deseñador influente ou un arquitecto de clase mundial cuxa carreira excepcional, creacións icónicas e ideas pioneiras marcaron a historia e o desenvolvemento do deseño como a Lenda do Deseño do Día.",
    "description": "A Lenda do Deseño celebra deseñadores influentes e arquitectos de clase mundial cuxas carreiras excepcionais, creacións icónicas, ideas pioneiras e contribucións perdurables marcaron a historia e o desenvolvemento do deseño, destacando as persoas creativas e os logros recoñecidos polo moi prestixioso A' Design Award and Competition.",
    "call_to_action": "Descubrir a Lenda do Deseño do Día",
    "date": "2026-11-08",
    "language": "gl",
    "image": "https://competition.adesignaward.com/design-legend-of-the-day/today.png",
    "image_alt": "Retrospectiva da Lenda do Deseño do Día que mostra os logros de toda unha vida no deseño",
    "url": "https://thedesignlegend.com/gl/",
    "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/gl/insercion/"
}

Bo de saber

Mantén a ligazón arredor da imaxe para que os teus visitantes poidan descubrir o contido destacado completo.
Usa sempre o enderezo da imaxe indicado arriba e non gardes unha copia, así a túa páxina manterase actualizada.
A imaxe é adaptable: nunca medra máis ca o seu contedor.
Precisas axuda ou un formato personalizado? Contacta connosco.

Patrocinado

Descubra deseños premiados