Дизайнерска тенденция на деня

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

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

Как работи

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Вариант 3: JSON

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

fetch("https://designtrendoftheday.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": "designtrendoftheday.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-trend-of-the-day/today.png",
    "image_alt": "Дизайнерска тенденция на деня — визуализация на нововъзникващи модели, оформящи бъдещето на дизайна",
    "url": "https://designtrendoftheday.com/bg/",
    "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/bg/vgrazhdane/"
}

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

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

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

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