Nhà Thiết Kế Nổi Bật Trong Ngày
Nhúng Nhà Thiết Kế Nổi Bật Trong Ngày vào Trang Web Của Bạn
Nhà Thiết Kế Nổi Bật Trong Ngày đăng tải một bài giới thiệu mới mỗi ngày. Địa chỉ hình ảnh không bao giờ thay đổi, nhưng hình ảnh phía sau thì có, vì vậy bạn chỉ cần thêm mã một lần và khách truy cập sẽ tự động thấy bài giới thiệu hôm nay.
Cách hoạt động
Mỗi ngày một hình ảnh mới được đăng tại một địa chỉ cố định. Trang của bạn tải địa chỉ đó, vì vậy luôn hiển thị bài giới thiệu hiện tại, và khi nhấp vào sẽ đưa khách truy cập đến Nhà Thiết Kế Nổi Bật Trong Ngày nơi có bài viết đầy đủ.
Bạn muốn dùng script? Thêm một vùng chứa và một script: tiện ích sẽ hiển thị kiểu bạn chọn với data-dotd-variant (image, cta hoặc card), bằng ngôn ngữ của địa chỉ script khi ngôn ngữ đó khả dụng. Nếu bạn không thể chạy script, hãy sử dụng phiên bản HTML của cùng biến thể đó.
Biến thể A: chỉ hình ảnh
Hình ảnh hôm nay, liên kết đến Nhà Thiết Kế Nổi Bật Trong Ngày. Tùy chọn nhẹ nhất.
Xem trước trực tiếp
<a href="https://designerhighlightoftheday.com/vi/" target="_blank" rel="noopener">
<img src="https://competition.adesignaward.com/highlight-of-the-day/today.png" alt="Nhà Thiết Kế Nổi Bật Trong Ngày giới thiệu một nhà thiết kế xuất sắc, thành viên của cộng đồng thiết kế toàn cầu" 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=vi"></script>Biến thể B: hình ảnh và lời kêu gọi hành động
Hình ảnh hôm nay kèm lời kêu gọi hành động bên dưới.
Xem trước trực tiếp
<a href="https://designerhighlightoftheday.com/vi/" 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="Nhà Thiết Kế Nổi Bật Trong Ngày giới thiệu một nhà thiết kế xuất sắc, thành viên của cộng đồng thiết kế toàn cầu" 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">Khám Phá Nhà Thiết Kế Nổi Bật Trong Ngày</span>
</a><div data-dotd="designerhighlightoftheday.com" data-dotd-variant="cta"></div>
<script async src="https://designerhighlightoftheday.com/feature.js?lang=vi"></script>Biến thể C: thẻ Bootstrap
Một thẻ Bootstrap với hình ảnh, tiêu đề bài giới thiệu, một đoạn văn ngắn và nút kêu gọi hành động. Trang của bạn cần có Bootstrap.
Xem trước trực tiếp
<div class="card" style="max-width:24rem">
<a href="https://designerhighlightoftheday.com/vi/" target="_blank" rel="noopener"><img src="https://competition.adesignaward.com/highlight-of-the-day/today.png" class="card-img-top" alt="Nhà Thiết Kế Nổi Bật Trong Ngày giới thiệu một nhà thiết kế xuất sắc, thành viên của cộng đồng thiết kế toàn cầu" loading="lazy"></a>
<div class="card-body">
<h5 class="card-title">Nhà Thiết Kế Nổi Bật Trong Ngày</h5>
<p class="card-text">Giải thưởng Thiết kế A' mỗi ngày tôn vinh một nhà thiết kế hàng đầu, một kiến trúc sư ngôi sao, một nhà sáng tạo xuất chúng hoặc một nhà đổi mới với tư cách là Nhà Thiết Kế Nổi Bật Trong Ngày, trưng bày thành tựu, tác phẩm sáng tạo và đóng góp của họ cho thế giới thiết kế.</p>
<a href="https://designerhighlightoftheday.com/vi/" class="btn btn-danger" target="_blank" rel="noopener">Khám Phá Nhà Thiết Kế Nổi Bật Trong Ngày</a>
</div>
</div><div data-dotd="designerhighlightoftheday.com" data-dotd-variant="card"></div>
<script async src="https://designerhighlightoftheday.com/feature.js?lang=vi"></script>Tùy chọn 3: JSON
Dành cho nhà phát triển, ứng dụng và tự động hóa. JSON chứa tên, mô tả, địa chỉ hình ảnh, các liên kết và ngày tháng. Cho phép yêu cầu cross-origin.
fetch("https://designerhighlightoftheday.com/feature.json?lang=vi")
.then(function (r) { return r.json(); })
.then(function (d) {
// d.name, d.feature, d.paragraph, d.image, d.url, d.date ...
});Phản hồi mẫu
{
"domain": "designerhighlightoftheday.com",
"name": "Nhà Thiết Kế Nổi Bật Trong Ngày",
"feature": "Nhà Thiết Kế Nổi Bật Trong Ngày",
"paragraph": "Giải thưởng Thiết kế A' mỗi ngày tôn vinh một nhà thiết kế hàng đầu, một kiến trúc sư ngôi sao, một nhà sáng tạo xuất chúng hoặc một nhà đổi mới với tư cách là Nhà Thiết Kế Nổi Bật Trong Ngày, trưng bày thành tựu, tác phẩm sáng tạo và đóng góp của họ cho thế giới thiết kế.",
"description": "Nhà Thiết Kế Nổi Bật Trong Ngày mỗi ngày giới thiệu một nhà thiết kế hàng đầu, một kiến trúc sư ngôi sao, một nhà sáng tạo xuất chúng hoặc nhà đổi mới, trưng bày thành tựu, tác phẩm sáng tạo và đóng góp của họ cho thế giới thiết kế, được công nhận bởi Giải thưởng và Cuộc thi Thiết kế A' danh giá.",
"call_to_action": "Khám Phá Nhà Thiết Kế Nổi Bật Trong Ngày",
"date": "2026-11-08",
"language": "vi",
"image": "https://competition.adesignaward.com/highlight-of-the-day/today.png",
"image_alt": "Nhà Thiết Kế Nổi Bật Trong Ngày giới thiệu một nhà thiết kế xuất sắc, thành viên của cộng đồng thiết kế toàn cầu",
"url": "https://designerhighlightoftheday.com/vi/",
"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/vi/tinh-nang/"
}Thông tin hữu ích
- Giữ liên kết bao quanh hình ảnh để khách truy cập có thể khám phá bài giới thiệu đầy đủ.
- Luôn sử dụng địa chỉ hình ảnh được hiển thị ở trên và không lưu bản sao, để trang của bạn luôn cập nhật.
- Hình ảnh có tính responsive: nó không bao giờ rộng hơn vùng chứa.
- Cần trợ giúp hoặc định dạng tùy chỉnh? Vui lòng liên hệ với chúng tôi.