Deseño do Día

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

Deseño do Día 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 Deseño do Día 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 Deseño do Día. A opción máis lixeira.

Vista previa en directo

<a href="https://designoftheday.org/gl/" target="_blank" rel="noopener">
  <img src="https://competition.adesignaward.com/design-of-the-day/today.png" alt="Deseño do Día destacado que mostra a excelencia creativa premiada" 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=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://designoftheday.org/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-of-the-day/today.png" alt="Deseño do Día destacado que mostra a excelencia creativa premiada" 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 o Deseño do Día</span>
</a>

<div data-dotd="designoftheday.org" data-dotd-variant="cta"></div>
<script async src="https://designoftheday.org/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://designoftheday.org/gl/" target="_blank" rel="noopener"><img src="https://competition.adesignaward.com/design-of-the-day/today.png" class="card-img-top" alt="Deseño do Día destacado que mostra a excelencia creativa premiada" loading="lazy"></a>
  <div class="card-body">
    <h5 class="card-title">Deseño do Día</h5>
    <p class="card-text">A' Design Award presenta cada día unha creación de deseño excepcional, un produto moi innovador ou un proxecto altamente creativo como o Deseño do Día, mostrando exemplos notables de creatividade e bo deseño.</p>
    <a href="https://designoftheday.org/gl/" class="btn btn-danger" target="_blank" rel="noopener">Descubrir o Deseño do Día</a>
  </div>
</div>

<div data-dotd="designoftheday.org" data-dotd-variant="card"></div>
<script async src="https://designoftheday.org/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://designoftheday.org/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": "designoftheday.org",
    "name": "Deseño do Día",
    "feature": "Deseño do Día",
    "paragraph": "A' Design Award presenta cada día unha creación de deseño excepcional, un produto moi innovador ou un proxecto altamente creativo como o Deseño do Día, mostrando exemplos notables de creatividade e bo deseño.",
    "description": "Deseño do Día presenta cada día unha creación de deseño excepcional, un produto moi innovador ou un proxecto altamente creativo, mostrando exemplos notables de creatividade e bo deseño recoñecidos polo moi prestixioso A' Design Award and Competition.",
    "call_to_action": "Descubrir o Deseño do Día",
    "date": "2026-11-08",
    "language": "gl",
    "image": "https://competition.adesignaward.com/design-of-the-day/today.png",
    "image_alt": "Deseño do Día destacado que mostra a excelencia creativa premiada",
    "url": "https://designoftheday.org/gl/",
    "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/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