Reka Bentuk Hari Ini
Benamkan Reka Bentuk Hari Ini di Laman Web Anda
Reka Bentuk 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 Reka Bentuk 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 Reka Bentuk Hari Ini. Pilihan paling ringan.
Pratonton langsung
<a href="https://designoftheday.org/ms/" target="_blank" rel="noopener">
<img src="https://competition.adesignaward.com/design-of-the-day/today.png" alt="Reka Bentuk Hari Ini yang terpilih mempamerkan kecemerlangan kreatif pemenang anugerah" loading="lazy" style="max-width:100%;height:auto">
</a><div data-dotd="designoftheday.org" data-dotd-variant="image"></div>
<script async src="https://designoftheday.org/feature.js?lang=ms"></script>Varian B: imej dan seruan tindakan
Gambar hari ini dengan seruan tindakan di bawahnya.
Pratonton langsung
<a href="https://designoftheday.org/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/design-of-the-day/today.png" alt="Reka Bentuk Hari Ini yang terpilih mempamerkan kecemerlangan kreatif pemenang anugerah" 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 Reka Bentuk Hari Ini</span>
</a><div data-dotd="designoftheday.org" data-dotd-variant="cta"></div>
<script async src="https://designoftheday.org/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://designoftheday.org/ms/" target="_blank" rel="noopener"><img src="https://competition.adesignaward.com/design-of-the-day/today.png" class="card-img-top" alt="Reka Bentuk Hari Ini yang terpilih mempamerkan kecemerlangan kreatif pemenang anugerah" loading="lazy"></a>
<div class="card-body">
<h5 class="card-title">Reka Bentuk Hari Ini</h5>
<p class="card-text">A' Design Award mempamerkan sebuah hasil reka bentuk yang luar biasa, produk yang sangat inovatif atau projek yang amat kreatif setiap hari sebagai Reka Bentuk Hari Ini, menampilkan contoh-contoh kreativiti dan reka bentuk yang cemerlang.</p>
<a href="https://designoftheday.org/ms/" class="btn btn-danger" target="_blank" rel="noopener">Temui Reka Bentuk Hari Ini</a>
</div>
</div><div data-dotd="designoftheday.org" data-dotd-variant="card"></div>
<script async src="https://designoftheday.org/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://designoftheday.org/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": "designoftheday.org",
"name": "Reka Bentuk Hari Ini",
"feature": "Reka Bentuk Hari Ini",
"paragraph": "A' Design Award mempamerkan sebuah hasil reka bentuk yang luar biasa, produk yang sangat inovatif atau projek yang amat kreatif setiap hari sebagai Reka Bentuk Hari Ini, menampilkan contoh-contoh kreativiti dan reka bentuk yang cemerlang.",
"description": "Reka Bentuk Hari Ini mempamerkan hasil reka bentuk yang luar biasa, produk yang sangat inovatif atau projek yang amat kreatif setiap hari, menampilkan contoh-contoh kreativiti dan reka bentuk yang cemerlang yang diiktiraf oleh A' Design Award and Competition yang sangat berprestij.",
"call_to_action": "Temui Reka Bentuk Hari Ini",
"date": "2026-11-08",
"language": "ms",
"image": "https://competition.adesignaward.com/design-of-the-day/today.png",
"image_alt": "Reka Bentuk Hari Ini yang terpilih mempamerkan kecemerlangan kreatif pemenang anugerah",
"url": "https://designoftheday.org/ms/",
"feature_url": "https://competition.adesignaward.com/design-of-the-day.html",
"registry_url": "https://competition.adesignaward.com/designs-of-the-days.php",
"embed_url": "https://designoftheday.org/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.