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

ଆଜିର ଡିଜାଇନ୍

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

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

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

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

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

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

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

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

<a href="https://designoftheday.org/or/" 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=or"></script>

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

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

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

<a href="https://designoftheday.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-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=or"></script>

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

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

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

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

ବିକଳ୍ପ 3: JSON

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

fetch("https://designoftheday.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": "designoftheday.org",
    "name": "ଆଜିର ଡିଜାଇନ୍",
    "feature": "ଆଜିର ଡିଜାଇନ୍",
    "paragraph": "A' Design Award ପ୍ରତିଦିନ ଏକ ଉତ୍କୃଷ୍ଟ ଡିଜାଇନ୍ ସୃଷ୍ଟି, ଏକ ଅତ୍ୟନ୍ତ ଅଭିନବ ଉତ୍ପାଦ କିମ୍ବା ଏକ ଅତ୍ୟନ୍ତ ସୃଜନଶୀଳ ପ୍ରକଳ୍ପକୁ ଆଜିର ଡିଜାଇନ୍ ଭାବରେ ପ୍ରଦର୍ଶିତ କରେ, ସୃଜନଶୀଳତା ଏବଂ ଉତ୍ତମ ଡିଜାଇନ୍‌ର ଉଲ୍ଲେଖନୀୟ ଉଦାହରଣ ଉପସ୍ଥାପନ କରି।",
    "description": "ଆଜିର ଡିଜାଇନ୍ ପ୍ରତିଦିନ ଏକ ଉତ୍କୃଷ୍ଟ ଡିଜାଇନ୍ ସୃଷ୍ଟି, ଏକ ଅତ୍ୟନ୍ତ ଅଭିନବ ଉତ୍ପାଦ କିମ୍ବା ଏକ ଅତ୍ୟନ୍ତ ସୃଜନଶୀଳ ପ୍ରକଳ୍ପ ପ୍ରଦର୍ଶିତ କରେ, ଅତ୍ୟନ୍ତ ପ୍ରତିଷ୍ଠିତ A' Design Award and Competition ଦ୍ୱାରା ସ୍ୱୀକୃତ ସୃଜନଶୀଳତା ଏବଂ ଉତ୍ତମ ଡିଜାଇନ୍‌ର ଉଲ୍ଲେଖନୀୟ ଉଦାହରଣ ଉପସ୍ଥାପନ କରି।",
    "call_to_action": "ଆଜିର ଡିଜାଇନ୍ ଆବିଷ୍କାର କରନ୍ତୁ",
    "date": "2026-11-08",
    "language": "or",
    "image": "https://competition.adesignaward.com/design-of-the-day/today.png",
    "image_alt": "ପୁରସ୍କାରପ୍ରାପ୍ତ ସୃଜନଶୀଳ ଉତ୍କୃଷ୍ଟତା ପ୍ରଦର୍ଶନ କରୁଥିବା ଆଜିର ବିଶେଷ ଡିଜାଇନ୍",
    "url": "https://designoftheday.org/or/",
    "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/or/bisishtata/"
}

ଜାଣିବା ଦରକାର

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

ପ୍ରାୟୋଜିତ

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

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

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

DesignAdage