मुख्य सामग्रीवर जा

The Design Legend

तुमच्या वेबसाइटवर आजचे डिझाइन दिग्गज एम्बेड करा

The Design Legend दररोज एक नवीन वैशिष्ट्य प्रकाशित करते. इमेजचा पत्ता कधीही बदलत नाही, पण त्यामागील चित्र बदलते, त्यामुळे तुम्ही कोड एकदाच जोडता आणि तुमच्या अभ्यागतांना आजचे वैशिष्ट्य आपोआप दिसते.

हे कसे कार्य करते

दररोज एका निश्चित पत्त्यावर एक नवीन चित्र प्रकाशित केले जाते. तुमचे पृष्ठ तो पत्ता लोड करते, त्यामुळे ते नेहमी सध्याचे वैशिष्ट्य दाखवते, आणि क्लिक केल्यावर तुमचे अभ्यागत The Design Legend वर जातात जिथे संपूर्ण कथा सांगितली जाते.

स्क्रिप्ट हवी आहे? एक कंटेनर आणि एक स्क्रिप्ट जोडा: विजेट data-dotd-variant (image, cta किंवा card) सह तुम्ही निवडलेली शैली तयार करते, ती भाषा उपलब्ध असल्यास स्क्रिप्ट पत्त्याच्या भाषेत. तुम्ही स्क्रिप्ट चालवू शकत नसल्यास, त्याच व्हेरिएंटची HTML आवृत्ती वापरा.

व्हेरिएंट A: केवळ इमेज

आजचे चित्र, The Design Legend शी लिंक केलेले. सर्वात हलका पर्याय.

थेट पूर्वावलोकन

<a href="https://thedesignlegend.com/mr/" 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=mr"></script>

व्हेरिएंट B: इमेज आणि कॉल टू ऍक्शन

आजचे चित्र खाली कॉल टू ऍक्शन सह.

थेट पूर्वावलोकन

<a href="https://thedesignlegend.com/mr/" 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=mr"></script>

व्हेरिएंट C: Bootstrap कार्ड

चित्र, वैशिष्ट्याचे शीर्षक, एक छोटा परिच्छेद आणि कॉल टू ऍक्शन बटण असलेले Bootstrap कार्ड. तुमच्या पृष्ठाला Bootstrap आवश्यक आहे.

थेट पूर्वावलोकन

<div class="card" style="max-width:24rem">
  <a href="https://thedesignlegend.com/mr/" 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/mr/" 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=mr"></script>

पर्याय 3: JSON

डेव्हलपर्स, ॲप्स आणि ऑटोमेशनसाठी. JSON मध्ये नाव, वर्णन, इमेज पत्ता, लिंक्स आणि तारीख समाविष्ट आहे. क्रॉस-ओरिजिन विनंत्यांना परवानगी आहे.

fetch("https://thedesignlegend.com/feature.json?lang=mr")
  .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": "The Design Legend",
    "feature": "आजचे डिझाइन दिग्गज",
    "paragraph": "A' Design Award दररोज एक प्रभावशाली डिझायनर किंवा जागतिक दर्जाचे वास्तुविशारद ज्यांच्या अपवादात्मक कारकीर्दीने, प्रतिष्ठित निर्मितींनी आणि पथदर्शी कल्पनांनी डिझाइनचा इतिहास आणि विकास घडवला आहे, त्यांचा आजचे डिझाइन दिग्गज म्हणून गौरव करतो.",
    "description": "The Design Legend अशा प्रभावशाली डिझायनर्स आणि जागतिक दर्जाच्या वास्तुविशारदांचा गौरव करतो ज्यांच्या अपवादात्मक कारकीर्दी, प्रतिष्ठित निर्मिती, पथदर्शी कल्पना आणि चिरस्थायी योगदानाने डिझाइनचा इतिहास आणि विकास घडवला आहे, अत्यंत प्रतिष्ठित A' Design Award and Competition द्वारे मान्यताप्राप्त सर्जनशील व्यक्ती आणि कामगिरी अधोरेखित करतो.",
    "call_to_action": "आजचे डिझाइन दिग्गज शोधा",
    "date": "2026-11-08",
    "language": "mr",
    "image": "https://competition.adesignaward.com/design-legend-of-the-day/today.png",
    "image_alt": "डिझाइनमधील आजीवन कामगिरी प्रदर्शित करणारे आजचे डिझाइन दिग्गज",
    "url": "https://thedesignlegend.com/mr/",
    "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/mr/vaishishtya/"
}

जाणून घेण्यासारखे

  • इमेजभोवती लिंक ठेवा, जेणेकरून तुमचे अभ्यागत संपूर्ण वैशिष्ट्य शोधू शकतील.
  • नेहमी वर दाखवलेला इमेज पत्ता वापरा आणि प्रत कॉपी करून ठेवू नका, जेणेकरून तुमचे पृष्ठ अद्ययावत राहील.
  • इमेज रिस्पॉन्सिव्ह आहे: ती कंटेनरपेक्षा कधीही रुंद होत नाही.
  • मदत हवी आहे किंवा सानुकूल स्वरूप हवे आहे? कृपया आमच्याशी संपर्क साधा.

प्रायोजित

पुरस्कारविजेते डिझाइन्स शोधा

आजचे डिझाइन सुवचन

आजचे डिझाइन सुवचन

DesignAdage