අද දිනයේ නිර්මාණකරු
ඔබේ වෙබ් අඩවියේ අද දිනයේ නිර්මාණකරු එකතු කරන්න
අද දිනයේ නිර්මාණකරු සෑම දිනකම නව විශේෂාංගයක් ප්රකාශයට පත් කරයි. රූපයේ ලිපිනය කිසි විටෙක වෙනස් නොවේ, නමුත් එය පිටුපස ඇති පින්තූරය වෙනස් වේ, එබැවින් ඔබ කේතය එක් වරක් එකතු කළ විට ඔබේ අමුත්තන්ට අද දිනයේ විශේෂාංගය ස්වයංක්රීයව පෙනේ.
එය ක්රියා කරන ආකාරය
සෑම දිනකම එක් ස්ථාවර ලිපිනයකින් නව පින්තූරයක් ප්රකාශයට පත් වේ. ඔබේ පිටුව එම ලිපිනය පූරණය කරන බැවින් සැමවිටම වත්මන් විශේෂාංගය පෙන්වයි, ක්ලික් කිරීමෙන් ඔබේ අමුත්තන් සම්පූර්ණ කතාව කියැවෙන අද දිනයේ නිර්මාණකරු වෙත ගෙන යනු ලැබේ.
ස්ක්රිප්ට් එකක් කැමතිද? එක් බහාලුමක් සහ එක් ස්ක්රිප්ට් එකක් එකතු කරන්න: විජට් එක data-dotd-variant (image, cta හෝ card) මගින් ඔබ තෝරන ශෛලිය අඳියි, ස්ක්රිප්ට් ලිපිනයේ භාෂාවෙන් එම භාෂාව තිබේ නම්. ඔබට ස්ක්රිප්ට් ක්රියාත්මක කළ නොහැකි නම්, එම ප්රභේදයේම HTML අනුවාදය භාවිතා කරන්න.
ප්රභේදය A: රූපය පමණි
අද දිනයේ පින්තූරය, අද දිනයේ නිර්මාණකරු වෙත සබැඳිව. සැහැල්ලුම විකල්පය.
සජීවී පෙරදසුන
<a href="https://designeroftheday.com/si/" 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=si"></script>
ප්රභේදය B: රූපය සහ ක්රියාකාරී ආරාධනය
අද දිනයේ පින්තූරය සමඟ පහළින් ක්රියාකාරී ආරාධනයක්.
සජීවී පෙරදසුන
<a href="https://designeroftheday.com/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/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=si"></script>
ප්රභේදය C: Bootstrap කාඩ්පත
පින්තූරය, විශේෂාංගයේ මාතෘකාව, කෙටි ඡේදයක් සහ ක්රියාකාරී ආරාධන බොත්තමක් සහිත Bootstrap කාඩ්පතක්. ඔබේ පිටුවට Bootstrap අවශ්යයි.
සජීවී පෙරදසුන
<div class="card" style="max-width:24rem">
<a href="https://designeroftheday.com/si/" 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/si/" 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=si"></script>
විකල්පය 3: JSON
සංවර්ධකයින්, යෙදුම් සහ ස්වයංක්රීයකරණය සඳහා. JSON හි නම, විස්තරය, රූපයේ ලිපිනය, සබැඳි සහ දිනය අඩංගු වේ. හරස්-මූලාශ්ර ඉල්ලීම් සඳහා අවසර ඇත.
fetch("https://designeroftheday.com/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": "designeroftheday.com",
"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/designer-of-the-day/today.png",
"image_alt": "අද දිනයේ සැමරුම් ලැබූ නිර්මාණශීලී දැක්ම ඇති නිර්මාණකරුගේ ඡායාරූපය",
"url": "https://designeroftheday.com/si/",
"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/si/viseshangaya/"
}
දැනගත යුතු දේ
- රූපය වටා සබැඳිය තබන්න, එවිට ඔබේ අමුත්තන්ට සම්පූර්ණ විශේෂාංගය සොයාගත හැකිය.
- සැමවිටම ඉහත පෙන්වා ඇති රූප ලිපිනය භාවිතා කරන්න, පිටපතක් ගබඩා නොකරන්න, එවිට ඔබේ පිටුව යාවත්කාලීනව පවතී.
- රූපය ප්රතිචාරාත්මකයි: එය කිසි විටෙක එහි බහාලුමට වඩා පුළුල් නොවේ.
- උදව් හෝ අභිරුචි ආකෘතියක් අවශ්යද? කරුණාකර අප හා සම්බන්ධ වන්න.