ಮುಖ್ಯ ವಿಷಯಕ್ಕೆ ಹೋಗಿ

ಇಂದಿನ ಸಂದರ್ಶನ

ನಿಮ್ಮ ವೆಬ್‌ಸೈಟ್‌ನಲ್ಲಿ ಇಂದಿನ ವಿನ್ಯಾಸ ಸಂದರ್ಶನ ಅನ್ನು ಎಂಬೆಡ್ ಮಾಡಿ

ಇಂದಿನ ಸಂದರ್ಶನ ಪ್ರತಿದಿನ ಹೊಸ ವೈಶಿಷ್ಟ್ಯವನ್ನು ಪ್ರಕಟಿಸುತ್ತದೆ. ಚಿತ್ರದ ವಿಳಾಸ ಎಂದಿಗೂ ಬದಲಾಗುವುದಿಲ್ಲ, ಆದರೆ ಅದರ ಹಿಂದಿನ ಚಿತ್ರ ಬದಲಾಗುತ್ತದೆ, ಆದ್ದರಿಂದ ನೀವು ಕೋಡ್ ಅನ್ನು ಒಮ್ಮೆ ಸೇರಿಸಿದರೆ ಸಾಕು, ನಿಮ್ಮ ಸಂದರ್ಶಕರು ಸ್ವಯಂಚಾಲಿತವಾಗಿ ಇಂದಿನ ವೈಶಿಷ್ಟ್ಯವನ್ನು ನೋಡುತ್ತಾರೆ.

ಇದು ಹೇಗೆ ಕೆಲಸ ಮಾಡುತ್ತದೆ

ಪ್ರತಿದಿನ ಒಂದು ಸ್ಥಿರ ವಿಳಾಸದಲ್ಲಿ ಹೊಸ ಚಿತ್ರವನ್ನು ಪ್ರಕಟಿಸಲಾಗುತ್ತದೆ. ನಿಮ್ಮ ಪುಟವು ಆ ವಿಳಾಸವನ್ನು ಲೋಡ್ ಮಾಡುತ್ತದೆ, ಆದ್ದರಿಂದ ಅದು ಯಾವಾಗಲೂ ಪ್ರಸ್ತುತ ವೈಶಿಷ್ಟ್ಯವನ್ನು ತೋರಿಸುತ್ತದೆ, ಮತ್ತು ಒಂದು ಕ್ಲಿಕ್ ನಿಮ್ಮ ಸಂದರ್ಶಕರನ್ನು ಸಂಪೂರ್ಣ ಕಥೆಯನ್ನು ಹೇಳುವ ಇಂದಿನ ಸಂದರ್ಶನ ಗೆ ಕರೆದೊಯ್ಯುತ್ತದೆ.

ಸ್ಕ್ರಿಪ್ಟ್ ಬಳಸಲು ಬಯಸುತ್ತೀರಾ? ಒಂದು ಕಂಟೇನರ್ ಮತ್ತು ಒಂದು ಸ್ಕ್ರಿಪ್ಟ್ ಸೇರಿಸಿ: ವಿಜೆಟ್ ನೀವು data-dotd-variant ಮೂಲಕ ಆಯ್ಕೆ ಮಾಡಿದ ಶೈಲಿಯನ್ನು (image, cta ಅಥವಾ card) ಬಿಡಿಸುತ್ತದೆ, ಆ ಭಾಷೆ ಲಭ್ಯವಿದ್ದಾಗ ಸ್ಕ್ರಿಪ್ಟ್ ವಿಳಾಸದ ಭಾಷೆಯಲ್ಲಿ. ನೀವು ಸ್ಕ್ರಿಪ್ಟ್‌ಗಳನ್ನು ಚಲಾಯಿಸಲು ಸಾಧ್ಯವಾಗದಿದ್ದರೆ, ಅದೇ ವೇರಿಯಂಟ್‌ನ HTML ಆವೃತ್ತಿಯನ್ನು ಬಳಸಿ.

ವೇರಿಯಂಟ್ A: ಚಿತ್ರ ಮಾತ್ರ

ಇಂದಿನ ಚಿತ್ರ, ಇಂದಿನ ಸಂದರ್ಶನ ಗೆ ಲಿಂಕ್ ಆಗಿದೆ. ಅತ್ಯಂತ ಹಗುರವಾದ ಆಯ್ಕೆ.

ಲೈವ್ ಪೂರ್ವವೀಕ್ಷಣೆ

<a href="https://interviewoftheday.com/kn/" target="_blank" rel="noopener">
  <img src="https://competition.adesignaward.com/design-interview-of-the-day/today.png" alt="ಉದ್ಯಮದ ನಾಯಕರೊಂದಿಗೆ ಆಳವಾದ ಸಂಭಾಷಣೆಯನ್ನು ಒಳಗೊಂಡ ಇಂದಿನ ವಿನ್ಯಾಸ ಸಂದರ್ಶನ" loading="lazy" style="max-width:100%;height:auto">
</a>
<div data-dotd="interviewoftheday.com" data-dotd-variant="image"></div>
<script async src="https://interviewoftheday.com/feature.js?lang=kn"></script>

ವೇರಿಯಂಟ್ B: ಚಿತ್ರ ಮತ್ತು ಕ್ರಿಯೆಗೆ ಕರೆ

