Күннің үздік дизайнері

Күннің үздік дизайнері сіздің веб-сайтыңызға орнату

Күннің үздік дизайнері күн сайын жаңа мақала жариялайды. Сурет мекенжайы өзгермейді, бірақ оның артындағы сурет ауысады, сондықтан кодты бір рет қосасыз да, келушілеріңіз бүгінгі мақаланы автоматты түрде көреді.

Қалай жұмыс істейді

Күн сайын бір тұрақты мекенжайда жаңа сурет жарияланады. Сіздің бет сол мекенжайды жүктейді, сондықтан ол әрқашан ағымдағы мақаланы көрсетеді, ал басу келушілерді толық мақала жарияланған Күннің үздік дизайнері сайтына бағыттайды.

Скрипт қолданғыңыз келе ме? Бір контейнер мен бір скрипт қосыңыз: виджет data-dotd-variant арқылы сіз таңдаған стильді (image, cta немесе card) сызады, скрипт мекенжайының тілінде, егер ол тіл қолжетімді болса. Скриптті іске қоса алмасаңыз, сол нұсқаның HTML түрін пайдаланыңыз.

A нұсқасы: тек сурет

Бүгінгі сурет, Күннің үздік дизайнері сайтына сілтемемен. Ең жеңіл нұсқа.

Тікелей алдын ала қарау

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

B нұсқасы: сурет және әрекетке шақыру

Бүгінгі сурет, астында әрекетке шақыру бар.

Тікелей алдын ала қарау

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

C нұсқасы: Bootstrap картасы

Суреті, мақала тақырыбы, қысқа абзацы және әрекетке шақыру түймесі бар Bootstrap картасы. Сіздің бетте Bootstrap қажет.

Тікелей алдын ала қарау

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

3-нұсқа: JSON

Әзірлеушілер, қосымшалар және автоматтандыру үшін. JSON атауды, сипаттаманы, сурет мекенжайын, сілтемелерді және күнді қамтиды. Кросс-домендік сұраныстарға рұқсат берілген.

fetch("https://designerhighlightoftheday.com/feature.json?lang=kk")
  .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": "kk",
    "image": "https://competition.adesignaward.com/highlight-of-the-day/today.png",
    "image_alt": "Жаһандық дизайн қоғамдастығының бір бөлігі ретінде ерекше дизайнерді көрсететін Күннің үздік дизайнері",
    "url": "https://designerhighlightoftheday.com/kk/",
    "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/kk/ornatu/"
}

Пайдалы ақпарат

Суреттің айналасындағы сілтемені сақтаңыз, сонда келушілеріңіз толық мақаланы таба алады.
Әрқашан жоғарыда көрсетілген сурет мекенжайын пайдаланыңыз және көшірмесін сақтамаңыз, сонда бетіңіз өзекті болып қалады.
Сурет адаптивті: ол контейнерінен кеңірек болмайды.
Көмек немесе арнайы формат қажет пе? Бізге хабарласыңыз.

Жарнамалық

Жүлделі дизайндарды ашыңыз