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

आजको डिजाइनर

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

विकल्प ३: JSON

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

fetch("https://designeroftheday.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": "designeroftheday.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/designer-of-the-day/today.png",
    "image_alt": "आजका सम्मानित सिर्जनशील दूरदर्शीको तस्बिर सहितको आजको डिजाइनर",
    "url": "https://designeroftheday.com/ne/",
    "feature_url": "https://competition.adesignaward.com/designer-of-the-day.html",
    "registry_url": "https://competition.adesignaward.com/designers-of-the-days.php",
    "embed_url": "https://designeroftheday.com/ne/fischar/"
}

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

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

प्रायोजित

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

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

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

DesignAdage