Інтэрв'ю дня

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

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

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

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

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

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

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

Жывы прагляд

<a href="https://interviewoftheday.com/be/" target="_blank" rel="noopener">
  <img src="https://competition.adesignaward.com/design-interview-of-the-day/today.png" alt="Дызайн-інтэрв'ю дня — паглыбленая гутарка з лідарам індустрыі" loading="lazy" style="max-width:100%;height:auto">
</a>

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

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

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

Жывы прагляд

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

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

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

Жывы прагляд

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

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

Варыянт 3: JSON

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

fetch("https://interviewoftheday.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": "interviewoftheday.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-interview-of-the-day/today.png",
    "image_alt": "Дызайн-інтэрв'ю дня — паглыбленая гутарка з лідарам індустрыі",
    "url": "https://interviewoftheday.com/be/",
    "feature_url": "https://competition.adesignaward.com/design-interview-of-the-day.html",
    "registry_url": "https://competition.adesignaward.com/design-interviews-of-the-days.php",
    "embed_url": "https://interviewoftheday.com/be/publikatsyya/"
}

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

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

Рэклама

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