Дизайнерската легенда

Вградете Дизайнерска легенда на деня на вашия уебсайт

Дизайнерската легенда публикува нова публикация всеки ден. Адресът на изображението никога не се променя, но картината зад него — да, така че добавяте кода веднъж и посетителите ви виждат днешната публикация автоматично.

Как работи

Всеки ден нова картина се публикува на един и същ постоянен адрес. Вашата страница зарежда този адрес, така че винаги показва текущата публикация, а с едно кликване посетителите ви попадат в Дизайнерската легенда, където е разказана цялата история.

Предпочитате скрипт? Добавете един контейнер и един скрипт: уиджетът изчертава стила, който изберете с data-dotd-variant (image, cta или card), на езика от адреса на скрипта, когато този език е наличен. Ако не можете да използвате скриптове, ползвайте HTML версията на същия вариант.

Вариант A: само изображение

Днешната картина с линк към Дизайнерската легенда. Най-лекият вариант.

Визуализация на живо

<a href="https://thedesignlegend.com/bg/" 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=bg"></script>

Вариант B: изображение и призив за действие

Днешната картина с призив за действие отдолу.

Визуализация на живо

<a href="https://thedesignlegend.com/bg/" 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=bg"></script>

Вариант C: Bootstrap карта

Bootstrap карта с картината, заглавието на публикацията, кратък параграф и бутон с призив за действие. Вашата страница се нуждае от Bootstrap.

Визуализация на живо

<div class="card" style="max-width:24rem">
  <a href="https://thedesignlegend.com/bg/" 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/bg/" 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=bg"></script>

Вариант 3: JSON

За разработчици, приложения и автоматизация. JSON съдържа името, описанието, адреса на изображението, линковете и датата. Заявките от други домейни са разрешени.

fetch("https://thedesignlegend.com/feature.json?lang=bg")
  .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": "bg",
    "image": "https://competition.adesignaward.com/design-legend-of-the-day/today.png",
    "image_alt": "Дизайнерска легенда на деня — ретроспектива, представяща постиженията на цял живот в дизайна",
    "url": "https://thedesignlegend.com/bg/",
    "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/bg/vgrazhdane/"
}

Полезно е да знаете

Запазете линка около изображението, за да могат посетителите ви да открият пълната публикация.
Винаги използвайте адреса на изображението, показан по-горе, и не съхранявайте копие, за да е страницата ви винаги актуална.
Изображението е адаптивно: то никога не става по-широко от контейнера си.
Нуждаете се от помощ или персонализиран формат? Моля, свържете се с нас.

Спонсорирано

Открийте наградени дизайни