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

ಇಂದಿನ ವಿನ್ಯಾಸಕರು

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

ಆಯ್ಕೆ 3: JSON

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

fetch("https://designeroftheday.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": "designeroftheday.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/designer-of-the-day/today.png",
    "image_alt": "ಇಂದಿನ ಆಚರಿಸಲ್ಪಡುವ ಸೃಜನಶೀಲ ದಾರ್ಶನಿಕರ ಭಾವಚಿತ್ರವನ್ನು ಒಳಗೊಂಡ ಇಂದಿನ ವಿನ್ಯಾಸಕರು",
    "url": "https://designeroftheday.com/kn/",
    "feature_url": "https://competition.adesignaward.com/designer-of-the-day.html",
    "registry_url": "https://competition.adesignaward.com/designers-of-the-days.php",
    "embed_url": "https://designeroftheday.com/kn/vaishishtya/"
}

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

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

ಪ್ರಾಯೋಜಿತ

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

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

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

DesignAdage