Ir ao contido principal

Deseñador/a Destacado/a do Día

Incorpora Deseñador/a Destacado/a do Día no teu sitio web

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

Vista previa en directo

<a href="https://designerhighlightoftheday.com/gl/" target="_blank" rel="noopener">
  <img src="https://competition.adesignaward.com/highlight-of-the-day/today.png" alt="Deseñador/a Destacado/a do Día que presenta un deseñador notable, parte da comunidade global do deseño" loading="lazy" style="max-width:100%;height:auto">
</a>
<div data-dotd="designerhighlightoftheday.com" data-dotd-variant="image"></div>
<script async src="https://designerhighlightoftheday.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://designerhighlightoftheday.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/highlight-of-the-day/today.png" alt="Deseñador/a Destacado/a do Día que presenta un deseñador notable, parte da comunidade global do 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 o Deseñador/a Destacado/a do Día</span>
</a>
<div data-dotd="designerhighlightoftheday.com" data-dotd-variant="cta"></div>
<script async src="https://designerhighlightoftheday.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://designerhighlightoftheday.com/gl/" target="_blank" rel="noopener"><img src="https://competition.adesignaward.com/highlight-of-the-day/today.png" class="card-img-top" alt="Deseñador/a Destacado/a do Día que presenta un deseñador notable, parte da comunidade global do deseño" loading="lazy"></a>
  <div class="card-body">
    <h5 class="card-title">Deseñador/a Destacado/a do Día</h5>
    <p class="card-text">A' Design Award destaca cada día un deseñador líder, un arquitecto estrela, un creativo de primeiro nivel ou un innovador como o Deseñador/a Destacado/a do Día, mostrando os seus logros, traballo creativo e contribucións ao mundo do deseño.</p>
    <a href="https://designerhighlightoftheday.com/gl/" class="btn btn-danger" target="_blank" rel="noopener">Descubrir o Deseñador/a Destacado/a do Día</a>
  </div>
</div>
<div data-dotd="designerhighlightoftheday.com" data-dotd-variant="card"></div>
<script async src="https://designerhighlightoftheday.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://designerhighlightoftheday.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": "designerhighlightoftheday.com",
    "name": "Deseñador/a Destacado/a do Día",
    "feature": "Deseñador/a Destacado/a do Día",
    "paragraph": "A' Design Award destaca cada día un deseñador líder, un arquitecto estrela, un creativo de primeiro nivel ou un innovador como o Deseñador/a Destacado/a do Día, mostrando os seus logros, traballo creativo e contribucións ao mundo do deseño.",
    "description": "Deseñador/a Destacado/a do Día presenta cada día un deseñador líder, un arquitecto estrela, un creativo de primeiro nivel ou un innovador, mostrando os seus logros, traballo creativo e contribucións ao mundo do deseño, recoñecidos polo moi prestixioso A' Design Award and Competition.",
    "call_to_action": "Descubrir o Deseñador/a Destacado/a do Día",
    "date": "2026-11-08",
    "language": "gl",
    "image": "https://competition.adesignaward.com/highlight-of-the-day/today.png",
    "image_alt": "Deseñador/a Destacado/a do Día que presenta un deseñador notable, parte da comunidade global do deseño",
    "url": "https://designerhighlightoftheday.com/gl/",
    "feature_url": "https://competition.adesignaward.com/designer-highlight-of-the-day.html",
    "registry_url": "https://competition.adesignaward.com/designer-highlights-of-the-days.php",
    "embed_url": "https://designerhighlightoftheday.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.

Cita de deseño do día

Cita de deseño do día

DesignAdage