ಇಂದಿನ ಚಿತ್ರ ಕೆಳಗೆ ಕ್ರಿಯೆಗೆ ಕರೆಯೊಂದಿಗೆ.

ಲೈವ್ ಪೂರ್ವವೀಕ್ಷಣೆ

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

ವೇರಿಯಂಟ್ C: Bootstrap ಕಾರ್ಡ್

ಚಿತ್ರ, ವೈಶಿಷ್ಟ್ಯದ ಶೀರ್ಷಿಕೆ, ಸಣ್ಣ ಪ್ಯಾರಾಗ್ರಾಫ್ ಮತ್ತು ಕ್ರಿಯೆಗೆ ಕರೆ ಬಟನ್ ಹೊಂದಿರುವ Bootstrap ಕಾರ್ಡ್. ನಿಮ್ಮ ಪುಟಕ್ಕೆ Bootstrap ಅಗತ್ಯವಿದೆ.

ಲೈವ್ ಪೂರ್ವವೀಕ್ಷಣೆ

<div class="card" style="max-width:24rem">
  <a href="https://interviewoftheday.com/kn/" target="_blank" rel="noopener"><img src="https://competition.adesignaward.com/design-interview-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://interviewoftheday.com/kn/" class="btn btn-danger" target="_blank" rel="noopener">ಇಂದಿನ ವಿನ್ಯಾಸ ಸಂದರ್ಶನವನ್ನು ಅನ್ವೇಷಿಸಿ</a>
  </div>
</div>
<div data-dotd="interviewoftheday.com" data-dotd-variant="card"></div>
<script async src="https://interviewoftheday.com/feature.js?lang=kn"></script>

ಆಯ್ಕೆ 3: JSON

ಡೆವಲಪರ್‌ಗಳು, ಅಪ್ಲಿಕೇಶನ್‌ಗಳು ಮತ್ತು ಆಟೋಮೇಶನ್‌ಗಾಗಿ. JSON ನಲ್ಲಿ ಹೆಸರು, ವಿವರಣೆ, ಚಿತ್ರದ ವಿಳಾಸ, ಲಿಂಕ್‌ಗಳು ಮತ್ತು ದಿನಾಂಕ ಇರುತ್ತದೆ. ಕ್ರಾಸ್-ಆರಿಜಿನ್ ವಿನಂತಿಗಳಿಗೆ ಅನುಮತಿ ಇದೆ.

fetch("https://interviewoftheday.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": "interviewoftheday.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/design-interview-of-the-day/today.png",
    "image_alt": "ಉದ್ಯಮದ ನಾಯಕರೊಂದಿಗೆ ಆಳವಾದ ಸಂಭಾಷಣೆಯನ್ನು ಒಳಗೊಂಡ ಇಂದಿನ ವಿನ್ಯಾಸ ಸಂದರ್ಶನ",
    "url": "https://interviewoftheday.com/kn/",
    "feature_url": "https://competition.adesignaward.com/design-interview-of-the-day.html",
    "registry_url": "https://competition.adesignaward.com/design-interviews-of-the-days.php",
    "embed_url": "https://interviewoftheday.com/kn/vaishishtya/"
}

ತಿಳಿದಿರಲು ಒಳ್ಳೆಯದು

  • ಚಿತ್ರದ ಸುತ್ತಲೂ ಲಿಂಕ್ ಇಡಿ, ಆಗ ನಿಮ್ಮ ಸಂದರ್ಶಕರು ಸಂಪೂರ್ಣ ವೈಶಿಷ್ಟ್ಯವನ್ನು ಅನ್ವೇಷಿಸಬಹುದು.
  • ಯಾವಾಗಲೂ ಮೇಲೆ ತೋರಿಸಿದ ಚಿತ್ರ ವಿಳಾಸವನ್ನು ಬಳಸಿ ಮತ್ತು ಪ್ರತಿಯನ್ನು ಸಂಗ್ರಹಿಸಬೇಡಿ, ಆಗ ನಿಮ್ಮ ಪುಟ ನವೀಕೃತವಾಗಿರುತ್ತದೆ.
  • ಚಿತ್ರ ರೆಸ್ಪಾನ್ಸಿವ್ ಆಗಿದೆ: ಅದು ತನ್ನ ಕಂಟೇನರ್‌ಗಿಂತ ಎಂದಿಗೂ ಅಗಲವಾಗುವುದಿಲ್ಲ.
  • ಸಹಾಯ ಅಥವಾ ಕಸ್ಟಮ್ ಫಾರ್ಮ್ಯಾಟ್ ಬೇಕೇ? ದಯವಿಟ್ಟು ನಮ್ಮನ್ನು ಸಂಪರ್ಕಿಸಿ.

ಪ್ರಾಯೋಜಿತ

ಪ್ರಶಸ್ತಿ ವಿಜೇತ ವಿನ್ಯಾಸಗಳನ್ನು ಅನ್ವೇಷಿಸಿ

ಇಂದಿನ ವಿನ್ಯಾಸ ಉಲ್ಲೇಖ

ಇಂದಿನ ವಿನ್ಯಾಸ ಉಲ್ಲೇಖ

DesignAdage