मुख्य सामग्रीमा जानुहोस्

डिजाइन दिग्गज

तपाईंको वेबसाइटमा आजको डिजाइन दिग्गज एम्बेड गर्नुहोस्

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

यो कसरी काम गर्छ

हरेक दिन एउटा निश्चित ठेगानामा नयाँ तस्बिर प्रकाशित हुन्छ। तपाईंको पृष्ठले त्यो ठेगाना लोड गर्छ, त्यसैले यसले सधैं हालको फिचर देखाउँछ, र एक क्लिकले तपाईंका आगन्तुकहरूलाई डिजाइन दिग्गज मा लैजान्छ जहाँ पूरा कथा बताइन्छ।

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

भेरिएन्ट A: छवि मात्र

आजको तस्बिर, डिजाइन दिग्गज मा लिङ्क गरिएको। सबैभन्दा हल्का विकल्प।

प्रत्यक्ष पूर्वावलोकन

<a href="https://thedesignlegend.com/ne/" target="_blank" rel="noopener">
  <img src="https://competition.adesignaward.com/design-legend-of-the-day/today.png" alt="डिजाइनमा जीवनभरका उपलब्धिहरू प्रदर्शन गर्ने आजको डिजाइन दिग्गजको पूर्वावलोकन" loading="lazy" style="max-width:100%;height:auto">
</a>
<div data-dotd="thedesignlegend.com" data-dotd-variant="image"></div>
<script async src="https://thedesignlegend.com/feature.js?lang=ne"></script>

भेरिएन्ट B: छवि र कार्य आह्वान

आजको तस्बिर तलमा कार्य आह्वानसहित।

प्रत्यक्ष पूर्वावलोकन

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

भेरिएन्ट C: Bootstrap कार्ड

तस्बिर, फिचरको शीर्षक, छोटो अनुच्छेद र कार्य आह्वान बटनसहितको Bootstrap कार्ड। तपाईंको पृष्ठमा Bootstrap आवश्यक छ।

प्रत्यक्ष पूर्वावलोकन

<div class="card" style="max-width:24rem">
  <a href="https://thedesignlegend.com/ne/" target="_blank" rel="noopener"><img src="https://competition.adesignaward.com/design-legend-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://thedesignlegend.com/ne/" class="btn btn-danger" target="_blank" rel="noopener">आजको डिजाइन दिग्गज पत्ता लगाउनुहोस्</a>
  </div>
</div>
<div data-dotd="thedesignlegend.com" data-dotd-variant="card"></div>
<script async src="https://thedesignlegend.com/feature.js?lang=ne"></script>

विकल्प ३: JSON

विकासकर्ता, एप र स्वचालनका लागि। JSON मा नाम, विवरण, छविको ठेगाना, लिङ्कहरू र मिति समावेश छ। क्रस-ओरिजिन अनुरोधहरू अनुमति दिइएका छन्।

fetch("https://thedesignlegend.com/feature.json?lang=ne")
  .then(function (r) { return r.json(); })
  .then(function (d) {
    // d.name, d.feature, d.paragraph, d.image, d.url, d.date ...
  });

उदाहरण प्रतिक्रिया

{
    "domain": "thedesignlegend.com",
    "name": "डिजाइन दिग्गज",
    "feature": "आजको डिजाइन दिग्गज",
    "paragraph": "A' Design Award ले प्रत्येक दिन एक प्रभावशाली डिजाइनर वा विश्वस्तरीय वास्तुकारलाई सम्मान गर्दछ, जसको असाधारण क्यारियर, प्रतिष्ठित सृजनाहरू र अग्रगामी विचारहरूले डिजाइनको इतिहास र विकासलाई आकार दिएको छ, आजको डिजाइन दिग्गजको रूपमा।",
    "description": "डिजाइन दिग्गजले प्रभावशाली डिजाइनरहरू र विश्वस्तरीय वास्तुकारहरूलाई सम्मान गर्दछ जसका असाधारण क्यारियर, प्रतिष्ठित सृजनाहरू, अग्रगामी विचारहरू र स्थायी योगदानहरूले डिजाइनको इतिहास र विकासलाई आकार दिएको छ, अत्यन्त प्रतिष्ठित A' Design Award and Competition द्वारा मान्यता प्राप्त सिर्जनशील व्यक्तिहरू र उपलब्धिहरूलाई उजागर गर्दै।",
    "call_to_action": "आजको डिजाइन दिग्गज पत्ता लगाउनुहोस्",
    "date": "2026-11-08",
    "language": "ne",
    "image": "https://competition.adesignaward.com/design-legend-of-the-day/today.png",
    "image_alt": "डिजाइनमा जीवनभरका उपलब्धिहरू प्रदर्शन गर्ने आजको डिजाइन दिग्गजको पूर्वावलोकन",
    "url": "https://thedesignlegend.com/ne/",
    "feature_url": "https://competition.adesignaward.com/design-legend-of-the-day.html",
    "registry_url": "https://competition.adesignaward.com/design-legends-of-the-days.php",
    "embed_url": "https://thedesignlegend.com/ne/fischar/"
}

जान्नुपर्ने कुराहरू

  • छविको वरिपरि लिङ्क राख्नुहोस्, ताकि तपाईंका आगन्तुकहरूले पूरा फिचर पत्ता लगाउन सकून्।
  • सधैं माथि देखाइएको छवि ठेगाना प्रयोग गर्नुहोस् र प्रतिलिपि नराख्नुहोस्, ताकि तपाईंको पृष्ठ अद्यावधिक रहोस्।
  • छवि रेस्पोन्सिभ छ: यो कहिल्यै आफ्नो कन्टेनरभन्दा फराकिलो हुँदैन।
  • सहयोग वा अनुकूलित ढाँचा चाहिन्छ? कृपया हामीलाई सम्पर्क गर्नुहोस्।

प्रायोजित

पुरस्कार विजेता डिजाइनहरू पत्ता लगाउनुहोस्

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

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

DesignAdage