Преминаване към основното съдържание

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

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

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

Как работи

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

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

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

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

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

<a href="https://designbrandoftheday.com/bg/" target="_blank" rel="noopener">
  <img src="https://competition.adesignaward.com/design-brand-of-the-day/today.png" alt="Дизайнерска марка на деня, представяща марка, движена от дизайна и блестяща чрез съвършенство" loading="lazy" style="max-width:100%;height:auto">
</a>
<div data-dotd="designbrandoftheday.com" data-dotd-variant="image"></div>
<script async src="https://designbrandoftheday.com/feature.js?lang=bg"></script>

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

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

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

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

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

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

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

<div class="card" style="max-width:24rem">
  <a href="https://designbrandoftheday.com/bg/" target="_blank" rel="noopener"><img src="https://competition.adesignaward.com/design-brand-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://designbrandoftheday.com/bg/" class="btn btn-danger" target="_blank" rel="noopener">Открийте Дизайнерска марка на деня</a>
  </div>
</div>
<div data-dotd="designbrandoftheday.com" data-dotd-variant="card"></div>
<script async src="https://designbrandoftheday.com/feature.js?lang=bg"></script>

Вариант 3: JSON

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

fetch("https://designbrandoftheday.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": "designbrandoftheday.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-brand-of-the-day/today.png",
    "image_alt": "Дизайнерска марка на деня, представяща марка, движена от дизайна и блестяща чрез съвършенство",
    "url": "https://designbrandoftheday.com/bg/",
    "feature_url": "https://competition.adesignaward.com/design-brand-of-the-day.html",
    "registry_url": "https://competition.adesignaward.com/design-brands-of-the-days.php",
    "embed_url": "https://designbrandoftheday.com/bg/vgrazhdane/"
}

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

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

Дизайн цитат на деня

Дизайн цитат на деня

DesignAdage