ਮੁੱਖ ਸਮੱਗਰੀ ਤੇ ਜਾਓ

ਅੱਜ ਦਾ ਡਿਜ਼ਾਈਨ

ਆਪਣੀ ਵੈੱਬਸਾਈਟ 'ਤੇ ਅੱਜ ਦਾ ਡਿਜ਼ਾਈਨ ਲਗਾਓ

ਅੱਜ ਦਾ ਡਿਜ਼ਾਈਨ ਹਰ ਰੋਜ਼ ਇੱਕ ਨਵੀਂ ਵਿਸ਼ੇਸ਼ਤਾ ਪ੍ਰਕਾਸ਼ਿਤ ਕਰਦੀ ਹੈ। ਤਸਵੀਰ ਦਾ ਪਤਾ ਕਦੇ ਨਹੀਂ ਬਦਲਦਾ, ਪਰ ਇਸ ਦੇ ਪਿੱਛੇ ਦੀ ਤਸਵੀਰ ਬਦਲਦੀ ਰਹਿੰਦੀ ਹੈ, ਇਸ ਲਈ ਤੁਸੀਂ ਕੋਡ ਇੱਕ ਵਾਰ ਜੋੜਦੇ ਹੋ ਅਤੇ ਤੁਹਾਡੇ ਵਿਜ਼ਿਟਰ ਆਪਣੇ ਆਪ ਅੱਜ ਦੀ ਵਿਸ਼ੇਸ਼ਤਾ ਦੇਖਦੇ ਹਨ।

ਇਹ ਕਿਵੇਂ ਕੰਮ ਕਰਦਾ ਹੈ

ਹਰ ਰੋਜ਼ ਇੱਕ ਨਿਸ਼ਚਿਤ ਪਤੇ 'ਤੇ ਇੱਕ ਨਵੀਂ ਤਸਵੀਰ ਪ੍ਰਕਾਸ਼ਿਤ ਹੁੰਦੀ ਹੈ। ਤੁਹਾਡਾ ਪੇਜ ਉਹ ਪਤਾ ਲੋਡ ਕਰਦਾ ਹੈ, ਇਸ ਲਈ ਇਹ ਹਮੇਸ਼ਾ ਮੌਜੂਦਾ ਵਿਸ਼ੇਸ਼ਤਾ ਦਿਖਾਉਂਦਾ ਹੈ, ਅਤੇ ਕਲਿੱਕ ਕਰਨ 'ਤੇ ਤੁਹਾਡੇ ਵਿਜ਼ਿਟਰ ਅੱਜ ਦਾ ਡਿਜ਼ਾਈਨ 'ਤੇ ਪਹੁੰਚ ਜਾਂਦੇ ਹਨ ਜਿੱਥੇ ਪੂਰੀ ਕਹਾਣੀ ਦੱਸੀ ਜਾਂਦੀ ਹੈ।

ਸਕ੍ਰਿਪਟ ਪਸੰਦ ਕਰਦੇ ਹੋ? ਇੱਕ ਕੰਟੇਨਰ ਅਤੇ ਇੱਕ ਸਕ੍ਰਿਪਟ ਜੋੜੋ: ਵਿਜੇਟ ਤੁਹਾਡੀ data-dotd-variant ਨਾਲ ਚੁਣੀ ਗਈ ਸ਼ੈਲੀ ਬਣਾਉਂਦਾ ਹੈ (image, cta ਜਾਂ card), ਸਕ੍ਰਿਪਟ ਪਤੇ ਦੀ ਭਾਸ਼ਾ ਵਿੱਚ ਜਦੋਂ ਉਹ ਭਾਸ਼ਾ ਉਪਲਬਧ ਹੋਵੇ। ਜੇ ਤੁਸੀਂ ਸਕ੍ਰਿਪਟ ਨਹੀਂ ਚਲਾ ਸਕਦੇ, ਤਾਂ ਉਸੇ ਵੇਰੀਐਂਟ ਦਾ HTML ਸੰਸਕਰਣ ਵਰਤੋ।

ਵੇਰੀਐਂਟ A: ਸਿਰਫ਼ ਤਸਵੀਰ

ਅੱਜ ਦੀ ਤਸਵੀਰ, ਅੱਜ ਦਾ ਡਿਜ਼ਾਈਨ ਨਾਲ ਲਿੰਕ ਕੀਤੀ। ਸਭ ਤੋਂ ਹਲਕਾ ਵਿਕਲਪ।

ਲਾਈਵ ਝਲਕ

<a href="https://designoftheday.org/pa/" 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=pa"></script>

