ప్రధాన విషయానికి వెళ్ళండి

నేటి డిజైన్ బృందం

మీ వెబ్‌సైట్‌లో నేటి డిజైన్ బృందంను ఎంబెడ్ చేయండి

నేటి డిజైన్ బృందం ప్రతిరోజూ ఒక కొత్త ఫీచర్‌ను ప్రచురిస్తుంది. చిత్రం చిరునామా మారదు, కానీ దాని వెనుక ఉన్న చిత్రం మారుతుంది, కాబట్టి మీరు కోడ్‌ను ఒకసారి జోడిస్తే చాలు — మీ సందర్శకులు ఈ రోజు ఫీచర్‌ను స్వయంచాలకంగా చూస్తారు.

ఇది ఎలా పనిచేస్తుంది

ప్రతిరోజూ ఒక స్థిర చిరునామాలో కొత్త చిత్రం ప్రచురించబడుతుంది. మీ పేజీ ఆ చిరునామాను లోడ్ చేస్తుంది, కాబట్టి ఎల్లప్పుడూ ప్రస్తుత ఫీచర్ కనిపిస్తుంది, మరియు క్లిక్ చేస్తే మీ సందర్శకులను పూర్తి కథనం ఉన్న నేటి డిజైన్ బృందంకు తీసుకెళ్తుంది.

స్క్రిప్ట్ కావాలా? ఒక కంటైనర్ మరియు ఒక స్క్రిప్ట్ జోడించండి: విడ్జెట్ మీరు data-dotd-variant (image, cta లేదా card) ద్వారా ఎంచుకున్న శైలిని, ఆ భాష అందుబాటులో ఉన్నప్పుడు స్క్రిప్ట్ చిరునామా భాషలో రూపొందిస్తుంది. మీరు స్క్రిప్ట్‌లు అమలు చేయలేకపోతే, అదే వేరియంట్ యొక్క HTML వెర్షన్‌ను ఉపయోగించండి.

వేరియంట్ A: చిత్రం మాత్రమే

ఈ రోజు చిత్రం, నేటి డిజైన్ బృందంకు లింక్ చేయబడింది. అత్యంత తేలికైన ఎంపిక.

లైవ్ ప్రివ్యూ

<a href="https://designteamoftheday.com/te/" 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=te"></script>

వేరియంట్ B: చిత్రం మరియు కాల్ టు యాక్షన్

ఈ రోజు చిత్రం దిగువన కాల్ టు యాక్షన్‌తో.

లైవ్ ప్రివ్యూ

<a href="https://designteamoftheday.com/te/" 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=te"></script>

వేరియంట్ C: Bootstrap కార్డ్

చిత్రం, ఫీచర్ శీర్షిక, చిన్న పేరాగ్రాఫ్ మరియు కాల్ టు యాక్షన్ బటన్‌తో కూడిన Bootstrap కార్డ్. మీ పేజీకి Bootstrap అవసరం.

లైవ్ ప్రివ్యూ

<div class="card" style="max-width:24rem">
  <a href="https://designteamoftheday.com/te/" 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/te/" 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=te"></script>

ఎంపిక 3: JSON

డెవలపర్లు, యాప్‌లు మరియు ఆటోమేషన్ కోసం. JSON లో పేరు, వివరణ, చిత్రం చిరునామా, లింక్‌లు మరియు తేదీ ఉంటాయి. క్రాస్-ఆరిజిన్ అభ్యర్థనలు అనుమతించబడతాయి.

fetch("https://designteamoftheday.com/feature.json?lang=te")
  .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": "te",
    "image": "https://competition.adesignaward.com/design-team-of-the-day/today.png",
    "image_alt": "వినూత్న ప్రాజెక్ట్‌లపై సహకరిస్తున్న అవార్డు గెలుచుకున్న నేటి డిజైన్ బృందం",
    "url": "https://designteamoftheday.com/te/",
    "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/te/fichar/"
}

తెలుసుకోవలసిన విషయాలు

  • చిత్రం చుట్టూ లింక్‌ను ఉంచండి, తద్వారా మీ సందర్శకులు పూర్తి ఫీచర్‌ను కనుగొనగలరు.
  • ఎల్లప్పుడూ పైన చూపిన చిత్రం చిరునామాను ఉపయోగించండి మరియు కాపీని నిల్వ చేయకండి, తద్వారా మీ పేజీ తాజాగా ఉంటుంది.
  • చిత్రం రెస్పాన్సివ్: ఇది దాని కంటైనర్ కంటే వెడల్పుగా పెరగదు.
  • సహాయం లేదా అనుకూల ఫార్మాట్ కావాలా? దయచేసి మమ్మల్ని సంప్రదించండి.

ప్రాయోజితం

అవార్డు గెలుచుకున్న డిజైన్‌లను కనుగొనండి

నేటి డిజైన్ కోట్

నేటి డిజైన్ కోట్

DesignAdage