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

आज का डिज़ाइन विचार

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

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

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

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

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

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

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

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

<a href="https://designideaoftheday.com/hi/" target="_blank" rel="noopener">
  <img src="https://competition.adesignaward.com/design-idea-of-the-day/today.png" alt="रचनात्मक सीमाओं को आगे बढ़ाती एक नवोन्मेषी अवधारणा प्रस्तुत करता आज का डिज़ाइन विचार" loading="lazy" style="max-width:100%;height:auto">
</a>
<div data-dotd="designideaoftheday.com" data-dotd-variant="image"></div>
<script async src="https://designideaoftheday.com/feature.js?lang=hi"></script>

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

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

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

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

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

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

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

<div class="card" style="max-width:24rem">
  <a href="https://designideaoftheday.com/hi/" target="_blank" rel="noopener"><img src="https://competition.adesignaward.com/design-idea-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://designideaoftheday.com/hi/" class="btn btn-danger" target="_blank" rel="noopener">आज का डिज़ाइन विचार खोजें</a>
  </div>
</div>
<div data-dotd="designideaoftheday.com" data-dotd-variant="card"></div>
<script async src="https://designideaoftheday.com/feature.js?lang=hi"></script>

विकल्प 3: JSON

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

fetch("https://designideaoftheday.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": "designideaoftheday.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/design-idea-of-the-day/today.png",
    "image_alt": "रचनात्मक सीमाओं को आगे बढ़ाती एक नवोन्मेषी अवधारणा प्रस्तुत करता आज का डिज़ाइन विचार",
    "url": "https://designideaoftheday.com/hi/",
    "feature_url": "https://competition.adesignaward.com/design-idea-of-the-day.html",
    "registry_url": "https://competition.adesignaward.com/design-ideas-of-the-days.php",
    "embed_url": "https://designideaoftheday.com/hi/fichar/"
}

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

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

प्रायोजित

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

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

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

DesignAdage