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

आज का डिज़ाइन ट्रेंड

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

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

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

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

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

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

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

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

<a href="https://designtrendoftheday.com/hi/" target="_blank" rel="noopener">
  <img src="https://competition.adesignaward.com/design-trend-of-the-day/today.png" alt="डिज़ाइन के भविष्य को आकार देने वाले उभरते पैटर्न का चित्रण करता आज का डिज़ाइन ट्रेंड" loading="lazy" style="max-width:100%;height:auto">
</a>
<div data-dotd="designtrendoftheday.com" data-dotd-variant="image"></div>
<script async src="https://designtrendoftheday.com/feature.js?lang=hi"></script>

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

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

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

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

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

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

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

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

विकल्प 3: JSON

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

fetch("https://designtrendoftheday.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": "designtrendoftheday.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-trend-of-the-day/today.png",
    "image_alt": "डिज़ाइन के भविष्य को आकार देने वाले उभरते पैटर्न का चित्रण करता आज का डिज़ाइन ट्रेंड",
    "url": "https://designtrendoftheday.com/hi/",
    "feature_url": "https://competition.adesignaward.com/design-trend-of-the-day.html",
    "registry_url": "https://competition.adesignaward.com/design-trends-of-the-days.php",
    "embed_url": "https://designtrendoftheday.com/hi/fichar/"
}

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

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

प्रायोजित

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

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

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

DesignAdage