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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

ಆಯ್ಕೆ 3: JSON

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

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

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

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

ಪ್ರಾಯೋಜಿತ

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

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

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

DesignAdage