Sorotan Pereka Hari Ini

Benamkan Sorotan Pereka Hari Ini di Laman Web Anda

Sorotan Pereka Hari Ini menerbitkan ciri baharu setiap hari. Alamat imej tidak berubah, tetapi gambar di sebaliknya bertukar, jadi anda hanya perlu menambah kod sekali dan pelawat anda akan melihat ciri hari ini secara automatik.

Cara ia berfungsi

Setiap hari, gambar baharu diterbitkan di satu alamat tetap. Halaman anda memuatkan alamat tersebut, jadi ia sentiasa menunjukkan ciri terkini, dan satu klik membawa pelawat anda ke Sorotan Pereka Hari Ini di mana kisah penuh diceritakan.

Lebih suka menggunakan skrip? Tambahkan satu bekas dan satu skrip: widget akan melukis gaya yang anda pilih dengan data-dotd-variant (image, cta atau card), dalam bahasa alamat skrip jika bahasa tersebut tersedia. Jika anda tidak boleh menjalankan skrip, gunakan versi HTML bagi varian yang sama.

Varian A: imej sahaja

Gambar hari ini, dipautkan ke Sorotan Pereka Hari Ini. Pilihan paling ringan.

Pratonton langsung

<a href="https://designerhighlightoftheday.com/ms/" target="_blank" rel="noopener">
  <img src="https://competition.adesignaward.com/highlight-of-the-day/today.png" alt="Sorotan Pereka Hari Ini menampilkan seorang pereka luar biasa, sebahagian daripada komuniti reka bentuk global" 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=ms"></script>

Varian B: imej dan seruan tindakan

Gambar hari ini dengan seruan tindakan di bawahnya.

Pratonton langsung

<a href="https://designerhighlightoftheday.com/ms/" 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="Sorotan Pereka Hari Ini menampilkan seorang pereka luar biasa, sebahagian daripada komuniti reka bentuk global" 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">Temui Sorotan Pereka Hari Ini</span>
</a>

<div data-dotd="designerhighlightoftheday.com" data-dotd-variant="cta"></div>
<script async src="https://designerhighlightoftheday.com/feature.js?lang=ms"></script>

Varian C: kad Bootstrap

Kad Bootstrap dengan gambar, tajuk ciri, perenggan pendek dan butang seruan tindakan. Halaman anda memerlukan Bootstrap.

Pratonton langsung

<div class="card" style="max-width:24rem">
  <a href="https://designerhighlightoftheday.com/ms/" target="_blank" rel="noopener"><img src="https://competition.adesignaward.com/highlight-of-the-day/today.png" class="card-img-top" alt="Sorotan Pereka Hari Ini menampilkan seorang pereka luar biasa, sebahagian daripada komuniti reka bentuk global" loading="lazy"></a>
  <div class="card-body">
    <h5 class="card-title">Sorotan Pereka Hari Ini</h5>
    <p class="card-text">A' Design Award menampilkan seorang pereka terkemuka, arkitek bintang, kreatif teratas atau inovator setiap hari sebagai Sorotan Pereka Hari Ini, mempamerkan pencapaian, karya kreatif dan sumbangan mereka kepada dunia reka bentuk.</p>
    <a href="https://designerhighlightoftheday.com/ms/" class="btn btn-danger" target="_blank" rel="noopener">Temui Sorotan Pereka Hari Ini</a>
  </div>
</div>

<div data-dotd="designerhighlightoftheday.com" data-dotd-variant="card"></div>
<script async src="https://designerhighlightoftheday.com/feature.js?lang=ms"></script>

Pilihan 3: JSON

Untuk pembangun, aplikasi dan automasi. JSON mengandungi nama, penerangan, alamat imej, pautan dan tarikh. Permintaan silang asal dibenarkan.

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

Contoh respons

{
    "domain": "designerhighlightoftheday.com",
    "name": "Sorotan Pereka Hari Ini",
    "feature": "Sorotan Pereka Hari Ini",
    "paragraph": "A' Design Award menampilkan seorang pereka terkemuka, arkitek bintang, kreatif teratas atau inovator setiap hari sebagai Sorotan Pereka Hari Ini, mempamerkan pencapaian, karya kreatif dan sumbangan mereka kepada dunia reka bentuk.",
    "description": "Sorotan Pereka Hari Ini menampilkan seorang pereka terkemuka, arkitek bintang, kreatif teratas atau inovator setiap hari, mempamerkan pencapaian, karya kreatif dan sumbangan mereka kepada dunia reka bentuk, seperti yang diiktiraf oleh A' Design Award and Competition yang sangat berprestij.",
    "call_to_action": "Temui Sorotan Pereka Hari Ini",
    "date": "2026-11-08",
    "language": "ms",
    "image": "https://competition.adesignaward.com/highlight-of-the-day/today.png",
    "image_alt": "Sorotan Pereka Hari Ini menampilkan seorang pereka luar biasa, sebahagian daripada komuniti reka bentuk global",
    "url": "https://designerhighlightoftheday.com/ms/",
    "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/ms/paparan/"
}

Baik untuk diketahui

Kekalkan pautan di sekeliling imej, supaya pelawat anda boleh menemui ciri penuh.
Sentiasa gunakan alamat imej yang ditunjukkan di atas dan jangan simpan salinan, supaya halaman anda sentiasa terkini.
Imej adalah responsif: ia tidak akan melebihi lebar bekasnya.
Perlukan bantuan atau format tersuai? Sila hubungi kami.

Tajaan

Terokai Reka Bentuk Pemenang Anugerah