मुख्य सामग्री पर जाएँ

आज के डिज़ाइनर

आज के डिज़ाइनर को अपनी वेबसाइट पर एम्बेड करें

आज के डिज़ाइनर हर दिन एक नया फ़ीचर प्रकाशित करता है। इमेज का पता कभी नहीं बदलता, लेकिन उसके पीछे की तस्वीर बदलती रहती है, इसलिए आप कोड एक बार जोड़ें और आपके आगंतुक स्वचालित रूप से आज का फ़ीचर देखते रहें।

यह कैसे काम करता है

हर दिन एक निश्चित पते पर एक नई तस्वीर प्रकाशित होती है। आपका पेज उस पते को लोड करता है, इसलिए वह हमेशा वर्तमान फ़ीचर दिखाता है, और क्लिक करने पर आपके आगंतुक आज के डिज़ाइनर पर पहुँचते हैं जहाँ पूरी कहानी बताई गई है।

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

वैरिएंट A: केवल इमेज

आज की तस्वीर, आज के डिज़ाइनर से लिंक की गई। सबसे हल्का विकल्प।

लाइव पूर्वावलोकन

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

वैरिएंट B: इमेज और कॉल टू एक्शन

आज की तस्वीर, नीचे कॉल टू एक्शन के साथ।

लाइव पूर्वावलोकन

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

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

तस्वीर, फ़ीचर का शीर्षक, एक छोटा पैराग्राफ़ और कॉल टू एक्शन बटन वाला एक Bootstrap कार्ड। आपके पेज में Bootstrap होना चाहिए।

लाइव पूर्वावलोकन

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

विकल्प 3: JSON

डेवलपर्स, ऐप्स और ऑटोमेशन के लिए। JSON में नाम, विवरण, इमेज पता, लिंक और तारीख शामिल होती है। क्रॉस-ऑरिजिन अनुरोधों की अनुमति है।

fetch("https://designeroftheday.com/feature.json?lang=hi")
  .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": "hi",
    "image": "https://competition.adesignaward.com/designer-of-the-day/today.png",
    "image_alt": "आज के प्रतिष्ठित रचनात्मक दूरदर्शी को प्रदर्शित करता आज के डिज़ाइनर का चित्र",
    "url": "https://designeroftheday.com/hi/",
    "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/hi/fichar/"
}

जानने योग्य बातें

  • इमेज के चारों ओर लिंक बनाए रखें, ताकि आपके आगंतुक पूरा फ़ीचर देख सकें।
  • हमेशा ऊपर दिखाए गए इमेज पते का उपयोग करें और कोई कॉपी सेव न करें, ताकि आपका पेज अपडेट रहे।
  • इमेज रेस्पॉन्सिव है: यह अपने कंटेनर से अधिक चौड़ी कभी नहीं होती।
  • सहायता चाहिए या कस्टम फ़ॉर्मेट? कृपया हमसे संपर्क करें।

प्रायोजित

पुरस्कार विजेता डिज़ाइन खोजें

आज का डिज़ाइन उद्धरण

आज का डिज़ाइन उद्धरण

DesignAdage