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

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

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

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

Как работи

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Вариант 3: JSON

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

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

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

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

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

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

DesignAdage