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

ಇಂದಿನ ವಿನ್ಯಾಸ

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

ಆಯ್ಕೆ 3: JSON

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

fetch("https://designoftheday.org/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": "designoftheday.org",
    "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-of-the-day/today.png",
    "image_alt": "ಪ್ರಶಸ್ತಿ ವಿಜೇತ ಸೃಜನಶೀಲ ಶ್ರೇಷ್ಠತೆಯನ್ನು ಪ್ರದರ್ಶಿಸುವ ಇಂದಿನ ವಿಶೇಷ ವಿನ್ಯಾಸ",
    "url": "https://designoftheday.org/kn/",
    "feature_url": "https://competition.adesignaward.com/design-of-the-day.html",
    "registry_url": "https://competition.adesignaward.com/designs-of-the-days.php",
    "embed_url": "https://designoftheday.org/kn/vaishishtya/"
}

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

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

ಪ್ರಾಯೋಜಿತ

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

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

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

DesignAdage