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

आजचे डिझायनर

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

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

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

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

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

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

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

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

<a href="https://designeroftheday.com/mr/" target="_blank" rel="noopener">
  <img src="https://competition.adesignaward.com/designer-of-the-day/today.png" alt="आजच्या गौरवान्वित सर्जनशील दूरदर्शी व्यक्तीचे आजचे डिझायनर चित्र" loading="lazy" style="max-width:100%;height:auto">
</a>
<div data-dotd="designeroftheday.com" data-dotd-variant="image"></div>
<script async src="https://designeroftheday.com/feature.js?lang=mr"></script>

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

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

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

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

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

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

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

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

पर्याय 3: JSON

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

fetch("https://designeroftheday.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": "designeroftheday.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/designer-of-the-day/today.png",
    "image_alt": "आजच्या गौरवान्वित सर्जनशील दूरदर्शी व्यक्तीचे आजचे डिझायनर चित्र",
    "url": "https://designeroftheday.com/mr/",
    "feature_url": "https://competition.adesignaward.com/designer-of-the-day.html",
    "registry_url": "https://competition.adesignaward.com/designers-of-the-days.php",
    "embed_url": "https://designeroftheday.com/mr/vaishishtya/"
}

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

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

प्रायोजित

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

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

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

DesignAdage