Ir al contenido principal

Entrevista del Día

Inserta Entrevista de Diseño del Día en tu sitio web

Entrevista del Día publica un contenido destacado cada día. La dirección de la imagen no cambia, pero la imagen detrás de ella sí, así que añades el código una sola vez y tus visitantes ven automáticamente el contenido del día.

Cómo funciona

Cada día se publica una nueva imagen en una dirección fija. Tu página carga esa dirección, por lo que siempre muestra el contenido actual, y un clic lleva a tus visitantes a Entrevista del Día donde se cuenta la historia completa.

¿Prefieres un script? Añade un contenedor y un script: el widget dibuja el estilo que elijas con data-dotd-variant (image, cta o card), en el idioma de la dirección del script cuando ese idioma esté disponible. Si no puedes ejecutar scripts, utiliza la versión HTML de la misma variante.

Variante A: solo imagen

La imagen del día, enlazada a Entrevista del Día. La opción más ligera.

Vista previa en vivo

<a href="https://interviewoftheday.com/es/" target="_blank" rel="noopener">
  <img src="https://competition.adesignaward.com/design-interview-of-the-day/today.png" alt="Entrevista de Diseño del Día con una conversación en profundidad con un líder de la industria" loading="lazy" style="max-width:100%;height:auto">
</a>
<div data-dotd="interviewoftheday.com" data-dotd-variant="image"></div>
<script async src="https://interviewoftheday.com/feature.js?lang=es"></script>

Variante B: imagen y llamada a la acción

La imagen del día con una llamada a la acción debajo.

Vista previa en vivo

<a href="https://interviewoftheday.com/es/" 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-interview-of-the-day/today.png" alt="Entrevista de Diseño del Día con una conversación en profundidad con un líder de la industria" 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">Descubre la Entrevista de Diseño del Día</span>
</a>
<div data-dotd="interviewoftheday.com" data-dotd-variant="cta"></div>
<script async src="https://interviewoftheday.com/feature.js?lang=es"></script>

Variante C: tarjeta Bootstrap

Una tarjeta Bootstrap con la imagen, el título del contenido destacado, un párrafo breve y un botón de llamada a la acción. Tu página necesita Bootstrap.

Vista previa en vivo

<div class="card" style="max-width:24rem">
  <a href="https://interviewoftheday.com/es/" target="_blank" rel="noopener"><img src="https://competition.adesignaward.com/design-interview-of-the-day/today.png" class="card-img-top" alt="Entrevista de Diseño del Día con una conversación en profundidad con un líder de la industria" loading="lazy"></a>
  <div class="card-body">
    <h5 class="card-title">Entrevista de Diseño del Día</h5>
    <p class="card-text">A' Design Award presenta a diario una entrevista con un diseñador, arquitecto o profesional creativo de talla mundial como la Entrevista de Diseño del Día, explorando su trayectoria, filosofía de diseño, proceso creativo y visión sobre el futuro del diseño.</p>
    <a href="https://interviewoftheday.com/es/" class="btn btn-danger" target="_blank" rel="noopener">Descubre la Entrevista de Diseño del Día</a>
  </div>
</div>
<div data-dotd="interviewoftheday.com" data-dotd-variant="card"></div>
<script async src="https://interviewoftheday.com/feature.js?lang=es"></script>

Opción 3: JSON

Para desarrolladores, aplicaciones y automatización. El JSON contiene el nombre, la descripción, la dirección de la imagen, los enlaces y la fecha. Se permiten solicitudes de origen cruzado.

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

Ejemplo de respuesta

{
    "domain": "interviewoftheday.com",
    "name": "Entrevista del Día",
    "feature": "Entrevista de Diseño del Día",
    "paragraph": "A' Design Award presenta a diario una entrevista con un diseñador, arquitecto o profesional creativo de talla mundial como la Entrevista de Diseño del Día, explorando su trayectoria, filosofía de diseño, proceso creativo y visión sobre el futuro del diseño.",
    "description": "Entrevista del Día presenta a diario entrevistas con diseñadores, arquitectos y profesionales creativos de talla mundial reconocidos por el altamente prestigioso A' Design Award and Competition, explorando las trayectorias, experiencias profesionales, filosofías de diseño, procesos creativos, proyectos y perspectivas de diseñadores líderes sobre el futuro del diseño.",
    "call_to_action": "Descubre la Entrevista de Diseño del Día",
    "date": "2026-11-08",
    "language": "es",
    "image": "https://competition.adesignaward.com/design-interview-of-the-day/today.png",
    "image_alt": "Entrevista de Diseño del Día con una conversación en profundidad con un líder de la industria",
    "url": "https://interviewoftheday.com/es/",
    "feature_url": "https://competition.adesignaward.com/design-interview-of-the-day.html",
    "registry_url": "https://competition.adesignaward.com/design-interviews-of-the-days.php",
    "embed_url": "https://interviewoftheday.com/es/destacado/"
}

Información útil

  • Mantén el enlace alrededor de la imagen para que tus visitantes puedan descubrir el contenido destacado completo.
  • Utiliza siempre la dirección de imagen indicada arriba y no guardes una copia, así tu página se mantendrá actualizada.
  • La imagen es adaptable: nunca crece más que su contenedor.
  • ¿Necesitas ayuda o un formato personalizado? Por favor, contáctanos.

Cita de diseño del día

Cita de diseño del día

DesignAdage