ମୁଖ୍ୟ ବିଷୟବସ୍ତୁକୁ ଯାଆନ୍ତୁ

ଆଜିର ଡିଜାଇନ୍ ଟିମ୍

ଆପଣଙ୍କ ୱେବସାଇଟରେ ଆଜିର ଡିଜାଇନ୍ ଟିମ୍ ଏମ୍ବେଡ୍ କରନ୍ତୁ

ଆଜିର ଡିଜାଇନ୍ ଟିମ୍ ପ୍ରତିଦିନ ଏକ ନୂଆ ଫିଚର୍ ପ୍ରକାଶ କରେ। ଇମେଜ୍ ଠିକଣା କେବେ ବଦଳେ ନାହିଁ, କିନ୍ତୁ ଏହା ପଛରେ ଥିବା ଚିତ୍ର ବଦଳିଯାଏ, ତେଣୁ ଆପଣ ଥରେ କୋଡ୍ ଯୋଡ଼ନ୍ତୁ ଏବଂ ଆପଣଙ୍କ ଦର୍ଶକମାନେ ସ୍ୱୟଂଚାଳିତ ଭାବରେ ଆଜିର ଫିଚର୍ ଦେଖିପାରିବେ।

ଏହା କିପରି କାମ କରେ

ପ୍ରତିଦିନ ଏକ ନିର୍ଦ୍ଦିଷ୍ଟ ଠିକଣାରେ ଏକ ନୂଆ ଚିତ୍ର ପ୍ରକାଶିତ ହୁଏ। ଆପଣଙ୍କ ପୃଷ୍ଠା ସେହି ଠିକଣା ଲୋଡ୍ କରେ, ତେଣୁ ଏହା ସର୍ବଦା ବର୍ତ୍ତମାନର ଫିଚର୍ ଦେଖାଏ, ଏବଂ ଏକ କ୍ଲିକ୍ ଆପଣଙ୍କ ଦର୍ଶକଙ୍କୁ ଆଜିର ଡିଜାଇନ୍ ଟିମ୍ କୁ ନେଇଯାଏ ଯେଉଁଠାରେ ସମ୍ପୂର୍ଣ୍ଣ କାହାଣୀ ରହିଛି।

ସ୍କ୍ରିପ୍ଟ ପସନ୍ଦ କରୁଛନ୍ତି? ଏକ କଣ୍ଟେନର ଓ ଏକ ସ୍କ୍ରିପ୍ଟ ଯୋଡ଼ନ୍ତୁ: ୱିଜେଟ୍ data-dotd-variant (image, cta କିମ୍ବା card) ସହ ଆପଣ ବାଛିଥିବା ଶୈଳୀ ଆଙ୍କେ, ସ୍କ୍ରିପ୍ଟ ଠିକଣାର ଭାଷାରେ ଯଦି ସେହି ଭାଷା ଉପಲବ୍ଧ ଥାଏ। ଯଦି ଆପଣ ସ୍କ୍ରିପ୍ଟ ଚଳାଇ ପାରୁନାହାନ୍ତି, ସେହି ଭେରିଆଣ୍ଟର HTML ସଂସ୍କରଣ ବ୍ୟବହାର କରନ୍ତୁ।

ଭେରିଆଣ୍ଟ A: କେବଳ ଇମେଜ୍

ଆଜିର ଚିତ୍ର, ଆଜିର ଡିଜାଇନ୍ ଟିମ୍ ସହ ଲିଙ୍କ୍ ହୋଇଛି। ସବୁଠାରୁ ହାଲୁକା ବିକଳ୍ପ।

ଲାଇଭ୍ ପ୍ରିଭ୍ୟୁ

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

ଭେରିଆଣ୍ଟ B: ଇମେଜ୍ ଓ କଲ୍ ଟୁ ଆକ୍ସନ୍

ଆଜିର ଚିତ୍ର ସହ ତଳେ ଏକ କଲ୍ ଟୁ ଆକ୍ସନ୍।

ଲାଇଭ୍ ପ୍ରିଭ୍ୟୁ

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

ଭେରିଆଣ୍ଟ C: Bootstrap କାର୍ଡ

ଚିତ୍ର, ଫିଚର୍‌ର ଶୀର୍ଷକ, ଏକ ସଂକ୍ଷିପ୍ତ ଅନୁଚ୍ଛେଦ ଓ ଏକ କଲ୍ ଟୁ ଆକ୍ସନ୍ ବଟନ୍ ସହ ଏକ Bootstrap କାର୍ଡ। ଆପଣଙ୍କ ପୃଷ୍ଠାରେ Bootstrap ଆବଶ୍ୟକ।

ଲାଇଭ୍ ପ୍ରିଭ୍ୟୁ

<div class="card" style="max-width:24rem">
  <a href="https://designteamoftheday.org/or/" 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.org/or/" class="btn btn-danger" target="_blank" rel="noopener">ଆଜିର ଡିଜାଇନ୍ ଟିମ୍ ଆବିଷ୍କାର କରନ୍ତୁ</a>
  </div>
</div>
<div data-dotd="designteamoftheday.org" data-dotd-variant="card"></div>
<script async src="https://designteamoftheday.org/feature.js?lang=or"></script>

ବିକଳ୍ପ 3: JSON

