Przejdź do głównej treści

Wyróżniony Projektant Dnia

Osadź Wyróżniony Projektant Dnia na swojej stronie

Wyróżniony Projektant Dnia publikuje nową prezentację każdego dnia. Adres obrazka nie zmienia się, ale zdjęcie pod nim — tak. Wystarczy raz dodać kod, a Twoi odwiedzający automatycznie zobaczą dzisiejszą prezentację.

Jak to działa

Każdego dnia pod jednym stałym adresem publikowany jest nowy obraz. Twoja strona ładuje ten adres, więc zawsze wyświetla bieżącą prezentację, a kliknięcie przenosi odwiedzających do Wyróżniony Projektant Dnia, gdzie znajduje się pełna historia.

Wolisz skrypt? Dodaj jeden kontener i jeden skrypt: widżet rysuje styl wybrany za pomocą data-dotd-variant (image, cta lub card), w języku określonym adresem skryptu, jeśli dany język jest dostępny. Jeśli nie możesz uruchamiać skryptów, użyj wersji HTML tego samego wariantu.

Wariant A: sam obrazek

Dzisiejszy obrazek z linkiem do Wyróżniony Projektant Dnia. Najlżejsza opcja.

Podgląd na żywo

<a href="https://designerhighlightoftheday.com/pl/" target="_blank" rel="noopener">
  <img src="https://competition.adesignaward.com/highlight-of-the-day/today.png" alt="Wyróżniony Projektant Dnia prezentujący wyjątkowego projektanta, członka globalnej społeczności designu" loading="lazy" style="max-width:100%;height:auto">
</a>
<div data-dotd="designerhighlightoftheday.com" data-dotd-variant="image"></div>
<script async src="https://designerhighlightoftheday.com/feature.js?lang=pl"></script>

Wariant B: obrazek i wezwanie do działania

Dzisiejszy obrazek z wezwaniem do działania poniżej.

Podgląd na żywo

<a href="https://designerhighlightoftheday.com/pl/" target="_blank" rel="noopener" style="display:block;max-width:100%;color:inherit;text-decoration:none;text-align:center">
  <img src="https://competition.adesignaward.com/highlight-of-the-day/today.png" alt="Wyróżniony Projektant Dnia prezentujący wyjątkowego projektanta, członka globalnej społeczności designu" 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">Odkryj Wyróżnionego Projektanta Dnia</span>
</a>
<div data-dotd="designerhighlightoftheday.com" data-dotd-variant="cta"></div>
<script async src="https://designerhighlightoftheday.com/feature.js?lang=pl"></script>

Wariant C: karta Bootstrap

Karta Bootstrap z obrazkiem, tytułem prezentacji, krótkim opisem i przyciskiem wezwania do działania. Twoja strona wymaga Bootstrap.

Podgląd na żywo

<div class="card" style="max-width:24rem">
  <a href="https://designerhighlightoftheday.com/pl/" target="_blank" rel="noopener"><img src="https://competition.adesignaward.com/highlight-of-the-day/today.png" class="card-img-top" alt="Wyróżniony Projektant Dnia prezentujący wyjątkowego projektanta, członka globalnej społeczności designu" loading="lazy"></a>
  <div class="card-body">
    <h5 class="card-title">Wyróżniony Projektant Dnia</h5>
    <p class="card-text">A' Design Award codziennie prezentuje czołowego projektanta, wybitnego architekta, topowego twórcę lub innowatora jako Wyróżnionego Projektanta Dnia, ukazując ich osiągnięcia, prace twórcze i wkład w świat designu.</p>
    <a href="https://designerhighlightoftheday.com/pl/" class="btn btn-danger" target="_blank" rel="noopener">Odkryj Wyróżnionego Projektanta Dnia</a>
  </div>
</div>
<div data-dotd="designerhighlightoftheday.com" data-dotd-variant="card"></div>
<script async src="https://designerhighlightoftheday.com/feature.js?lang=pl"></script>

Opcja 3: JSON

Dla programistów, aplikacji i automatyzacji. JSON zawiera nazwę, opis, adres obrazka, linki i datę. Żądania między domenami są dozwolone.

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

Przykładowa odpowiedź

{
    "domain": "designerhighlightoftheday.com",
    "name": "Wyróżniony Projektant Dnia",
    "feature": "Wyróżniony Projektant Dnia",
    "paragraph": "A' Design Award codziennie prezentuje czołowego projektanta, wybitnego architekta, topowego twórcę lub innowatora jako Wyróżnionego Projektanta Dnia, ukazując ich osiągnięcia, prace twórcze i wkład w świat designu.",
    "description": "Wyróżniony Projektant Dnia codziennie prezentuje czołowego projektanta, wybitnego architekta, topowego twórcę lub innowatora, ukazując ich osiągnięcia, prace twórcze i wkład w świat designu, wyłonionych przez prestiżowy konkurs A' Design Award and Competition.",
    "call_to_action": "Odkryj Wyróżnionego Projektanta Dnia",
    "date": "2026-11-08",
    "language": "pl",
    "image": "https://competition.adesignaward.com/highlight-of-the-day/today.png",
    "image_alt": "Wyróżniony Projektant Dnia prezentujący wyjątkowego projektanta, członka globalnej społeczności designu",
    "url": "https://designerhighlightoftheday.com/pl/",
    "feature_url": "https://competition.adesignaward.com/designer-highlight-of-the-day.html",
    "registry_url": "https://competition.adesignaward.com/designer-highlights-of-the-days.php",
    "embed_url": "https://designerhighlightoftheday.com/pl/prezentacja/"
}

Warto wiedzieć

  • Zachowaj link wokół obrazka, aby odwiedzający mogli odkryć pełną prezentację.
  • Zawsze używaj adresu obrazka podanego powyżej i nie zapisuj kopii, aby Twoja strona była aktualna.
  • Obrazek jest responsywny: nigdy nie przekracza szerokości swojego kontenera.
  • Potrzebujesz pomocy lub niestandardowego formatu? Skontaktuj się z nami.

Cytat designu dnia

Cytat designu dnia

DesignAdage