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

आजचे डिझायनर हायलाइट

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

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

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

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

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

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

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

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

<a href="https://designerhighlightoftheday.com/mr/" target="_blank" rel="noopener">
  <img src="https://competition.adesignaward.com/highlight-of-the-day/today.png" alt="जागतिक डिझाइन समुदायाचा भाग असलेल्या एका उल्लेखनीय डिझायनरचे आजचे डिझायनर हायलाइट" loading="lazy" style="max-width:100%;height:auto">
</a>
<div data-dotd="designerhighlightoftheday.com" data-dotd-variant="image"></div>
<script async src="https://designerhighlightoftheday.com/feature.js?lang=mr"></script>

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

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

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

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

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

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

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

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

पर्याय 3: JSON

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

fetch("https://designerhighlightoftheday.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": "designerhighlightoftheday.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/highlight-of-the-day/today.png",
    "image_alt": "जागतिक डिझाइन समुदायाचा भाग असलेल्या एका उल्लेखनीय डिझायनरचे आजचे डिझायनर हायलाइट",
    "url": "https://designerhighlightoftheday.com/mr/",
    "feature_url": "https://competition.adesignaward.com/designer-highlight-of-the-day.html",
    "registry_url": "https://competition.adesignaward.com/designer-highlights-of-the-days.php",
    "embed_url": "https://designerhighlightoftheday.com/mr/vaishishtya/"
}

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

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

प्रायोजित

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

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

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

DesignAdage