Concebedor del Jorn
Integrar Concebedor del Jorn sul vòstre site web
Concebedor 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 Concebedor 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 Concebedor del Jorn. L'opcion la mai lejèra.
Apercòp en dirècte
<a href="https://designeroftheday.com/oc/" target="_blank" rel="noopener">
<img src="https://competition.adesignaward.com/designer-of-the-day/today.png" alt="Retrach del Concebedor del Jorn mettent en valor lo visionari creatiu del jorn" loading="lazy" style="max-width:100%;height:auto">
</a><div data-dotd="designeroftheday.com" data-dotd-variant="image"></div>
<script async src="https://designeroftheday.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://designeroftheday.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/designer-of-the-day/today.png" alt="Retrach del Concebedor del Jorn mettent en valor lo visionari creatiu del jorn" 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 lo Concebedor del Jorn</span>
</a><div data-dotd="designeroftheday.com" data-dotd-variant="cta"></div>
<script async src="https://designeroftheday.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://designeroftheday.com/oc/" target="_blank" rel="noopener"><img src="https://competition.adesignaward.com/designer-of-the-day/today.png" class="card-img-top" alt="Retrach del Concebedor del Jorn mettent en valor lo visionari creatiu del jorn" loading="lazy"></a>
<div class="card-body">
<h5 class="card-title">Concebedor del Jorn</h5>
<p class="card-text">Lo Prèmi A' Design de Concòrdi presenta cada jorn un concebedor de grand talent o un arquitecte de nòta mondiala coma lo Concebedor del Jorn, en presentant las personas darrièr una òbra creativa distingida, lor filosofia de concòrdi, lors projèctes notables e lors realizacions.</p>
<a href="https://designeroftheday.com/oc/" class="btn btn-danger" target="_blank" rel="noopener">Descobrissètz lo Concebedor del Jorn</a>
</div>
</div><div data-dotd="designeroftheday.com" data-dotd-variant="card"></div>
<script async src="https://designeroftheday.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://designeroftheday.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": "designeroftheday.com",
"name": "Concebedor del Jorn",
"feature": "Concebedor del Jorn",
"paragraph": "Lo Prèmi A' Design de Concòrdi presenta cada jorn un concebedor de grand talent o un arquitecte de nòta mondiala coma lo Concebedor del Jorn, en presentant las personas darrièr una òbra creativa distingida, lor filosofia de concòrdi, lors projèctes notables e lors realizacions.",
"description": "Concebedor del Jorn presenta cada jorn un concebedor de grand talent o un arquitecte de nòta mondiala, en presentant las personas magníficas darrièr una òbra creativa distingida, lor parcors professional, lor filosofia de concòrdi, lors projèctes notables e lors realizacions reconegudas pel fòrça prestigiós Prèmi A' Design Award and Competition.",
"call_to_action": "Descobrissètz lo Concebedor del Jorn",
"date": "2026-11-08",
"language": "oc",
"image": "https://competition.adesignaward.com/designer-of-the-day/today.png",
"image_alt": "Retrach del Concebedor del Jorn mettent en valor lo visionari creatiu del jorn",
"url": "https://designeroftheday.com/oc/",
"feature_url": "https://competition.adesignaward.com/designer-of-the-day.html",
"registry_url": "https://competition.adesignaward.com/designers-of-the-days.php",
"embed_url": "https://designeroftheday.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.