ძირითად შინაარსზე გადასვლა

დიზაინის ლეგენდა

განათავსეთ დღის დიზაინის ლეგენდა თქვენს ვებსაიტზე

დიზაინის ლეგენდა ყოველდღე ახალ მასალას აქვეყნებს. სურათის მისამართი არასდროს იცვლება, მაგრამ მის მიღმა არსებული სურათი იცვლება — კოდს ერთხელ ამატებთ და თქვენი ვიზიტორები ავტომატურად ხედავენ დღევანდელ მასალას.

როგორ მუშაობს

ყოველდღე ახალი სურათი ქვეყნდება ერთ ფიქსირებულ მისამართზე. თქვენი გვერდი ამ მისამართს იტვირთავს, ამიტომ ყოველთვის მიმდინარე მასალას აჩვენებს, ხოლო დაწკაპუნებით თქვენი ვიზიტორები გადადიან დიზაინის ლეგენდა-ზე, სადაც სრული ამბავია მოთხრობილი.

გირჩევნიათ სკრიპტი? დაამატეთ ერთი კონტეინერი და ერთი სკრიპტი: ვიჯეტი აჩვენებს თქვენ მიერ არჩეულ სტილს data-dotd-variant-ის საშუალებით (image, cta ან card), სკრიპტის მისამართში მითითებულ ენაზე, თუ ეს ენა ხელმისაწვდომია. თუ სკრიპტების გაშვება არ შეგიძლიათ, გამოიყენეთ იმავე ვარიანტის HTML ვერსია.

ვარიანტი A: მხოლოდ სურათი

დღევანდელი სურათი, დაკავშირებული დიზაინის ლეგენდა-თან. ყველაზე მსუბუქი ვარიანტი.

ცოცხალი გადახედვა

<a href="https://thedesignlegend.com/ka/" target="_blank" rel="noopener">
  <img src="https://competition.adesignaward.com/design-legend-of-the-day/today.png" alt="დღის დიზაინის ლეგენდა — რეტროსპექტივა, რომელიც წარმოაჩენს დიზაინში მთელი სიცოცხლის მანძილზე მიღწეულ შედეგებს" 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=ka"></script>

ვარიანტი B: სურათი და მოქმედებისკენ მოწოდება

დღევანდელი სურათი მოქმედებისკენ მოწოდებით ქვემოთ.

ცოცხალი გადახედვა

<a href="https://thedesignlegend.com/ka/" 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="დღის დიზაინის ლეგენდა — რეტროსპექტივა, რომელიც წარმოაჩენს დიზაინში მთელი სიცოცხლის მანძილზე მიღწეულ შედეგებს" 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">აღმოაჩინეთ დღის დიზაინის ლეგენდა</span>
</a>
<div data-dotd="thedesignlegend.com" data-dotd-variant="cta"></div>
<script async src="https://thedesignlegend.com/feature.js?lang=ka"></script>

ვარიანტი C: Bootstrap ბარათი

Bootstrap ბარათი სურათით, მასალის სათაურით, მოკლე აბზაცით და მოქმედებისკენ მოწოდების ღილაკით. თქვენს გვერდს Bootstrap სჭირდება.

ცოცხალი გადახედვა

<div class="card" style="max-width:24rem">
  <a href="https://thedesignlegend.com/ka/" target="_blank" rel="noopener"><img src="https://competition.adesignaward.com/design-legend-of-the-day/today.png" class="card-img-top" alt="დღის დიზაინის ლეგენდა — რეტროსპექტივა, რომელიც წარმოაჩენს დიზაინში მთელი სიცოცხლის მანძილზე მიღწეულ შედეგებს" loading="lazy"></a>
  <div class="card-body">
    <h5 class="card-title">დღის დიზაინის ლეგენდა</h5>
    <p class="card-text">A' Design Award აღნიშნავს გავლენიან დიზაინერს ან მსოფლიო დონის არქიტექტორს, რომლის განსაკუთრებულმა კარიერამ, ხატოვანმა ქმნილებებმა და ნოვატორულმა იდეებმა ჩამოაყალიბა დიზაინის ისტორია და განვითარება, როგორც დღის დიზაინის ლეგენდას.</p>
    <a href="https://thedesignlegend.com/ka/" class="btn btn-danger" target="_blank" rel="noopener">აღმოაჩინეთ დღის დიზაინის ლეგენდა</a>
  </div>
</div>
<div data-dotd="thedesignlegend.com" data-dotd-variant="card"></div>
<script async src="https://thedesignlegend.com/feature.js?lang=ka"></script>

ვარიანტი 3: JSON

დეველოპერებისთვის, აპლიკაციებისა და ავტომატიზაციისთვის. JSON შეიცავს სახელს, აღწერას, სურათის მისამართს, ბმულებსა და თარიღს. ჯვარედინი მოთხოვნები ნებადართულია.

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

პასუხის მაგალითი

{
    "domain": "thedesignlegend.com",
    "name": "დიზაინის ლეგენდა",
    "feature": "დღის დიზაინის ლეგენდა",
    "paragraph": "A' Design Award აღნიშნავს გავლენიან დიზაინერს ან მსოფლიო დონის არქიტექტორს, რომლის განსაკუთრებულმა კარიერამ, ხატოვანმა ქმნილებებმა და ნოვატორულმა იდეებმა ჩამოაყალიბა დიზაინის ისტორია და განვითარება, როგორც დღის დიზაინის ლეგენდას.",
    "description": "დიზაინის ლეგენდა აღნიშნავს გავლენიან დიზაინერებსა და მსოფლიო დონის არქიტექტორებს, რომელთა განსაკუთრებულმა კარიერამ, ხატოვანმა ქმნილებებმა, ნოვატორულმა იდეებმა და მუდმივმა წვლილმა ჩამოაყალიბა დიზაინის ისტორია და განვითარება, ხაზს უსვამს შემოქმედებით პიროვნებებსა და მიღწევებს, რომლებიც აღიარებულია უმაღლესი პრესტიჟის მქონე A' Design Award and Competition-ის მიერ.",
    "call_to_action": "აღმოაჩინეთ დღის დიზაინის ლეგენდა",
    "date": "2026-11-08",
    "language": "ka",
    "image": "https://competition.adesignaward.com/design-legend-of-the-day/today.png",
    "image_alt": "დღის დიზაინის ლეგენდა — რეტროსპექტივა, რომელიც წარმოაჩენს დიზაინში მთელი სიცოცხლის მანძილზე მიღწეულ შედეგებს",
    "url": "https://thedesignlegend.com/ka/",
    "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/ka/ficheri/"
}

სასარგებლო ინფორმაცია

  • შეინარჩუნეთ ბმული სურათის გარშემო, რათა თქვენმა ვიზიტორებმა სრული მასალა აღმოაჩინონ.
  • ყოველთვის გამოიყენეთ ზემოთ ნაჩვენები სურათის მისამართი და არ შეინახოთ ასლი, რათა თქვენი გვერდი აქტუალური დარჩეს.
  • სურათი ადაპტირებადია: ის არასდროს ხდება კონტეინერზე უფრო ფართო.
  • გჭირდებათ დახმარება ან ინდივიდუალური ფორმატი? გთხოვთ, დაგვიკავშირდეთ.

სპონსორირებული

აღმოაჩინეთ ჯილდოსანი დიზაინები

დღის დიზაინის ციტატა

დღის დიზაინის ციტატა

DesignAdage