Idea de Deseño do Día
Incorpora Idea de Deseño do Día no teu sitio web
Idea de 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 Idea de 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 Idea de Deseño do Día. A opción máis lixeira.
Vista previa en directo
<a href="https://designideaoftheday.com/gl/" target="_blank" rel="noopener">
<img src="https://competition.adesignaward.com/design-idea-of-the-day/today.png" alt="Idea de Deseño do Día que presenta un concepto innovador que amplía os límites creativos" loading="lazy" style="max-width:100%;height:auto">
</a>
<div data-dotd="designideaoftheday.com" data-dotd-variant="image"></div>
<script async src="https://designideaoftheday.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://designideaoftheday.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-idea-of-the-day/today.png" alt="Idea de Deseño do Día que presenta un concepto innovador que amplía os límites creativos" 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 Idea de Deseño do Día</span>
</a>
<div data-dotd="designideaoftheday.com" data-dotd-variant="cta"></div>
<script async src="https://designideaoftheday.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://designideaoftheday.com/gl/" target="_blank" rel="noopener"><img src="https://competition.adesignaward.com/design-idea-of-the-day/today.png" class="card-img-top" alt="Idea de Deseño do Día que presenta un concepto innovador que amplía os límites creativos" loading="lazy"></a>
<div class="card-body">
<h5 class="card-title">Idea de Deseño do Día</h5>
<p class="card-text">A' Design Award presenta cada día unha idea de deseño moi innovadora ou un concepto altamente creativo como a Idea de Deseño do Día, explorando o pensamento orixinal, as solucións prácticas e os enfoques inspiradores cara á excelencia no deseño.</p>
<a href="https://designideaoftheday.com/gl/" class="btn btn-danger" target="_blank" rel="noopener">Descubrir a Idea de Deseño do Día</a>
</div>
</div>
<div data-dotd="designideaoftheday.com" data-dotd-variant="card"></div>
<script async src="https://designideaoftheday.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://designideaoftheday.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": "designideaoftheday.com",
"name": "Idea de Deseño do Día",
"feature": "Idea de Deseño do Día",
"paragraph": "A' Design Award presenta cada día unha idea de deseño moi innovadora ou un concepto altamente creativo como a Idea de Deseño do Día, explorando o pensamento orixinal, as solucións prácticas e os enfoques inspiradores cara á excelencia no deseño.",
"description": "Idea de Deseño do Día presenta cada día unha idea de deseño moi innovadora, un concepto altamente creativo, explorando o pensamento orixinal, as solucións prácticas e os enfoques inspiradores cara á excelencia global no deseño, seleccionados polo moi prestixioso A' Design Award and Competition.",
"call_to_action": "Descubrir a Idea de Deseño do Día",
"date": "2026-11-08",
"language": "gl",
"image": "https://competition.adesignaward.com/design-idea-of-the-day/today.png",
"image_alt": "Idea de Deseño do Día que presenta un concepto innovador que amplía os límites creativos",
"url": "https://designideaoftheday.com/gl/",
"feature_url": "https://competition.adesignaward.com/design-idea-of-the-day.html",
"registry_url": "https://competition.adesignaward.com/design-ideas-of-the-days.php",
"embed_url": "https://designideaoftheday.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.