Dizajner dana

Ugradite Dizajner dana na svoju web stranicu

Dizajner dana svaki dan objavljuje novi istaknuti sadržaj. Adresa slike se nikada ne mijenja, ali slika iza nje se mijenja, pa kod dodate samo jednom, a vaši posjetitelji automatski vide današnji istaknuti sadržaj.

Kako funkcionira

Svaki dan nova slika objavljuje se na jednoj fiksnoj adresi. Vaša stranica učitava tu adresu pa uvijek prikazuje trenutni istaknuti sadržaj, a klikom se vaši posjetitelji vode na Dizajner dana gdje mogu pročitati cijelu priču.

Preferirate skriptu? Dodajte jedan kontejner i jednu skriptu: widget iscrtava stil koji odaberete pomoću data-dotd-variant (image, cta ili card), na jeziku adrese skripte kada je taj jezik dostupan. Ako ne možete pokretati skripte, koristite HTML verziju iste varijante.

Varijanta A: samo slika

Današnja slika, povezana na Dizajner dana. Najlakša opcija.

Pregled uživo

<a href="https://designeroftheday.com/hr/" target="_blank" rel="noopener">
  <img src="https://competition.adesignaward.com/designer-of-the-day/today.png" alt="Portret Dizajnera dana koji prikazuje današnjeg priznatog kreativnog vizionara" 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=hr"></script>

Varijanta B: slika i poziv na akciju

Današnja slika s pozivom na akciju ispod.

Pregled uživo

<a href="https://designeroftheday.com/hr/" 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="Portret Dizajnera dana koji prikazuje današnjeg priznatog kreativnog vizionara" 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">Otkrijte Dizajnera dana</span>
</a>

<div data-dotd="designeroftheday.com" data-dotd-variant="cta"></div>
<script async src="https://designeroftheday.com/feature.js?lang=hr"></script>

Varijanta C: Bootstrap kartica

Bootstrap kartica sa slikom, naslovom istaknutog sadržaja, kratkim odlomkom i gumbom za poziv na akciju. Vaša stranica treba Bootstrap.

Pregled uživo

<div class="card" style="max-width:24rem">
  <a href="https://designeroftheday.com/hr/" target="_blank" rel="noopener"><img src="https://competition.adesignaward.com/designer-of-the-day/today.png" class="card-img-top" alt="Portret Dizajnera dana koji prikazuje današnjeg priznatog kreativnog vizionara" loading="lazy"></a>
  <div class="card-body">
    <h5 class="card-title">Dizajner dana</h5>
    <p class="card-text">A' Design Award svaki dan predstavlja vrlo talentiranog dizajnera ili arhitekta svjetske klase kao Dizajnera dana, prikazujući ljude iza istaknutog kreativnog rada, njihovu dizajnersku filozofiju, značajne projekte i postignuća.</p>
    <a href="https://designeroftheday.com/hr/" class="btn btn-danger" target="_blank" rel="noopener">Otkrijte Dizajnera dana</a>
  </div>
</div>

<div data-dotd="designeroftheday.com" data-dotd-variant="card"></div>
<script async src="https://designeroftheday.com/feature.js?lang=hr"></script>

Opcija 3: JSON

Za programere, aplikacije i automatizaciju. JSON sadrži naziv, opis, adresu slike, poveznice i datum. Zahtjevi s drugih domena su dopušteni.

fetch("https://designeroftheday.com/feature.json?lang=hr")
  .then(function (r) { return r.json(); })
  .then(function (d) {
    // d.name, d.feature, d.paragraph, d.image, d.url, d.date ...
  });

Primjer odgovora

{
    "domain": "designeroftheday.com",
    "name": "Dizajner dana",
    "feature": "Dizajner dana",
    "paragraph": "A' Design Award svaki dan predstavlja vrlo talentiranog dizajnera ili arhitekta svjetske klase kao Dizajnera dana, prikazujući ljude iza istaknutog kreativnog rada, njihovu dizajnersku filozofiju, značajne projekte i postignuća.",
    "description": "Dizajner dana svaki dan predstavlja vrlo talentiranog dizajnera ili arhitekta svjetske klase, prikazujući iznimne ljude iza istaknutog kreativnog rada, njihovu profesionalnu pozadinu, dizajnersku filozofiju, značajne projekte i postignuća priznata od strane iznimno prestižnog natjecanja A' Design Award and Competition.",
    "call_to_action": "Otkrijte Dizajnera dana",
    "date": "2026-11-08",
    "language": "hr",
    "image": "https://competition.adesignaward.com/designer-of-the-day/today.png",
    "image_alt": "Portret Dizajnera dana koji prikazuje današnjeg priznatog kreativnog vizionara",
    "url": "https://designeroftheday.com/hr/",
    "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/hr/znacajka/"
}

Dobro je znati

Zadržite poveznicu oko slike kako bi vaši posjetitelji mogli otkriti cijeli istaknuti sadržaj.
Uvijek koristite gore prikazanu adresu slike i nemojte pohranjivati kopiju, kako bi vaša stranica bila ažurna.
Slika je responzivna: nikada ne postaje šira od svog kontejnera.
Trebate pomoć ili prilagođeni format? Kontaktirajte nas.

Sponzorirano

Otkrijte nagrađivane dizajne