Treceți la conținutul principal

Echipa de Design a Zilei

Încorporați Echipa de Design a Zilei pe site-ul dumneavoastră

Echipa de Design a 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 Echipa de Design a 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 Echipa de Design a Zilei. Cea mai ușoară opțiune.

Previzualizare live

<a href="https://designteamoftheday.com/ro/" target="_blank" rel="noopener">
  <img src="https://competition.adesignaward.com/design-team-of-the-day/today.png" alt="Echipa de Design a Zilei premiată, colaborând la proiecte inovatoare" loading="lazy" style="max-width:100%;height:auto">
</a>
<div data-dotd="designteamoftheday.com" data-dotd-variant="image"></div>
<script async src="https://designteamoftheday.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://designteamoftheday.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-team-of-the-day/today.png" alt="Echipa de Design a Zilei premiată, colaborând la proiecte inovatoare" 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ă Echipa de Design a Zilei</span>
</a>
<div data-dotd="designteamoftheday.com" data-dotd-variant="cta"></div>
<script async src="https://designteamoftheday.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://designteamoftheday.com/ro/" target="_blank" rel="noopener"><img src="https://competition.adesignaward.com/design-team-of-the-day/today.png" class="card-img-top" alt="Echipa de Design a Zilei premiată, colaborând la proiecte inovatoare" loading="lazy"></a>
  <div class="card-body">
    <h5 class="card-title">Echipa de Design a Zilei</h5>
    <p class="card-text">A' Design Award celebrează echipele creative din spatele proiectelor excepționale de design, arhitectură și inovație ca Echipa de Design a Zilei, prezentând studiouri de top a căror colaborare, viziune comună și expertiză ies în evidență.</p>
    <a href="https://designteamoftheday.com/ro/" class="btn btn-danger" target="_blank" rel="noopener">Descoperă Echipa de Design a Zilei</a>
  </div>
</div>
<div data-dotd="designteamoftheday.com" data-dotd-variant="card"></div>
<script async src="https://designteamoftheday.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://designteamoftheday.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": "designteamoftheday.com",
    "name": "Echipa de Design a Zilei",
    "feature": "Echipa de Design a Zilei",
    "paragraph": "A' Design Award celebrează echipele creative din spatele proiectelor excepționale de design, arhitectură și inovație ca Echipa de Design a Zilei, prezentând studiouri de top a căror colaborare, viziune comună și expertiză ies în evidență.",
    "description": "Echipa de Design a Zilei celebrează echipele creative din spatele proiectelor excepționale de design, arhitectură și inovație, prezentând designeri de talie mondială, arhitecți-vedetă și echipe de design de top din întreaga lume a căror colaborare, viziune comună și expertiză au fost recunoscute de prestigioasa A' Design Award and Competition.",
    "call_to_action": "Descoperă Echipa de Design a Zilei",
    "date": "2026-11-08",
    "language": "ro",
    "image": "https://competition.adesignaward.com/design-team-of-the-day/today.png",
    "image_alt": "Echipa de Design a Zilei premiată, colaborând la proiecte inovatoare",
    "url": "https://designteamoftheday.com/ro/",
    "feature_url": "https://competition.adesignaward.com/design-team-of-the-day.html",
    "registry_url": "https://competition.adesignaward.com/design-teams-of-the-days.php",
    "embed_url": "https://designteamoftheday.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.

Citatul de design al zilei

Citatul de design al zilei

DesignAdage