ਅੱਜ ਦਾ ਵਿਸ਼ੇਸ਼ ਡਿਜ਼ਾਈਨਰ
ਆਪਣੀ ਵੈੱਬਸਾਈਟ 'ਤੇ ਅੱਜ ਦਾ ਵਿਸ਼ੇਸ਼ ਡਿਜ਼ਾਈਨਰ ਲਗਾਓ
ਅੱਜ ਦਾ ਵਿਸ਼ੇਸ਼ ਡਿਜ਼ਾਈਨਰ ਹਰ ਰੋਜ਼ ਇੱਕ ਨਵੀਂ ਵਿਸ਼ੇਸ਼ਤਾ ਪ੍ਰਕਾਸ਼ਿਤ ਕਰਦੀ ਹੈ। ਤਸਵੀਰ ਦਾ ਪਤਾ ਕਦੇ ਨਹੀਂ ਬਦਲਦਾ, ਪਰ ਇਸ ਦੇ ਪਿੱਛੇ ਦੀ ਤਸਵੀਰ ਬਦਲਦੀ ਰਹਿੰਦੀ ਹੈ, ਇਸ ਲਈ ਤੁਸੀਂ ਕੋਡ ਇੱਕ ਵਾਰ ਜੋੜਦੇ ਹੋ ਅਤੇ ਤੁਹਾਡੇ ਵਿਜ਼ਿਟਰ ਆਪਣੇ ਆਪ ਅੱਜ ਦੀ ਵਿਸ਼ੇਸ਼ਤਾ ਦੇਖਦੇ ਹਨ।
ਇਹ ਕਿਵੇਂ ਕੰਮ ਕਰਦਾ ਹੈ
ਹਰ ਰੋਜ਼ ਇੱਕ ਨਿਸ਼ਚਿਤ ਪਤੇ 'ਤੇ ਇੱਕ ਨਵੀਂ ਤਸਵੀਰ ਪ੍ਰਕਾਸ਼ਿਤ ਹੁੰਦੀ ਹੈ। ਤੁਹਾਡਾ ਪੇਜ ਉਹ ਪਤਾ ਲੋਡ ਕਰਦਾ ਹੈ, ਇਸ ਲਈ ਇਹ ਹਮੇਸ਼ਾ ਮੌਜੂਦਾ ਵਿਸ਼ੇਸ਼ਤਾ ਦਿਖਾਉਂਦਾ ਹੈ, ਅਤੇ ਕਲਿੱਕ ਕਰਨ 'ਤੇ ਤੁਹਾਡੇ ਵਿਜ਼ਿਟਰ ਅੱਜ ਦਾ ਵਿਸ਼ੇਸ਼ ਡਿਜ਼ਾਈਨਰ 'ਤੇ ਪਹੁੰਚ ਜਾਂਦੇ ਹਨ ਜਿੱਥੇ ਪੂਰੀ ਕਹਾਣੀ ਦੱਸੀ ਜਾਂਦੀ ਹੈ।
ਸਕ੍ਰਿਪਟ ਪਸੰਦ ਕਰਦੇ ਹੋ? ਇੱਕ ਕੰਟੇਨਰ ਅਤੇ ਇੱਕ ਸਕ੍ਰਿਪਟ ਜੋੜੋ: ਵਿਜੇਟ ਤੁਹਾਡੀ data-dotd-variant ਨਾਲ ਚੁਣੀ ਗਈ ਸ਼ੈਲੀ ਬਣਾਉਂਦਾ ਹੈ (image, cta ਜਾਂ card), ਸਕ੍ਰਿਪਟ ਪਤੇ ਦੀ ਭਾਸ਼ਾ ਵਿੱਚ ਜਦੋਂ ਉਹ ਭਾਸ਼ਾ ਉਪਲਬਧ ਹੋਵੇ। ਜੇ ਤੁਸੀਂ ਸਕ੍ਰਿਪਟ ਨਹੀਂ ਚਲਾ ਸਕਦੇ, ਤਾਂ ਉਸੇ ਵੇਰੀਐਂਟ ਦਾ HTML ਸੰਸਕਰਣ ਵਰਤੋ।
ਵੇਰੀਐਂਟ A: ਸਿਰਫ਼ ਤਸਵੀਰ
ਅੱਜ ਦੀ ਤਸਵੀਰ, ਅੱਜ ਦਾ ਵਿਸ਼ੇਸ਼ ਡਿਜ਼ਾਈਨਰ ਨਾਲ ਲਿੰਕ ਕੀਤੀ। ਸਭ ਤੋਂ ਹਲਕਾ ਵਿਕਲਪ।
ਲਾਈਵ ਝਲਕ
<a href="https://designerhighlightoftheday.com/pa/" target="_blank" rel="noopener">
<img src="https://competition.adesignaward.com/highlight-of-the-day/today.png" alt="ਅੱਜ ਦਾ ਵਿਸ਼ੇਸ਼ ਡਿਜ਼ਾਈਨਰ ਜੋ ਇੱਕ ਸ਼ਾਨਦਾਰ ਡਿਜ਼ਾਈਨਰ ਨੂੰ ਦਰਸਾਉਂਦਾ ਹੈ, ਵਿਸ਼ਵ ਡਿਜ਼ਾਈਨ ਭਾਈਚਾਰੇ ਦਾ ਹਿੱਸਾ" loading="lazy" style="max-width:100%;height:auto">
</a>
<div data-dotd="designerhighlightoftheday.com" data-dotd-variant="image"></div>
<script async src="https://designerhighlightoftheday.com/feature.js?lang=pa"></script>
ਵੇਰੀਐਂਟ B: ਤਸਵੀਰ ਅਤੇ ਕਾਲ ਟੂ ਐਕਸ਼ਨ
ਅੱਜ ਦੀ ਤਸਵੀਰ ਹੇਠਾਂ ਕਾਲ ਟੂ ਐਕਸ਼ਨ ਨਾਲ।
ਲਾਈਵ ਝਲਕ
<a href="https://designerhighlightoftheday.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/highlight-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="designerhighlightoftheday.com" data-dotd-variant="cta"></div>
<script async src="https://designerhighlightoftheday.com/feature.js?lang=pa"></script>
ਵੇਰੀਐਂਟ C: Bootstrap ਕਾਰਡ
ਤਸਵੀਰ, ਵਿਸ਼ੇਸ਼ਤਾ ਦਾ ਸਿਰਲੇਖ, ਇੱਕ ਛੋਟਾ ਪੈਰਾਗ੍ਰਾਫ਼ ਅਤੇ ਕਾਲ ਟੂ ਐਕਸ਼ਨ ਬਟਨ ਵਾਲਾ ਇੱਕ Bootstrap ਕਾਰਡ। ਤੁਹਾਡੇ ਪੇਜ ਨੂੰ Bootstrap ਦੀ ਲੋੜ ਹੈ।
ਲਾਈਵ ਝਲਕ
<div class="card" style="max-width:24rem">
<a href="https://designerhighlightoftheday.com/pa/" target="_blank" rel="noopener"><img src="https://competition.adesignaward.com/highlight-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://designerhighlightoftheday.com/pa/" class="btn btn-danger" target="_blank" rel="noopener">ਅੱਜ ਦਾ ਵਿਸ਼ੇਸ਼ ਡਿਜ਼ਾਈਨਰ ਖੋਜੋ</a>
</div>
</div>
<div data-dotd="designerhighlightoftheday.com" data-dotd-variant="card"></div>
<script async src="https://designerhighlightoftheday.com/feature.js?lang=pa"></script>
ਵਿਕਲਪ 3: JSON
ਡਿਵੈਲਪਰਾਂ, ਐਪਸ ਅਤੇ ਆਟੋਮੇਸ਼ਨ ਲਈ। JSON ਵਿੱਚ ਨਾਮ, ਵਰਣਨ, ਤਸਵੀਰ ਦਾ ਪਤਾ, ਲਿੰਕ ਅਤੇ ਤਾਰੀਖ਼ ਸ਼ਾਮਲ ਹੈ। ਕ੍ਰਾਸ-ਔਰਿਜਿਨ ਬੇਨਤੀਆਂ ਦੀ ਇਜਾਜ਼ਤ ਹੈ।
fetch("https://designerhighlightoftheday.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": "designerhighlightoftheday.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/highlight-of-the-day/today.png",
"image_alt": "ਅੱਜ ਦਾ ਵਿਸ਼ੇਸ਼ ਡਿਜ਼ਾਈਨਰ ਜੋ ਇੱਕ ਸ਼ਾਨਦਾਰ ਡਿਜ਼ਾਈਨਰ ਨੂੰ ਦਰਸਾਉਂਦਾ ਹੈ, ਵਿਸ਼ਵ ਡਿਜ਼ਾਈਨ ਭਾਈਚਾਰੇ ਦਾ ਹਿੱਸਾ",
"url": "https://designerhighlightoftheday.com/pa/",
"feature_url": "https://competition.adesignaward.com/designer-highlight-of-the-day.html",
"registry_url": "https://competition.adesignaward.com/designer-highlights-of-the-days.php",
"embed_url": "https://designerhighlightoftheday.com/pa/fichar/"
}
ਜਾਣਨਯੋਗ ਗੱਲਾਂ
- ਤਸਵੀਰ ਦੇ ਆਲੇ-ਦੁਆਲੇ ਲਿੰਕ ਰੱਖੋ, ਤਾਂ ਜੋ ਤੁਹਾਡੇ ਵਿਜ਼ਿਟਰ ਪੂਰੀ ਵਿਸ਼ੇਸ਼ਤਾ ਖੋਜ ਸਕਣ।
- ਹਮੇਸ਼ਾ ਉੱਪਰ ਦਿੱਤਾ ਗਿਆ ਤਸਵੀਰ ਦਾ ਪਤਾ ਵਰਤੋ ਅਤੇ ਕਾਪੀ ਸੇਵ ਨਾ ਕਰੋ, ਤਾਂ ਜੋ ਤੁਹਾਡਾ ਪੇਜ ਤਾਜ਼ਾ ਰਹੇ।
- ਤਸਵੀਰ ਰਿਸਪਾਂਸਿਵ ਹੈ: ਇਹ ਕਦੇ ਵੀ ਆਪਣੇ ਕੰਟੇਨਰ ਤੋਂ ਚੌੜੀ ਨਹੀਂ ਹੁੰਦੀ।
- ਮਦਦ ਚਾਹੀਦੀ ਹੈ ਜਾਂ ਕੋਈ ਕਸਟਮ ਫਾਰਮੈਟ? ਕਿਰਪਾ ਕਰਕੇ ਸਾਡੇ ਨਾਲ ਸੰਪਰਕ ਕਰੋ।