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

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

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

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

Как работи

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Вариант 3: JSON

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

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

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

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

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

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

DesignAdage