ਵੇਰੀਐਂਟ B: ਤਸਵੀਰ ਅਤੇ ਕਾਲ ਟੂ ਐਕਸ਼ਨ

ਅੱਜ ਦੀ ਤਸਵੀਰ ਹੇਠਾਂ ਕਾਲ ਟੂ ਐਕਸ਼ਨ ਨਾਲ।

ਲਾਈਵ ਝਲਕ

<a href="https://designoftheday.org/pa/" 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=pa"></script>

ਵੇਰੀਐਂਟ C: Bootstrap ਕਾਰਡ

ਤਸਵੀਰ, ਵਿਸ਼ੇਸ਼ਤਾ ਦਾ ਸਿਰਲੇਖ, ਇੱਕ ਛੋਟਾ ਪੈਰਾਗ੍ਰਾਫ਼ ਅਤੇ ਕਾਲ ਟੂ ਐਕਸ਼ਨ ਬਟਨ ਵਾਲਾ ਇੱਕ Bootstrap ਕਾਰਡ। ਤੁਹਾਡੇ ਪੇਜ ਨੂੰ Bootstrap ਦੀ ਲੋੜ ਹੈ।

ਲਾਈਵ ਝਲਕ

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

ਵਿਕਲਪ 3: JSON

ਡਿਵੈਲਪਰਾਂ, ਐਪਸ ਅਤੇ ਆਟੋਮੇਸ਼ਨ ਲਈ। JSON ਵਿੱਚ ਨਾਮ, ਵਰਣਨ, ਤਸਵੀਰ ਦਾ ਪਤਾ, ਲਿੰਕ ਅਤੇ ਤਾਰੀਖ਼ ਸ਼ਾਮਲ ਹੈ। ਕ੍ਰਾਸ-ਔਰਿਜਿਨ ਬੇਨਤੀਆਂ ਦੀ ਇਜਾਜ਼ਤ ਹੈ।

fetch("https://designoftheday.org/feature.json?lang=pa")
  .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": "pa",
    "image": "https://competition.adesignaward.com/design-of-the-day/today.png",
    "image_alt": "ਅੱਜ ਦਾ ਵਿਸ਼ੇਸ਼ ਡਿਜ਼ਾਈਨ ਜੋ ਪੁਰਸਕਾਰ-ਜੇਤੂ ਸਿਰਜਣਾਤਮਕ ਉੱਤਮਤਾ ਦਰਸਾਉਂਦਾ ਹੈ",
    "url": "https://designoftheday.org/pa/",
    "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/pa/fichar/"
}

ਜਾਣਨਯੋਗ ਗੱਲਾਂ

  • ਤਸਵੀਰ ਦੇ ਆਲੇ-ਦੁਆਲੇ ਲਿੰਕ ਰੱਖੋ, ਤਾਂ ਜੋ ਤੁਹਾਡੇ ਵਿਜ਼ਿਟਰ ਪੂਰੀ ਵਿਸ਼ੇਸ਼ਤਾ ਖੋਜ ਸਕਣ।
  • ਹਮੇਸ਼ਾ ਉੱਪਰ ਦਿੱਤਾ ਗਿਆ ਤਸਵੀਰ ਦਾ ਪਤਾ ਵਰਤੋ ਅਤੇ ਕਾਪੀ ਸੇਵ ਨਾ ਕਰੋ, ਤਾਂ ਜੋ ਤੁਹਾਡਾ ਪੇਜ ਤਾਜ਼ਾ ਰਹੇ।
  • ਤਸਵੀਰ ਰਿਸਪਾਂਸਿਵ ਹੈ: ਇਹ ਕਦੇ ਵੀ ਆਪਣੇ ਕੰਟੇਨਰ ਤੋਂ ਚੌੜੀ ਨਹੀਂ ਹੁੰਦੀ।
  • ਮਦਦ ਚਾਹੀਦੀ ਹੈ ਜਾਂ ਕੋਈ ਕਸਟਮ ਫਾਰਮੈਟ? ਕਿਰਪਾ ਕਰਕੇ ਸਾਡੇ ਨਾਲ ਸੰਪਰਕ ਕਰੋ।

ਸਪਾਂਸਰਡ

ਅਵਾਰਡ ਜੇਤੂ ਡਿਜ਼ਾਈਨ ਖੋਜੋ

ਅੱਜ ਦਾ ਡਿਜ਼ਾਈਨ ਹਵਾਲਾ

ਅੱਜ ਦਾ ਡਿਜ਼ਾਈਨ ਹਵਾਲਾ

DesignAdage