ප්‍රධාන අන්තර්ගතයට යන්න

අද දිනයේ නිර්මාණය

ඔබේ වෙබ් අඩවියේ අද දිනයේ නිර්මාණය එකතු කරන්න

අද දිනයේ නිර්මාණය සෑම දිනකම නව විශේෂාංගයක් ප්‍රකාශයට පත් කරයි. රූපයේ ලිපිනය කිසි විටෙක වෙනස් නොවේ, නමුත් එය පිටුපස ඇති පින්තූරය වෙනස් වේ, එබැවින් ඔබ කේතය එක් වරක් එකතු කළ විට ඔබේ අමුත්තන්ට අද දිනයේ විශේෂාංගය ස්වයංක්‍රීයව පෙනේ.

එය ක්‍රියා කරන ආකාරය

සෑම දිනකම එක් ස්ථාවර ලිපිනයකින් නව පින්තූරයක් ප්‍රකාශයට පත් වේ. ඔබේ පිටුව එම ලිපිනය පූරණය කරන බැවින් සැමවිටම වත්මන් විශේෂාංගය පෙන්වයි, ක්ලික් කිරීමෙන් ඔබේ අමුත්තන් සම්පූර්ණ කතාව කියැවෙන අද දිනයේ නිර්මාණය වෙත ගෙන යනු ලැබේ.

ස්ක්‍රිප්ට් එකක් කැමතිද? එක් බහාලුමක් සහ එක් ස්ක්‍රිප්ට් එකක් එකතු කරන්න: විජට් එක data-dotd-variant (image, cta හෝ card) මගින් ඔබ තෝරන ශෛලිය අඳියි, ස්ක්‍රිප්ට් ලිපිනයේ භාෂාවෙන් එම භාෂාව තිබේ නම්. ඔබට ස්ක්‍රිප්ට් ක්‍රියාත්මක කළ නොහැකි නම්, එම ප්‍රභේදයේම HTML අනුවාදය භාවිතා කරන්න.

ප්‍රභේදය A: රූපය පමණි

අද දිනයේ පින්තූරය, අද දිනයේ නිර්මාණය වෙත සබැඳිව. සැහැල්ලුම විකල්පය.

සජීවී පෙරදසුන

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

ප්‍රභේදය B: රූපය සහ ක්‍රියාකාරී ආරාධනය

අද දිනයේ පින්තූරය සමඟ පහළින් ක්‍රියාකාරී ආරාධනයක්.

සජීවී පෙරදසුන

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

ප්‍රභේදය C: Bootstrap කාඩ්පත

පින්තූරය, විශේෂාංගයේ මාතෘකාව, කෙටි ඡේදයක් සහ ක්‍රියාකාරී ආරාධන බොත්තමක් සහිත Bootstrap කාඩ්පතක්. ඔබේ පිටුවට Bootstrap අවශ්‍යයි.

සජීවී පෙරදසුන

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

විකල්පය 3: JSON

සංවර්ධකයින්, යෙදුම් සහ ස්වයංක්‍රීයකරණය සඳහා. JSON හි නම, විස්තරය, රූපයේ ලිපිනය, සබැඳි සහ දිනය අඩංගු වේ. හරස්-මූලාශ්‍ර ඉල්ලීම් සඳහා අවසර ඇත.

fetch("https://designoftheday.org/feature.json?lang=si")
  .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": "si",
    "image": "https://competition.adesignaward.com/design-of-the-day/today.png",
    "image_alt": "සම්මාන දිනූ නිර්මාණශීලී විශිෂ්ටත්වය ප්‍රදර්ශනය කරන අද දිනයේ විශේෂිත නිර්මාණය",
    "url": "https://designoftheday.org/si/",
    "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/si/viseshangaya/"
}

දැනගත යුතු දේ

  • රූපය වටා සබැඳිය තබන්න, එවිට ඔබේ අමුත්තන්ට සම්පූර්ණ විශේෂාංගය සොයාගත හැකිය.
  • සැමවිටම ඉහත පෙන්වා ඇති රූප ලිපිනය භාවිතා කරන්න, පිටපතක් ගබඩා නොකරන්න, එවිට ඔබේ පිටුව යාවත්කාලීනව පවතී.
  • රූපය ප්‍රතිචාරාත්මකයි: එය කිසි විටෙක එහි බහාලුමට වඩා පුළුල් නොවේ.
  • උදව් හෝ අභිරුචි ආකෘතියක් අවශ්‍යද? කරුණාකර අප හා සම්බන්ධ වන්න.

අනුග්‍රහය ලත්

සම්මානලාභී නිර්මාණ සොයා ගන්න

අද දිනයේ නිර්මාණ උපුටා දැක්වීම

අද දිනයේ නිර්මාණ උපුටා දැක්වීම

DesignAdage