Истакнат дизајнер на денот

Вградете Истакнат дизајнер на денот на вашата веб-страница

Истакнат дизајнер на денот објавува нова содржина секој ден. Адресата на сликата никогаш не се менува, но сликата зад неа се менува, така што кодот го додавате еднаш, а вашите посетители автоматски го гледаат денешното издание.

Како функционира

Секој ден нова слика се објавува на една фиксна адреса. Вашата страница ја вчитува таа адреса, така што секогаш го прикажува тековното издание, а еден клик ги води посетителите до Истакнат дизајнер на денот каде е раскажана целата приказна.

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

Варијанта А: само слика

Денешната слика, поврзана со Истакнат дизајнер на денот. Најлесната опција.

Преглед во живо

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

Варијанта Б: слика и повик за акција

Денешната слика со повик за акција одоздола.

Преглед во живо

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

Варијанта В: Bootstrap картичка

Bootstrap картичка со сликата, насловот на изданието, краток параграф и копче за повик за акција. Вашата страница има потреба од Bootstrap.

Преглед во живо

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

Опција 3: JSON

За програмери, апликации и автоматизација. JSON-от го содржи името, описот, адресата на сликата, линковите и датумот. Барањата од други домени се дозволени.

fetch("https://designerhighlightoftheday.com/feature.json?lang=mk")
  .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": "mk",
    "image": "https://competition.adesignaward.com/highlight-of-the-day/today.png",
    "image_alt": "Истакнат дизајнер на денот кој прикажува извонреден дизајнер, дел од глобалната дизајн заедница",
    "url": "https://designerhighlightoftheday.com/mk/",
    "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/mk/vgraduvanje/"
}

Добро е да знаете

Задржете го линкот околу сликата за вашите посетители да можат да го откријат целосното издание.
Секогаш користете ја адресата на сликата прикажана погоре и не зачувувајте копија, за вашата страница да остане актуелна.
Сликата е респонзивна: никогаш не станува поширока од нејзиниот контејнер.
Ви треба помош или приспособен формат? Контактирајте нè.

Спонзорирано

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