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

ਅੱਜ ਦਾ ਡਿਜ਼ਾਈਨ ਵਿਚਾਰ

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

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

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

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

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

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

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

ਲਾਈਵ ਝਲਕ

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

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

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

ਲਾਈਵ ਝਲਕ

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

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

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

ਲਾਈਵ ਝਲਕ

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

ਵਿਕਲਪ 3: JSON

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

fetch("https://designideaoftheday.com/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": "designideaoftheday.com",
    "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-idea-of-the-day/today.png",
    "image_alt": "ਅੱਜ ਦਾ ਡਿਜ਼ਾਈਨ ਵਿਚਾਰ ਜੋ ਸਿਰਜਣਾਤਮਕ ਸੀਮਾਵਾਂ ਨੂੰ ਅੱਗੇ ਵਧਾਉਂਦਾ ਨਵੀਨਤਾਕਾਰੀ ਸੰਕਲਪ ਪੇਸ਼ ਕਰਦਾ ਹੈ",
    "url": "https://designideaoftheday.com/pa/",
    "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/pa/fichar/"
}

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

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

ਸਪਾਂਸਰਡ

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

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

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

DesignAdage