Entrevista del Jorn
Integrar Entrevista de Concòrdi del Jorn sul vòstre site web
Entrevista del Jorn publica un novèl article cade jorn. L'adreça de l'imatge càmbia pas, mas la fòto qu'i a darrèr se renòva, de bfo que posfo lo còdi un còp e vòstres vesitaires veson automaticament l'article del jorn.
Cossí fonciona
Cade jorn una imatge novèla es publicada a una adreça fixa. Vòstra pagina carga aquela adreça, doncas mostra totjorn l'article actual, e un clic mena vòstres vesitaires cap a Entrevista del Jorn ont l'istòria completa es contada.
Preferfo un escript? Apondfo un contenedor e un escript : lo widget dessenha l'estil que causissfo amb data-dotd-variant (image, cta o card), dins la lenga de l'adreça de l'escript quand aquela lenga es disponibla. Se podfo pas executar d'escripts, utilizfo la version HTML de la meteissa varianta.
Varianta A : imatge solament
La fòto del jorn, ligada a Entrevista del Jorn. L'opcion la mai lejèra.
Apercòp en dirècte
<a href="https://interviewoftheday.com/oc/" target="_blank" rel="noopener">
<img src="https://competition.adesignaward.com/design-interview-of-the-day/today.png" alt="Entrevista de Concòrdi del Jorn presentant una conversacion aprigondida amb un líder del domòni" 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=oc"></script>
Varianta B : imatge e apèl a l'accion
La fòto del jorn amb un apèl a l'accion dejós.
Apercòp en dirècte
<a href="https://interviewoftheday.com/oc/" 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 Concòrdi del Jorn presentant una conversacion aprigondida amb un líder del domòni" 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">Descobrissètz l'Entrevista de Concòrdi del Jorn</span>
</a>
<div data-dotd="interviewoftheday.com" data-dotd-variant="cta"></div>
<script async src="https://interviewoftheday.com/feature.js?lang=oc"></script>
Varianta C : carta Bootstrap
Una carta Bootstrap amb la fòto, lo títol de l'article, un paragraf cort e un bofo d'apèl a l'accion. Vòstra pagina necessita Bootstrap.
Apercòp en dirècte
<div class="card" style="max-width:24rem">
<a href="https://interviewoftheday.com/oc/" target="_blank" rel="noopener"><img src="https://competition.adesignaward.com/design-interview-of-the-day/today.png" class="card-img-top" alt="Entrevista de Concòrdi del Jorn presentant una conversacion aprigondida amb un líder del domòni" loading="lazy"></a>
<div class="card-body">
<h5 class="card-title">Entrevista de Concòrdi del Jorn</h5>
<p class="card-text">Lo Prèmi A' Design de Concòrdi presenta cada jorn una entrevista amb un concebedor de nòta mondiala, un arquitecte o un professional creatiu coma l'Entrevista de Concòrdi del Jorn, en explorant lor parcors, lor filosofia de concòrdi, lor processús creatiu e lors visions sus l'avenidor del concòrdi.</p>
<a href="https://interviewoftheday.com/oc/" class="btn btn-danger" target="_blank" rel="noopener">Descobrissètz l'Entrevista de Concòrdi del Jorn</a>
</div>
</div>
<div data-dotd="interviewoftheday.com" data-dotd-variant="card"></div>
<script async src="https://interviewoftheday.com/feature.js?lang=oc"></script>
Opcion 3 : JSON
Per los desvolopaires, las aplicacions e l'automatizacion. Lo JSON conten lo nom, la descripcion, l'adreça de l'imatge, los ligams e la data. Las requèstas cross-origin son autorizadas.
fetch("https://interviewoftheday.com/feature.json?lang=oc")
.then(function (r) { return r.json(); })
.then(function (d) {
// d.name, d.feature, d.paragraph, d.image, d.url, d.date ...
});
Responsa d'exemple
{
"domain": "interviewoftheday.com",
"name": "Entrevista del Jorn",
"feature": "Entrevista de Concòrdi del Jorn",
"paragraph": "Lo Prèmi A' Design de Concòrdi presenta cada jorn una entrevista amb un concebedor de nòta mondiala, un arquitecte o un professional creatiu coma l'Entrevista de Concòrdi del Jorn, en explorant lor parcors, lor filosofia de concòrdi, lor processús creatiu e lors visions sus l'avenidor del concòrdi.",
"description": "Entrevista del Jorn presenta cada jorn d'entrevistas amb de concebedors de nòta mondiala, d'arquitectes e de professionals creatius reconeguts pel fòrça prestigiós Prèmi A' Design Award and Competition, en explorant lor parcors, lors experiéncias professionalas, lors filosofias de concòrdi, lors processús creatius, lors projèctes e las perspectivas dels concebedors de renom sus l'avenidor del concòrdi.",
"call_to_action": "Descobrissètz l'Entrevista de Concòrdi del Jorn",
"date": "2026-11-08",
"language": "oc",
"image": "https://competition.adesignaward.com/design-interview-of-the-day/today.png",
"image_alt": "Entrevista de Concòrdi del Jorn presentant una conversacion aprigondida amb un líder del domòni",
"url": "https://interviewoftheday.com/oc/",
"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/oc/integracion/"
}
Bon de saber
- Gardfo lo ligam a l'entorn de l'imatge, per que vòstres vesitaires pòscan descobrir l'article complet.
- Utilizfo totjorn l'adreça de l'imatge mostrada çai-dessús e gardfo pas de còpia, per que vòstra pagina demòre a jorn.
- L'imatge es adaptativa : s'alarguís pas mai que son contenedor.
- Avfo befo d'ajuda o d'un format personalizat? Contactfo-nos s'os plai.