ଡେଭେଲପର୍, ଆପ୍ ଓ ଅଟୋମେସନ ପାଇଁ। JSON ରେ ନାମ, ବିବରଣୀ, ଇମେଜ୍ ଠିକଣା, ଲିଙ୍କ ଓ ତାରିଖ ଅଛି। କ୍ରସ୍-ଅରିଜିନ୍ ଅନୁରୋଧ ଅନୁମତିପ୍ରାପ୍ତ।

fetch("https://designteamoftheday.org/feature.json?lang=or")
  .then(function (r) { return r.json(); })
  .then(function (d) {
    // d.name, d.feature, d.paragraph, d.image, d.url, d.date ...
  });

ଉଦାହରଣ ପ୍ରତିକ୍ରିୟା

{
    "domain": "designteamoftheday.org",
    "name": "ଆଜିର ଡିଜାଇନ୍ ଟିମ୍",
    "feature": "ଆଜିର ଡିଜାଇନ୍ ଟିମ୍",
    "paragraph": "A' Design Award ଉତ୍କୃଷ୍ଟ ଡିଜାଇନ୍, ସ୍ଥାପତ୍ୟ ଏବଂ ନବସୃଜନ ପ୍ରକଳ୍ପ ପଛରେ ଥିବା ସୃଜନଶୀଳ ଦଳଗୁଡ଼ିକୁ ଆଜିର ଡିଜାଇନ୍ ଟିମ୍ ଭାବରେ ସମ୍ମାନିତ କରେ, ଯେଉଁ ଅଗ୍ରଣୀ ଷ୍ଟୁଡିଓଗୁଡ଼ିକର ସହଯୋଗ, ଅଂଶୀଦାରୀ ଦୃଷ୍ଟିକୋଣ ଏବଂ ଦକ୍ଷତା ଅନନ୍ୟ, ସେମାନଙ୍କୁ ପରିଚିତ କରାଇ।",
    "description": "ଆଜିର ଡିଜାଇନ୍ ଟିମ୍ ପ୍ରତିଦିନ ସମସାମୟିକ ଡିଜାଇନ୍ ଆକୃତି ଦେଉଥିବା ଏକ ଅଗ୍ରଣୀ ସୃଜନଶୀଳ ଦଳକୁ ଉଜାଗର କରେ, ସୃଜନଶୀଳ ବ୍ୟକ୍ତି, ସହଯୋଗୀ ଦଳ, ପ୍ରକ୍ରିୟା, ଅଂଶୀଦାରୀ ଧାରଣା ଏବଂ ଅତ୍ୟନ୍ତ ପ୍ରତିଷ୍ଠିତ A' Design Award and Competition ଦ୍ୱାରା ସ୍ୱୀକୃତ ଉତ୍କୃଷ୍ଟ ପ୍ରକଳ୍ପ ପଛରେ ଥିବା ବୃତ୍ତିଗତ ଦକ୍ଷତା ଉପସ୍ଥାପନ କରି।",
    "call_to_action": "ଆଜିର ଡିଜାଇନ୍ ଟିମ୍ ଆବିଷ୍କାର କରନ୍ତୁ",
    "date": "2026-11-15",
    "language": "or",
    "image": "https://competition.adesignaward.com/design-team-of-the-day/today.png",
    "image_alt": "ନବସୃଜନମୂଳକ ପ୍ରକଳ୍ପରେ ସହଯୋଗ କରୁଥିବା ପୁରସ୍କାରପ୍ରାପ୍ତ ଆଜିର ଡିଜାଇନ୍ ଟିମ୍",
    "url": "https://designteamoftheday.org/or/",
    "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.org/or/bisishtata/"
}

ଜାଣିବା ଦରକାର

  • ଇମେଜ୍ ଚାରିପଟେ ଲିଙ୍କ ରଖନ୍ତୁ, ଯାହାଦ୍ୱାରା ଆପଣଙ୍କ ଦର୍ଶକମାନେ ସମ୍ପୂର୍ଣ୍ଣ ଫିଚର୍ ଆବିଷ୍କାର କରିପାରିବେ।
  • ସର୍ବଦା ଉପରେ ଦେଖାଯାଇଥିବା ଇମେଜ୍ ଠିକଣା ବ୍ୟବହାର କରନ୍ତୁ ଏବଂ ଏକ କପି ସେଭ୍ କରନ୍ତୁ ନାହିଁ, ଯାହାଦ୍ୱାରା ଆପଣଙ୍କ ପୃଷ୍ଠା ଅଦ୍ୟତନ ରହିବ।
  • ଇମେଜ୍ ରେସ୍ପନ୍ସିଭ୍: ଏହା କେବେ ବି ନିଜ କଣ୍ଟେନରରୁ ଅଧିକ ଚଉଡ଼ା ହୁଏ ନାହିଁ।
  • ସାହାଯ୍ୟ ଦରକାର କିମ୍ବା ଏକ କଷ୍ଟମ ଫର୍ମାଟ ଚାହୁଁଛନ୍ତି? ଦୟାକରି ଆମ ସହ ଯୋଗାଯୋଗ କରନ୍ତୁ।

ପ୍ରାୟୋଜିତ

ପୁରସ୍କାର ବିଜେତା ଡିଜାଇନ୍ ଆବିଷ୍କାର କରନ୍ତୁ

ଆଜିର ଡିଜାଇନ୍ ଉକ୍ତି

ଆଜିର ଡିଜାଇନ୍ ଉକ୍ତି

DesignAdage