Tendéncia de Concòrdi del Jorn

Integrar Tendéncia de Concòrdi del Jorn sul vòstre site web

Tendéncia de Concòrdi 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 Tendéncia de Concòrdi 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 Tendéncia de Concòrdi del Jorn. L'opcion la mai lejèra.

Apercòp en dirècte

<a href="https://designtrendoftheday.com/oc/" target="_blank" rel="noopener">
  <img src="https://competition.adesignaward.com/design-trend-of-the-day/today.png" alt="Visualizacion de la Tendéncia de Concòrdi del Jorn mostrant los corrents emergents que façònan l'avenidor del concòrdi" loading="lazy" style="max-width:100%;height:auto">
</a>

<div data-dotd="designtrendoftheday.com" data-dotd-variant="image"></div>
<script async src="https://designtrendoftheday.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://designtrendoftheday.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-trend-of-the-day/today.png" alt="Visualizacion de la Tendéncia de Concòrdi del Jorn mostrant los corrents emergents que façònan l'avenidor del concòrdi" 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 la Tendéncia de Concòrdi del Jorn</span>
</a>

<div data-dotd="designtrendoftheday.com" data-dotd-variant="cta"></div>
<script async src="https://designtrendoftheday.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://designtrendoftheday.com/oc/" target="_blank" rel="noopener"><img src="https://competition.adesignaward.com/design-trend-of-the-day/today.png" class="card-img-top" alt="Visualizacion de la Tendéncia de Concòrdi del Jorn mostrant los corrents emergents que façònan l'avenidor del concòrdi" loading="lazy"></a>
  <div class="card-body">
    <h5 class="card-title">Tendéncia de Concòrdi del Jorn</h5>
    <p class="card-text">Lo Prèmi A' Design de Concòrdi explòra cada jorn una tendéncia de concòrdi originala, en presentant los estils emergents, las esteticas cambiants e las novèlas direccions creativas que influéncian la manièra dont los productes, los projèctes e las experiéncias son concebuts coma la Tendéncia de Concòrdi del Jorn.</p>
    <a href="https://designtrendoftheday.com/oc/" class="btn btn-danger" target="_blank" rel="noopener">Descobrissètz la Tendéncia de Concòrdi del Jorn</a>
  </div>
</div>

<div data-dotd="designtrendoftheday.com" data-dotd-variant="card"></div>
<script async src="https://designtrendoftheday.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://designtrendoftheday.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": "designtrendoftheday.com",
    "name": "Tendéncia de Concòrdi del Jorn",
    "feature": "Tendéncia de Concòrdi del Jorn",
    "paragraph": "Lo Prèmi A' Design de Concòrdi explòra cada jorn una tendéncia de concòrdi originala, en presentant los estils emergents, las esteticas cambiants e las novèlas direccions creativas que influéncian la manièra dont los productes, los projèctes e las experiéncias son concebuts coma la Tendéncia de Concòrdi del Jorn.",
    "description": "Tendéncia de Concòrdi del Jorn explòra cada jorn una tendéncia de concòrdi originala, en presentant los estils emergents, las esteticas cambiants, las novèlas direccions creativas e los apròchis innovants que influéncian la manièra dont los productes, los projèctes e las experiéncias son concebuts, coma reconegut pel fòrça prestigiós Prèmi A' Design Award and Competition.",
    "call_to_action": "Descobrissètz la Tendéncia de Concòrdi del Jorn",
    "date": "2026-11-08",
    "language": "oc",
    "image": "https://competition.adesignaward.com/design-trend-of-the-day/today.png",
    "image_alt": "Visualizacion de la Tendéncia de Concòrdi del Jorn mostrant los corrents emergents que façònan l'avenidor del concòrdi",
    "url": "https://designtrendoftheday.com/oc/",
    "feature_url": "https://competition.adesignaward.com/design-trend-of-the-day.html",
    "registry_url": "https://competition.adesignaward.com/design-trends-of-the-days.php",
    "embed_url": "https://designtrendoftheday.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.

Patrocinat

Descobrissètz los concèpcions premiadas