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

Интервю на деня

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

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

Как работи

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Вариант 3: JSON

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

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

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

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

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

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

DesignAdage