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.org/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.org" data-dotd-variant="image"></div>
<script async src="https://designteamoftheday.org/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.org/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.org" data-dotd-variant="cta"></div>
<script async src="https://designteamoftheday.org/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.org/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.org/ro/" class="btn btn-danger" target="_blank" rel="noopener">Descoperă Echipa de Design a Zilei</a>
  </div>
</div>
<div data-dotd="designteamoftheday.org" data-dotd-variant="card"></div>
<script async src="https://designteamoftheday.org/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.org/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.org",
    "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 evidențiază în fiecare zi o echipă creativă de top care modelează designul contemporan, prezentând oamenii creativi, echipele colaborative, procesele, ideile comune și expertiza profesională din spatele proiectelor remarcabile recunoscute de prestigioasa A' Design Award and Competition.",
    "call_to_action": "Descoperă Echipa de Design a Zilei",
    "date": "2026-11-15",
    "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.org/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.org/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