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

आजको डिजाइन

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

विकल्प ३: JSON

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

fetch("https://designoftheday.org/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": "designoftheday.org",
    "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-of-the-day/today.png",
    "image_alt": "पुरस्कार विजेता सिर्जनात्मक उत्कृष्टता प्रदर्शन गर्ने आजको विशेष डिजाइन",
    "url": "https://designoftheday.org/ne/",
    "feature_url": "https://competition.adesignaward.com/design-of-the-day.html",
    "registry_url": "https://competition.adesignaward.com/designs-of-the-days.php",
    "embed_url": "https://designoftheday.org/ne/fischar/"
}

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

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

प्रायोजित

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

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

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

DesignAdage