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

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

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

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

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

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

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

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

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

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

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

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

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

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

<a href="https://designideaoftheday.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-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=ne"></script>

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

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

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

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

विकल्प ३: JSON

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

fetch("https://designideaoftheday.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": "designideaoftheday.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-idea-of-the-day/today.png",
    "image_alt": "सिर्जनशील सीमाहरू विस्तार गर्ने नवीन अवधारणा प्रस्तुत गर्ने आजको डिजाइन विचार",
    "url": "https://designideaoftheday.com/ne/",
    "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/ne/fischar/"
}

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

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

प्रायोजित

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

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

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

DesignAdage