Günün Seçilmiş Dizayneri
Günün Seçilmiş Dizayneri Saytınıza Yerləşdirin
Günün Seçilmiş Dizayneri 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 Seçilmiş Dizayneri 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 Seçilmiş Dizayneri saytına keçidlə. Ən yüngül seçim.
Canlı önizləmə
<a href="https://designerhighlightoftheday.com/az/" target="_blank" rel="noopener">
<img src="https://competition.adesignaward.com/highlight-of-the-day/today.png" alt="Qlobal dizayn icmasının bir hissəsi olan görkəmli dizayneri təqdim edən Günün Seçilmiş Dizayneri" 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=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://designerhighlightoftheday.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/highlight-of-the-day/today.png" alt="Qlobal dizayn icmasının bir hissəsi olan görkəmli dizayneri təqdim edən Günün Seçilmiş Dizayneri" 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 Seçilmiş Dizaynerini Kəşf Edin</span>
</a>
<div data-dotd="designerhighlightoftheday.com" data-dotd-variant="cta"></div>
<script async src="https://designerhighlightoftheday.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://designerhighlightoftheday.com/az/" target="_blank" rel="noopener"><img src="https://competition.adesignaward.com/highlight-of-the-day/today.png" class="card-img-top" alt="Qlobal dizayn icmasının bir hissəsi olan görkəmli dizayneri təqdim edən Günün Seçilmiş Dizayneri" loading="lazy"></a>
<div class="card-body">
<h5 class="card-title">Günün Seçilmiş Dizayneri</h5>
<p class="card-text">A' Design Award hər gün Günün Seçilmiş Dizayneri olaraq aparıcı bir dizayneri, ulduz bir memarı, top yaradıcını və ya bir novatoru təqdim edir, onların nailiyyətlərini, yaradıcı işlərini və dizayn dünyasına töhfələrini nümayiş etdirir.</p>
<a href="https://designerhighlightoftheday.com/az/" class="btn btn-danger" target="_blank" rel="noopener">Günün Seçilmiş Dizaynerini Kəşf Edin</a>
</div>
</div>
<div data-dotd="designerhighlightoftheday.com" data-dotd-variant="card"></div>
<script async src="https://designerhighlightoftheday.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://designerhighlightoftheday.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": "designerhighlightoftheday.com",
"name": "Günün Seçilmiş Dizayneri",
"feature": "Günün Seçilmiş Dizayneri",
"paragraph": "A' Design Award hər gün Günün Seçilmiş Dizayneri olaraq aparıcı bir dizayneri, ulduz bir memarı, top yaradıcını və ya bir novatoru təqdim edir, onların nailiyyətlərini, yaradıcı işlərini və dizayn dünyasına töhfələrini nümayiş etdirir.",
"description": "Günün Seçilmiş Dizayneri hər gün aparıcı bir dizayneri, ulduz bir memarı, top yaradıcını və ya novatoru təqdim edir, nüfuzlu A' Design Award and Competition tərəfindən tanınan nailiyyətlərini, yaradıcı işlərini və dizayn dünyasına töhfələrini nümayiş etdirir.",
"call_to_action": "Günün Seçilmiş Dizaynerini Kəşf Edin",
"date": "2026-11-08",
"language": "az",
"image": "https://competition.adesignaward.com/highlight-of-the-day/today.png",
"image_alt": "Qlobal dizayn icmasının bir hissəsi olan görkəmli dizayneri təqdim edən Günün Seçilmiş Dizayneri",
"url": "https://designerhighlightoftheday.com/az/",
"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/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.