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

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

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

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

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

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

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

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

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

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

<a href="https://designeroftheday.com/or/" target="_blank" rel="noopener">
  <img src="https://competition.adesignaward.com/designer-of-the-day/today.png" alt="ଆଜିର ସମ୍ମାନିତ ସୃଜନଶୀଳ ଦାର୍ଶନିକଙ୍କ ଛବି ପ୍ରଦର୍ଶିତ ଆଜିର ଡିଜାଇନର୍" loading="lazy" style="max-width:100%;height:auto">
</a>
<div data-dotd="designeroftheday.com" data-dotd-variant="image"></div>
<script async src="https://designeroftheday.com/feature.js?lang=or"></script>

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

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

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

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

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

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

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

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

ବିକଳ୍ପ 3: JSON

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

fetch("https://designeroftheday.com/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": "designeroftheday.com",
    "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/designer-of-the-day/today.png",
    "image_alt": "ଆଜିର ସମ୍ମାନିତ ସୃଜନଶୀଳ ଦାର୍ଶନିକଙ୍କ ଛବି ପ୍ରଦର୍ଶିତ ଆଜିର ଡିଜାଇନର୍",
    "url": "https://designeroftheday.com/or/",
    "feature_url": "https://competition.adesignaward.com/designer-of-the-day.html",
    "registry_url": "https://competition.adesignaward.com/designers-of-the-days.php",
    "embed_url": "https://designeroftheday.com/or/bisishtata/"
}

ଜାଣିବା ଦରକାର

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

ପ୍ରାୟୋଜିତ

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

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

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

DesignAdage