Huyền Thoại Thiết Kế
Nhúng Huyền Thoại Thiết Kế Trong Ngày vào Trang Web Của Bạn
Huyền Thoại Thiết Kế đă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 Huyền Thoại Thiết Kế 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 Huyền Thoại Thiết Kế. Tùy chọn nhẹ nhất.
Xem trước trực tiếp
<a href="https://thedesignlegend.com/vi/" target="_blank" rel="noopener">
<img src="https://competition.adesignaward.com/design-legend-of-the-day/today.png" alt="Huyền Thoại Thiết Kế Trong Ngày nhìn lại thành tựu trọn đời trong lĩnh vực thiết kế" loading="lazy" style="max-width:100%;height:auto">
</a><div data-dotd="thedesignlegend.com" data-dotd-variant="image"></div>
<script async src="https://thedesignlegend.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://thedesignlegend.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/design-legend-of-the-day/today.png" alt="Huyền Thoại Thiết Kế Trong Ngày nhìn lại thành tựu trọn đời trong lĩnh vực thiết kế" 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á Huyền Thoại Thiết Kế Trong Ngày</span>
</a><div data-dotd="thedesignlegend.com" data-dotd-variant="cta"></div>
<script async src="https://thedesignlegend.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://thedesignlegend.com/vi/" target="_blank" rel="noopener"><img src="https://competition.adesignaward.com/design-legend-of-the-day/today.png" class="card-img-top" alt="Huyền Thoại Thiết Kế Trong Ngày nhìn lại thành tựu trọn đời trong lĩnh vực thiết kế" loading="lazy"></a>
<div class="card-body">
<h5 class="card-title">Huyền Thoại Thiết Kế Trong Ngày</h5>
<p class="card-text">Giải thưởng Thiết kế A' tôn vinh một nhà thiết kế có tầm ảnh hưởng hoặc kiến trúc sư đẳng cấp thế giới với sự nghiệp phi thường, những tác phẩm biểu tượng và ý tưởng tiên phong đã định hình lịch sử và sự phát triển của thiết kế với tư cách là Huyền Thoại Thiết Kế Trong Ngày.</p>
<a href="https://thedesignlegend.com/vi/" class="btn btn-danger" target="_blank" rel="noopener">Khám Phá Huyền Thoại Thiết Kế Trong Ngày</a>
</div>
</div><div data-dotd="thedesignlegend.com" data-dotd-variant="card"></div>
<script async src="https://thedesignlegend.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://thedesignlegend.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": "thedesignlegend.com",
"name": "Huyền Thoại Thiết Kế",
"feature": "Huyền Thoại Thiết Kế Trong Ngày",
"paragraph": "Giải thưởng Thiết kế A' tôn vinh một nhà thiết kế có tầm ảnh hưởng hoặc kiến trúc sư đẳng cấp thế giới với sự nghiệp phi thường, những tác phẩm biểu tượng và ý tưởng tiên phong đã định hình lịch sử và sự phát triển của thiết kế với tư cách là Huyền Thoại Thiết Kế Trong Ngày.",
"description": "Huyền Thoại Thiết Kế tôn vinh các nhà thiết kế có tầm ảnh hưởng và kiến trúc sư đẳng cấp thế giới với sự nghiệp phi thường, những tác phẩm biểu tượng, ý tưởng tiên phong và đóng góp lâu dài đã định hình lịch sử và sự phát triển của thiết kế, nêu bật những con người sáng tạo và thành tựu đượ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á Huyền Thoại Thiết Kế Trong Ngày",
"date": "2026-11-08",
"language": "vi",
"image": "https://competition.adesignaward.com/design-legend-of-the-day/today.png",
"image_alt": "Huyền Thoại Thiết Kế Trong Ngày nhìn lại thành tựu trọn đời trong lĩnh vực thiết kế",
"url": "https://thedesignlegend.com/vi/",
"feature_url": "https://competition.adesignaward.com/design-legend-of-the-day.html",
"registry_url": "https://competition.adesignaward.com/design-legends-of-the-days.php",
"embed_url": "https://thedesignlegend.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.