ಇಂದಿನ ವಿನ್ಯಾಸಕ ವಿಶೇಷ
ನಿಮ್ಮ ವೆಬ್ಸೈಟ್ನಲ್ಲಿ ಇಂದಿನ ವಿನ್ಯಾಸಕ ವಿಶೇಷ ಅನ್ನು ಎಂಬೆಡ್ ಮಾಡಿ
ಇಂದಿನ ವಿನ್ಯಾಸಕ ವಿಶೇಷ ಪ್ರತಿದಿನ ಹೊಸ ವೈಶಿಷ್ಟ್ಯವನ್ನು ಪ್ರಕಟಿಸುತ್ತದೆ. ಚಿತ್ರದ ವಿಳಾಸ ಎಂದಿಗೂ ಬದಲಾಗುವುದಿಲ್ಲ, ಆದರೆ ಅದರ ಹಿಂದಿನ ಚಿತ್ರ ಬದಲಾಗುತ್ತದೆ, ಆದ್ದರಿಂದ ನೀವು ಕೋಡ್ ಅನ್ನು ಒಮ್ಮೆ ಸೇರಿಸಿದರೆ ಸಾಕು, ನಿಮ್ಮ ಸಂದರ್ಶಕರು ಸ್ವಯಂಚಾಲಿತವಾಗಿ ಇಂದಿನ ವೈಶಿಷ್ಟ್ಯವನ್ನು ನೋಡುತ್ತಾರೆ.
ಇದು ಹೇಗೆ ಕೆಲಸ ಮಾಡುತ್ತದೆ
ಪ್ರತಿದಿನ ಒಂದು ಸ್ಥಿರ ವಿಳಾಸದಲ್ಲಿ ಹೊಸ ಚಿತ್ರವನ್ನು ಪ್ರಕಟಿಸಲಾಗುತ್ತದೆ. ನಿಮ್ಮ ಪುಟವು ಆ ವಿಳಾಸವನ್ನು ಲೋಡ್ ಮಾಡುತ್ತದೆ, ಆದ್ದರಿಂದ ಅದು ಯಾವಾಗಲೂ ಪ್ರಸ್ತುತ ವೈಶಿಷ್ಟ್ಯವನ್ನು ತೋರಿಸುತ್ತದೆ, ಮತ್ತು ಒಂದು ಕ್ಲಿಕ್ ನಿಮ್ಮ ಸಂದರ್ಶಕರನ್ನು ಸಂಪೂರ್ಣ ಕಥೆಯನ್ನು ಹೇಳುವ ಇಂದಿನ ವಿನ್ಯಾಸಕ ವಿಶೇಷ ಗೆ ಕರೆದೊಯ್ಯುತ್ತದೆ.
ಸ್ಕ್ರಿಪ್ಟ್ ಬಳಸಲು ಬಯಸುತ್ತೀರಾ? ಒಂದು ಕಂಟೇನರ್ ಮತ್ತು ಒಂದು ಸ್ಕ್ರಿಪ್ಟ್ ಸೇರಿಸಿ: ವಿಜೆಟ್ ನೀವು data-dotd-variant ಮೂಲಕ ಆಯ್ಕೆ ಮಾಡಿದ ಶೈಲಿಯನ್ನು (image, cta ಅಥವಾ card) ಬಿಡಿಸುತ್ತದೆ, ಆ ಭಾಷೆ ಲಭ್ಯವಿದ್ದಾಗ ಸ್ಕ್ರಿಪ್ಟ್ ವಿಳಾಸದ ಭಾಷೆಯಲ್ಲಿ. ನೀವು ಸ್ಕ್ರಿಪ್ಟ್ಗಳನ್ನು ಚಲಾಯಿಸಲು ಸಾಧ್ಯವಾಗದಿದ್ದರೆ, ಅದೇ ವೇರಿಯಂಟ್ನ HTML ಆವೃತ್ತಿಯನ್ನು ಬಳಸಿ.
ವೇರಿಯಂಟ್ A: ಚಿತ್ರ ಮಾತ್ರ
ಇಂದಿನ ಚಿತ್ರ, ಇಂದಿನ ವಿನ್ಯಾಸಕ ವಿಶೇಷ ಗೆ ಲಿಂಕ್ ಆಗಿದೆ. ಅತ್ಯಂತ ಹಗುರವಾದ ಆಯ್ಕೆ.
ಲೈವ್ ಪೂರ್ವವೀಕ್ಷಣೆ
<a href="https://designerhighlightoftheday.com/kn/" 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=kn"></script>
ವೇರಿಯಂಟ್ B: ಚಿತ್ರ ಮತ್ತು ಕ್ರಿಯೆಗೆ ಕರೆ
ಇಂದಿನ ಚಿತ್ರ ಕೆಳಗೆ ಕ್ರಿಯೆಗೆ ಕರೆಯೊಂದಿಗೆ.
ಲೈವ್ ಪೂರ್ವವೀಕ್ಷಣೆ
<a href="https://designerhighlightoftheday.com/kn/" 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=kn"></script>
ವೇರಿಯಂಟ್ C: Bootstrap ಕಾರ್ಡ್
ಚಿತ್ರ, ವೈಶಿಷ್ಟ್ಯದ ಶೀರ್ಷಿಕೆ, ಸಣ್ಣ ಪ್ಯಾರಾಗ್ರಾಫ್ ಮತ್ತು ಕ್ರಿಯೆಗೆ ಕರೆ ಬಟನ್ ಹೊಂದಿರುವ Bootstrap ಕಾರ್ಡ್. ನಿಮ್ಮ ಪುಟಕ್ಕೆ Bootstrap ಅಗತ್ಯವಿದೆ.
ಲೈವ್ ಪೂರ್ವವೀಕ್ಷಣೆ
<div class="card" style="max-width:24rem">
<a href="https://designerhighlightoftheday.com/kn/" 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/kn/" 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=kn"></script>
ಆಯ್ಕೆ 3: JSON
ಡೆವಲಪರ್ಗಳು, ಅಪ್ಲಿಕೇಶನ್ಗಳು ಮತ್ತು ಆಟೋಮೇಶನ್ಗಾಗಿ. JSON ನಲ್ಲಿ ಹೆಸರು, ವಿವರಣೆ, ಚಿತ್ರದ ವಿಳಾಸ, ಲಿಂಕ್ಗಳು ಮತ್ತು ದಿನಾಂಕ ಇರುತ್ತದೆ. ಕ್ರಾಸ್-ಆರಿಜಿನ್ ವಿನಂತಿಗಳಿಗೆ ಅನುಮತಿ ಇದೆ.
fetch("https://designerhighlightoftheday.com/feature.json?lang=kn")
.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": "kn",
"image": "https://competition.adesignaward.com/highlight-of-the-day/today.png",
"image_alt": "ಜಾಗತಿಕ ವಿನ್ಯಾಸ ಸಮುದಾಯದ ಭಾಗವಾದ ಗಮನಾರ್ಹ ವಿನ್ಯಾಸಕರನ್ನು ಒಳಗೊಂಡ ಇಂದಿನ ವಿನ್ಯಾಸಕ ವಿಶೇಷ",
"url": "https://designerhighlightoftheday.com/kn/",
"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/kn/vaishishtya/"
}
ತಿಳಿದಿರಲು ಒಳ್ಳೆಯದು
- ಚಿತ್ರದ ಸುತ್ತಲೂ ಲಿಂಕ್ ಇಡಿ, ಆಗ ನಿಮ್ಮ ಸಂದರ್ಶಕರು ಸಂಪೂರ್ಣ ವೈಶಿಷ್ಟ್ಯವನ್ನು ಅನ್ವೇಷಿಸಬಹುದು.
- ಯಾವಾಗಲೂ ಮೇಲೆ ತೋರಿಸಿದ ಚಿತ್ರ ವಿಳಾಸವನ್ನು ಬಳಸಿ ಮತ್ತು ಪ್ರತಿಯನ್ನು ಸಂಗ್ರಹಿಸಬೇಡಿ, ಆಗ ನಿಮ್ಮ ಪುಟ ನವೀಕೃತವಾಗಿರುತ್ತದೆ.
- ಚಿತ್ರ ರೆಸ್ಪಾನ್ಸಿವ್ ಆಗಿದೆ: ಅದು ತನ್ನ ಕಂಟೇನರ್ಗಿಂತ ಎಂದಿಗೂ ಅಗಲವಾಗುವುದಿಲ್ಲ.
- ಸಹಾಯ ಅಥವಾ ಕಸ್ಟಮ್ ಫಾರ್ಮ್ಯಾಟ್ ಬೇಕೇ? ದಯವಿಟ್ಟು ನಮ್ಮನ್ನು ಸಂಪರ್ಕಿಸಿ.