Выбітны дызайнер дня

Убудуйце Выбітны дызайнер дня на свой вэб-сайт

Выбітны дызайнер дня публікуе новы матэрыял кожны дзень. Адрас выявы не мяняецца, але малюнак за ім абнаўляецца, таму вы дадаяце код адзін раз — і вашы наведвальнікі аўтаматычна бачаць сённяшні матэрыял.

Як гэта працуе

Кожны дзень новы малюнак публікуецца па адным нязменным адрасе. Ваша старонка загружае гэты адрас, таму заўсёды паказвае бягучы матэрыял, а клік вядзе наведвальнікаў на Выбітны дызайнер дня, дзе расказана ўся гісторыя.

Аддаяце перавагу скрыпту? Дадайце адзін кантэйнер і адзін скрыпт: віджэт малюе стыль, які вы выбіраеце праз data-dotd-variant (image, cta або card), на мове адраса скрыпта, калі гэтая мова даступная. Калі вы не можаце выконваць скрыпты, скарыстайцеся HTML-версіяй таго ж варыянту.

Варыянт A: толькі выява

Сённяшні малюнак са спасылкай на Выбітны дызайнер дня. Самы лёгкі варыянт.

Жывы прагляд

<a href="https://designerhighlightoftheday.com/be/" target="_blank" rel="noopener">
  <img src="https://competition.adesignaward.com/highlight-of-the-day/today.png" alt="Выбітны дызайнер дня — выдатны дызайнер, частка глабальнай дызайнерскай супольнасці" 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=be"></script>

Варыянт B: выява і заклік да дзеяння

Сённяшні малюнак з заклікам да дзеяння ніжэй.

Жывы прагляд

<a href="https://designerhighlightoftheday.com/be/" 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="Выбітны дызайнер дня — выдатны дызайнер, частка глабальнай дызайнерскай супольнасці" 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">Адкрыйце Выбітнага дызайнера дня</span>
</a>

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

Варыянт C: картка Bootstrap

Картка Bootstrap з малюнкам, назвай матэрыялу, кароткім абзацам і кнопкай закліку да дзеяння. Вашай старонцы патрэбны Bootstrap.

Жывы прагляд

<div class="card" style="max-width:24rem">
  <a href="https://designerhighlightoftheday.com/be/" target="_blank" rel="noopener"><img src="https://competition.adesignaward.com/highlight-of-the-day/today.png" class="card-img-top" alt="Выбітны дызайнер дня — выдатны дызайнер, частка глабальнай дызайнерскай супольнасці" loading="lazy"></a>
  <div class="card-body">
    <h5 class="card-title">Выбітны дызайнер дня</h5>
    <p class="card-text">A' Design Award штодня прадстаўляе вядучага дызайнера, зорнага архітэктара, топ-крэатыўшчыка або наватара ў якасці Выбітнага дызайнера дня, дэманструючы іх дасягненні, творчыя работы і ўклад у свет дызайну.</p>
    <a href="https://designerhighlightoftheday.com/be/" class="btn btn-danger" target="_blank" rel="noopener">Адкрыйце Выбітнага дызайнера дня</a>
  </div>
</div>

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

Варыянт 3: JSON

Для распрацоўшчыкаў, праграм і аўтаматызацыі. JSON змяшчае назву, апісанне, адрас выявы, спасылкі і дату. Крос-даменныя запыты дазволены.

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

Прыклад адказу

{
    "domain": "designerhighlightoftheday.com",
    "name": "Выбітны дызайнер дня",
    "feature": "Выбітны дызайнер дня",
    "paragraph": "A' Design Award штодня прадстаўляе вядучага дызайнера, зорнага архітэктара, топ-крэатыўшчыка або наватара ў якасці Выбітнага дызайнера дня, дэманструючы іх дасягненні, творчыя работы і ўклад у свет дызайну.",
    "description": "Выбітны дызайнер дня штодня прадстаўляе вядучага дызайнера, зорнага архітэктара, топ-крэатыўшчыка або наватара, дэманструючы іх дасягненні, творчыя работы і ўклад у свет дызайну, адзначаны высокапрэстыжнай прэміяй A' Design Award and Competition.",
    "call_to_action": "Адкрыйце Выбітнага дызайнера дня",
    "date": "2026-11-08",
    "language": "be",
    "image": "https://competition.adesignaward.com/highlight-of-the-day/today.png",
    "image_alt": "Выбітны дызайнер дня — выдатны дызайнер, частка глабальнай дызайнерскай супольнасці",
    "url": "https://designerhighlightoftheday.com/be/",
    "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/be/publikatsyya/"
}

Карысна ведаць

Захоўвайце спасылку вакол выявы, каб вашы наведвальнікі маглі адкрыць поўны матэрыял.
Заўсёды выкарыстоўвайце адрас выявы, паказаны вышэй, і не захоўвайце копію, каб ваша старонка заставалася актуальнай.
Выява адаптыўная: яна ніколі не становіцца шырэй за свой кантэйнер.
Патрэбна дапамога або нестандартны фармат? Калі ласка, звяжыцеся з намі.

Рэклама

Адкрыйце ўзнагароджаныя дызайны