Əsas məzmuna keç

Günün Müsahibəsi

Günün Dizayn Müsahibəsi Saytınıza Yerləşdirin

Günün Müsahibəsi hər gün yeni material dərc edir. Şəklin ünvanı heç vaxt dəyişmir, lakin arxasındakı şəkil dəyişir, buna görə kodu bir dəfə əlavə edirsiniz və ziyarətçiləriniz avtomatik olaraq bugünkü materialı görür.

Necə işləyir

Hər gün eyni sabit ünvanda yeni şəkil dərc olunur. Səhifəniz həmin ünvanı yükləyir, buna görə həmişə cari material göstərilir, kliklədikdə isə ziyarətçiləriniz tam məlumatın verildiyi Günün Müsahibəsi saytına yönləndirilir.

Skript istifadə etmək istəyirsiniz? Bir konteyner və bir skript əlavə edin: vidcet data-dotd-variant ilə seçdiyiniz üslubu çəkir (image, cta və ya card), həmin dil mövcud olduqda skript ünvanının dilində göstərilir. Skript işlədə bilmirsinizsə, eyni variantın HTML versiyasını istifadə edin.

Variant A: yalnız şəkil

Bugünkü şəkil, Günün Müsahibəsi saytına keçidlə. Ən yüngül seçim.

Canlı önizləmə

<a href="https://interviewoftheday.com/az/" target="_blank" rel="noopener">
  <img src="https://competition.adesignaward.com/design-interview-of-the-day/today.png" alt="Sənaye lideri ilə dərin söhbəti təqdim edən Günün Dizayn Müsahibəsi" 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=az"></script>

Variant B: şəkil və fəaliyyətə çağırış

Bugünkü şəkil, altında fəaliyyətə çağırış ilə.

Canlı önizləmə

<a href="https://interviewoftheday.com/az/" 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="Sənaye lideri ilə dərin söhbəti təqdim edən Günün Dizayn Müsahibəsi" 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">Günün Dizayn Müsahibəsini Kəşf Edin</span>
</a>
<div data-dotd="interviewoftheday.com" data-dotd-variant="cta"></div>
<script async src="https://interviewoftheday.com/feature.js?lang=az"></script>

Variant C: Bootstrap kartı

Şəkil, materialın başlığı, qısa abzas və fəaliyyətə çağırış düyməsi olan Bootstrap kartı. Səhifənizdə Bootstrap lazımdır.

Canlı önizləmə

<div class="card" style="max-width:24rem">
  <a href="https://interviewoftheday.com/az/" target="_blank" rel="noopener"><img src="https://competition.adesignaward.com/design-interview-of-the-day/today.png" class="card-img-top" alt="Sənaye lideri ilə dərin söhbəti təqdim edən Günün Dizayn Müsahibəsi" loading="lazy"></a>
  <div class="card-body">
    <h5 class="card-title">Günün Dizayn Müsahibəsi</h5>
    <p class="card-text">A' Design Award hər gün Günün Dizayn Müsahibəsi olaraq dünya səviyyəli bir dizayner, memar və ya yaradıcı peşəkar ilə müsahibə təqdim edir, onların keçmişini, dizayn fəlsəfəsini, yaradıcılıq prosesini və dizaynın gələcəyinə baxışlarını araşdırır.</p>
    <a href="https://interviewoftheday.com/az/" class="btn btn-danger" target="_blank" rel="noopener">Günün Dizayn Müsahibəsini Kəşf Edin</a>
  </div>
</div>
<div data-dotd="interviewoftheday.com" data-dotd-variant="card"></div>
<script async src="https://interviewoftheday.com/feature.js?lang=az"></script>

Seçim 3: JSON

Tərtibatçılar, tətbiqlər və avtomatlaşdırma üçün. JSON ad, təsvir, şəkil ünvanı, keçidlər və tarix ehtiva edir. Çarpaz mənbə sorğularına icazə verilir.

fetch("https://interviewoftheday.com/feature.json?lang=az")
  .then(function (r) { return r.json(); })
  .then(function (d) {
    // d.name, d.feature, d.paragraph, d.image, d.url, d.date ...
  });

Nümunə cavab

{
    "domain": "interviewoftheday.com",
    "name": "Günün Müsahibəsi",
    "feature": "Günün Dizayn Müsahibəsi",
    "paragraph": "A' Design Award hər gün Günün Dizayn Müsahibəsi olaraq dünya səviyyəli bir dizayner, memar və ya yaradıcı peşəkar ilə müsahibə təqdim edir, onların keçmişini, dizayn fəlsəfəsini, yaradıcılıq prosesini və dizaynın gələcəyinə baxışlarını araşdırır.",
    "description": "Günün Müsahibəsi nüfuzlu A' Design Award and Competition tərəfindən tanınan dünya səviyyəli dizaynerlərlə, memarlarla və yaradıcı peşəkarlarla gündəlik müsahibələr təqdim edir, aparıcı dizaynerlərin keçmişini, peşəkar təcrübəsini, dizayn fəlsəfəsini, yaradıcılıq prosesini, layihələrini və dizaynın gələcəyinə baxışlarını araşdırır.",
    "call_to_action": "Günün Dizayn Müsahibəsini Kəşf Edin",
    "date": "2026-11-08",
    "language": "az",
    "image": "https://competition.adesignaward.com/design-interview-of-the-day/today.png",
    "image_alt": "Sənaye lideri ilə dərin söhbəti təqdim edən Günün Dizayn Müsahibəsi",
    "url": "https://interviewoftheday.com/az/",
    "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/az/numune/"
}

Faydalı məlumat

  • Şəklin ətrafındakı keçidi saxlayın ki, ziyarətçiləriniz tam materialı kəşf edə bilsin.
  • Həmişə yuxarıda göstərilən şəkil ünvanını istifadə edin və surətini saxlamayın ki, səhifəniz aktual qalsın.
  • Şəkil adaptivdir: konteynerindən geniş olmur.
  • Köməyə və ya xüsusi formata ehtiyacınız var? Zəhmət olmasa bizimlə əlaqə saxlayın.

Günün Dizayn Sitatı

Günün Dizayn Sitatı

DesignAdage