Trendul de Design al Zilei
Încorporați Trendul de Design al Zilei pe site-ul dumneavoastră
Trendul de Design al Zilei publică zilnic un articol nou. Adresa imaginii nu se schimbă niciodată, dar fotografia din spatele ei da, așa că adăugați codul o singură dată, iar vizitatorii dumneavoastră văd automat articolul zilei.
Cum funcționează
În fiecare zi, o imagine nouă este publicată la o adresă fixă. Pagina dumneavoastră încarcă acea adresă, astfel încât afișează întotdeauna articolul curent, iar un clic îi duce pe vizitatori la Trendul de Design al Zilei, unde este prezentată povestea completă.
Preferați un script? Adăugați un container și un script: widget-ul desenează stilul ales cu data-dotd-variant (image, cta sau card), în limba adresei scriptului, dacă limba respectivă este disponibilă. Dacă nu puteți rula scripturi, folosiți versiunea HTML a aceleiași variante.
Varianta A: doar imagine
Imaginea zilei, cu link către Trendul de Design al Zilei. Cea mai ușoară opțiune.
Previzualizare live
<a href="https://designtrendoftheday.com/ro/" target="_blank" rel="noopener">
<img src="https://competition.adesignaward.com/design-trend-of-the-day/today.png" alt="Trendul de Design al Zilei vizualizând tendințele emergente care modelează viitorul designului" 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=ro"></script>Varianta B: imagine și îndemn la acțiune
Imaginea zilei cu un îndemn la acțiune dedesubt.
Previzualizare live
<a href="https://designtrendoftheday.com/ro/" 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="Trendul de Design al Zilei vizualizând tendințele emergente care modelează viitorul designului" 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">Descoperă Trendul de Design al Zilei</span>
</a><div data-dotd="designtrendoftheday.com" data-dotd-variant="cta"></div>
<script async src="https://designtrendoftheday.com/feature.js?lang=ro"></script>Varianta C: card Bootstrap
Un card Bootstrap cu imaginea, titlul articolului, un scurt paragraf și un buton de îndemn la acțiune. Pagina dumneavoastră are nevoie de Bootstrap.
Previzualizare live
<div class="card" style="max-width:24rem">
<a href="https://designtrendoftheday.com/ro/" target="_blank" rel="noopener"><img src="https://competition.adesignaward.com/design-trend-of-the-day/today.png" class="card-img-top" alt="Trendul de Design al Zilei vizualizând tendințele emergente care modelează viitorul designului" loading="lazy"></a>
<div class="card-body">
<h5 class="card-title">Trendul de Design al Zilei</h5>
<p class="card-text">A' Design Award explorează în fiecare zi un trend original de design, prezentând stiluri emergente, estetici în schimbare și noi direcții creative care influențează modul în care sunt proiectate produsele, proiectele și experiențele ca Trendul de Design al Zilei.</p>
<a href="https://designtrendoftheday.com/ro/" class="btn btn-danger" target="_blank" rel="noopener">Descoperă Trendul de Design al Zilei</a>
</div>
</div><div data-dotd="designtrendoftheday.com" data-dotd-variant="card"></div>
<script async src="https://designtrendoftheday.com/feature.js?lang=ro"></script>Opțiunea 3: JSON
Pentru dezvoltatori, aplicații și automatizare. Fișierul JSON conține numele, descrierea, adresa imaginii, linkurile și data. Cererile cross-origin sunt permise.
fetch("https://designtrendoftheday.com/feature.json?lang=ro")
.then(function (r) { return r.json(); })
.then(function (d) {
// d.name, d.feature, d.paragraph, d.image, d.url, d.date ...
});Exemplu de răspuns
{
"domain": "designtrendoftheday.com",
"name": "Trendul de Design al Zilei",
"feature": "Trendul de Design al Zilei",
"paragraph": "A' Design Award explorează în fiecare zi un trend original de design, prezentând stiluri emergente, estetici în schimbare și noi direcții creative care influențează modul în care sunt proiectate produsele, proiectele și experiențele ca Trendul de Design al Zilei.",
"description": "Trendul de Design al Zilei explorează în fiecare zi un trend original de design, prezentând stiluri emergente, estetici în schimbare, noi direcții creative și abordări inovatoare care influențează modul în care sunt proiectate produsele, proiectele și experiențele, recunoscute de prestigioasa A' Design Award and Competition.",
"call_to_action": "Descoperă Trendul de Design al Zilei",
"date": "2026-11-08",
"language": "ro",
"image": "https://competition.adesignaward.com/design-trend-of-the-day/today.png",
"image_alt": "Trendul de Design al Zilei vizualizând tendințele emergente care modelează viitorul designului",
"url": "https://designtrendoftheday.com/ro/",
"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/ro/prezentare/"
}Bine de știut
- Păstrați linkul în jurul imaginii, pentru ca vizitatorii dumneavoastră să poată descoperi articolul complet.
- Folosiți întotdeauna adresa imaginii afișată mai sus și nu salvați o copie, pentru ca pagina dumneavoastră să rămână actualizată.
- Imaginea este responsivă: nu devine niciodată mai lată decât containerul său.
- Aveți nevoie de ajutor sau de un format personalizat? Vă rugăm să ne contactați.