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

ವಿನ್ಯಾಸ ದಿಗ್ಗಜ

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

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

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

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

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

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

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

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

<a href="https://thedesignlegend.com/kn/" target="_blank" rel="noopener">
  <img src="https://competition.adesignaward.com/design-legend-of-the-day/today.png" alt="ವಿನ್ಯಾಸದಲ್ಲಿ ಜೀವಮಾನದ ಸಾಧನೆಗಳನ್ನು ಪ್ರದರ್ಶಿಸುವ ಇಂದಿನ ವಿನ್ಯಾಸ ದಿಗ್ಗಜ ಹಿಂದಿರುಗಿ ನೋಟ" loading="lazy" style="max-width:100%;height:auto">
</a>
<div data-dotd="thedesignlegend.com" data-dotd-variant="image"></div>
<script async src="https://thedesignlegend.com/feature.js?lang=kn"></script>

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

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

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

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

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

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

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

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

ಆಯ್ಕೆ 3: JSON

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

fetch("https://thedesignlegend.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": "thedesignlegend.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-legend-of-the-day/today.png",
    "image_alt": "ವಿನ್ಯಾಸದಲ್ಲಿ ಜೀವಮಾನದ ಸಾಧನೆಗಳನ್ನು ಪ್ರದರ್ಶಿಸುವ ಇಂದಿನ ವಿನ್ಯಾಸ ದಿಗ್ಗಜ ಹಿಂದಿರುಗಿ ನೋಟ",
    "url": "https://thedesignlegend.com/kn/",
    "feature_url": "https://competition.adesignaward.com/design-legend-of-the-day.html",
    "registry_url": "https://competition.adesignaward.com/design-legends-of-the-days.php",
    "embed_url": "https://thedesignlegend.com/kn/vaishishtya/"
}

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

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

ಪ್ರಾಯೋಜಿತ

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

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

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

DesignAdage