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

आजचा डिझाइन ब्रँड

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

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

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

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

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

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

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

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

<a href="https://designbrandoftheday.com/mr/" target="_blank" rel="noopener">
  <img src="https://competition.adesignaward.com/design-brand-of-the-day/today.png" alt="डिझाइनमधील उत्कृष्टतेने चमकणाऱ्या डिझाइन-प्रेरित ब्रँडवर प्रकाश टाकणारा आजचा डिझाइन ब्रँड" loading="lazy" style="max-width:100%;height:auto">
</a>
<div data-dotd="designbrandoftheday.com" data-dotd-variant="image"></div>
<script async src="https://designbrandoftheday.com/feature.js?lang=mr"></script>

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

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

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

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

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

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

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

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

पर्याय 3: JSON

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

fetch("https://designbrandoftheday.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": "designbrandoftheday.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-brand-of-the-day/today.png",
    "image_alt": "डिझाइनमधील उत्कृष्टतेने चमकणाऱ्या डिझाइन-प्रेरित ब्रँडवर प्रकाश टाकणारा आजचा डिझाइन ब्रँड",
    "url": "https://designbrandoftheday.com/mr/",
    "feature_url": "https://competition.adesignaward.com/design-brand-of-the-day.html",
    "registry_url": "https://competition.adesignaward.com/design-brands-of-the-days.php",
    "embed_url": "https://designbrandoftheday.com/mr/vaishishtya/"
}

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

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

प्रायोजित

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

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

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

DesignAdage