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

आजचा डिझाइन संघ

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

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

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

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

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

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

आजचे चित्र, आजचा डिझाइन संघ शी लिंक केलेले. सर्वात हलका पर्याय.

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

<a href="https://designteamoftheday.com/mr/" target="_blank" rel="noopener">
  <img src="https://competition.adesignaward.com/design-team-of-the-day/today.png" alt="नाविन्यपूर्ण प्रकल्पांवर सहकार्य करणारा पुरस्कारविजेता आजचा डिझाइन संघ" loading="lazy" style="max-width:100%;height:auto">
</a>
<div data-dotd="designteamoftheday.com" data-dotd-variant="image"></div>
<script async src="https://designteamoftheday.com/feature.js?lang=mr"></script>

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

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

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

<a href="https://designteamoftheday.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-team-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="designteamoftheday.com" data-dotd-variant="cta"></div>
<script async src="https://designteamoftheday.com/feature.js?lang=mr"></script>

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

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

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

<div class="card" style="max-width:24rem">
  <a href="https://designteamoftheday.com/mr/" target="_blank" rel="noopener"><img src="https://competition.adesignaward.com/design-team-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://designteamoftheday.com/mr/" class="btn btn-danger" target="_blank" rel="noopener">आजचा डिझाइन संघ शोधा</a>
  </div>
</div>
<div data-dotd="designteamoftheday.com" data-dotd-variant="card"></div>
<script async src="https://designteamoftheday.com/feature.js?lang=mr"></script>

पर्याय 3: JSON

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

fetch("https://designteamoftheday.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": "designteamoftheday.com",
    "name": "आजचा डिझाइन संघ",
    "feature": "आजचा डिझाइन संघ",
    "paragraph": "A' Design Award उत्कृष्ट डिझाइन, वास्तुकला आणि नवोन्मेष प्रकल्पांमागील सर्जनशील संघांचा आजचा डिझाइन संघ म्हणून गौरव करतो, ज्यांचे सहकार्य, सामायिक दृष्टी आणि कौशल्य वेगळे ठरते अशा अग्रगण्य स्टुडिओंची ओळख करून देतो.",
    "description": "आजचा डिझाइन संघ उत्कृष्ट डिझाइन, वास्तुकला आणि नवोन्मेष प्रकल्पांमागील सर्जनशील संघांचा गौरव करतो, ज्यांचे सहकार्य, सामायिक दृष्टी आणि कौशल्य अत्यंत प्रतिष्ठित A' Design Award and Competition द्वारे मान्यताप्राप्त आहे अशा जगभरातील जागतिक दर्जाचे डिझायनर, तारांकित वास्तुविशारद आणि अग्रगण्य डिझाइन संघांची ओळख करून देतो.",
    "call_to_action": "आजचा डिझाइन संघ शोधा",
    "date": "2026-11-08",
    "language": "mr",
    "image": "https://competition.adesignaward.com/design-team-of-the-day/today.png",
    "image_alt": "नाविन्यपूर्ण प्रकल्पांवर सहकार्य करणारा पुरस्कारविजेता आजचा डिझाइन संघ",
    "url": "https://designteamoftheday.com/mr/",
    "feature_url": "https://competition.adesignaward.com/design-team-of-the-day.html",
    "registry_url": "https://competition.adesignaward.com/design-teams-of-the-days.php",
    "embed_url": "https://designteamoftheday.com/mr/vaishishtya/"
}

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

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

प्रायोजित

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

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

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

DesignAdage