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

ਅੱਜ ਦਾ ਡਿਜ਼ਾਈਨ ਰੁਝਾਨ

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

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

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

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

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

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

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

ਲਾਈਵ ਝਲਕ

<a href="https://designtrendoftheday.com/pa/" target="_blank" rel="noopener">
  <img src="https://competition.adesignaward.com/design-trend-of-the-day/today.png" alt="ਅੱਜ ਦਾ ਡਿਜ਼ਾਈਨ ਰੁਝਾਨ ਜੋ ਡਿਜ਼ਾਈਨ ਦੇ ਭਵਿੱਖ ਨੂੰ ਆਕਾਰ ਦੇਣ ਵਾਲੇ ਉਭਰਦੇ ਪੈਟਰਨਾਂ ਦੀ ਕਲਪਨਾ ਪੇਸ਼ ਕਰਦਾ ਹੈ" loading="lazy" style="max-width:100%;height:auto">
</a>
<div data-dotd="designtrendoftheday.com" data-dotd-variant="image"></div>
<script async src="https://designtrendoftheday.com/feature.js?lang=pa"></script>

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

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

ਲਾਈਵ ਝਲਕ

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

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

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

ਲਾਈਵ ਝਲਕ

<div class="card" style="max-width:24rem">
  <a href="https://designtrendoftheday.com/pa/" target="_blank" rel="noopener"><img src="https://competition.adesignaward.com/design-trend-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://designtrendoftheday.com/pa/" class="btn btn-danger" target="_blank" rel="noopener">ਅੱਜ ਦਾ ਡਿਜ਼ਾਈਨ ਰੁਝਾਨ ਖੋਜੋ</a>
  </div>
</div>
<div data-dotd="designtrendoftheday.com" data-dotd-variant="card"></div>
<script async src="https://designtrendoftheday.com/feature.js?lang=pa"></script>

ਵਿਕਲਪ 3: JSON

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

fetch("https://designtrendoftheday.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": "designtrendoftheday.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-trend-of-the-day/today.png",
    "image_alt": "ਅੱਜ ਦਾ ਡਿਜ਼ਾਈਨ ਰੁਝਾਨ ਜੋ ਡਿਜ਼ਾਈਨ ਦੇ ਭਵਿੱਖ ਨੂੰ ਆਕਾਰ ਦੇਣ ਵਾਲੇ ਉਭਰਦੇ ਪੈਟਰਨਾਂ ਦੀ ਕਲਪਨਾ ਪੇਸ਼ ਕਰਦਾ ਹੈ",
    "url": "https://designtrendoftheday.com/pa/",
    "feature_url": "https://competition.adesignaward.com/design-trend-of-the-day.html",
    "registry_url": "https://competition.adesignaward.com/design-trends-of-the-days.php",
    "embed_url": "https://designtrendoftheday.com/pa/fichar/"
}

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

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

ਸਪਾਂਸਰਡ

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

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

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

DesignAdage