Дызайн-трэнд дня

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

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

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

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

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

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

Сённяшні малюнак са спасылкай на Дызайн-трэнд дня. Самы лёгкі варыянт.

Жывы прагляд

<a href="https://designtrendoftheday.com/be/" target="_blank" rel="noopener">
  <img src="https://competition.adesignaward.com/design-trend-of-the-day/today.png" alt="Дызайн-трэнд дня — візуалізацыя новых тэндэнцый, якія фарміруюць будучыню дызайну" loading="lazy" style="max-width:100%;height:auto">
</a>

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

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

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

Жывы прагляд

<a href="https://designtrendoftheday.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/design-trend-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="designtrendoftheday.com" data-dotd-variant="cta"></div>
<script async src="https://designtrendoftheday.com/feature.js?lang=be"></script>

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

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

Жывы прагляд

<div class="card" style="max-width:24rem">
  <a href="https://designtrendoftheday.com/be/" target="_blank" rel="noopener"><img src="https://competition.adesignaward.com/design-trend-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://designtrendoftheday.com/be/" class="btn btn-danger" target="_blank" rel="noopener">Адкрыйце Дызайн-трэнд дня</a>
  </div>
</div>

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

Варыянт 3: JSON

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

fetch("https://designtrendoftheday.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": "designtrendoftheday.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/design-trend-of-the-day/today.png",
    "image_alt": "Дызайн-трэнд дня — візуалізацыя новых тэндэнцый, якія фарміруюць будучыню дызайну",
    "url": "https://designtrendoftheday.com/be/",
    "feature_url": "https://competition.adesignaward.com/design-trend-of-the-day.html",
    "registry_url": "https://competition.adesignaward.com/design-trends-of-the-days.php",
    "embed_url": "https://designtrendoftheday.com/be/publikatsyya/"
}

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

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

Рэклама

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