Легенда дызайну

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

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

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

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

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

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

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

Жывы прагляд

<a href="https://thedesignlegend.com/be/" target="_blank" rel="noopener">
  <img src="https://competition.adesignaward.com/design-legend-of-the-day/today.png" alt="Легенда дызайну дня — рэтраспектыва жыццёвых дасягненняў у дызайне" loading="lazy" style="max-width:100%;height:auto">
</a>

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

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

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

Жывы прагляд

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

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

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

Жывы прагляд

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

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

Варыянт 3: JSON

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

fetch("https://thedesignlegend.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": "thedesignlegend.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-legend-of-the-day/today.png",
    "image_alt": "Легенда дызайну дня — рэтраспектыва жыццёвых дасягненняў у дызайне",
    "url": "https://thedesignlegend.com/be/",
    "feature_url": "https://competition.adesignaward.com/design-legend-of-the-day.html",
    "registry_url": "https://competition.adesignaward.com/design-legends-of-the-days.php",
    "embed_url": "https://thedesignlegend.com/be/publikatsyya/"
}

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

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

Рэклама

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