အဓိက အကြောင်းအရာသို့ ကျော်သွားရန်

ယနေ့ ဒီဇိုင်းလမ်းကြောင်း

သင့်ဝဘ်ဆိုက်တွင် ယနေ့ ဒီဇိုင်းလမ်းကြောင်း ထည့်သွင်းပြသခြင်း

ယနေ့ ဒီဇိုင်းလမ်းကြောင်း သည် နေ့စဉ် အသစ်တစ်ခုကို ဖော်ပြပါသည်။ ပုံလိပ်စာမှာ မပြောင်းလဲသော်လည်း နောက်ကွယ်ရှိ ပုံမှာ ပြောင်းလဲသွားသောကြောင့် ကုဒ်ကို တစ်ကြိမ်သာ ထည့်ရပြီး သင့်လာရောက်သူများက ယနေ့ အထူးအကြောင်းအရာကို အလိုအလျောက် မြင်နိုင်ပါသည်။

အလုပ်လုပ်ပုံ

နေ့တိုင်း ပုံအသစ်တစ်ခုကို ပုံသေလိပ်စာတစ်ခုတွင် ထုတ်ဝေပါသည်။ သင့်စာမျက်နှာက ထိုလိပ်စာကို ဖွင့်သောကြောင့် လက်ရှိအကြောင်းအရာကို အမြဲပြသပြီး နှိပ်လိုက်ပါက သင့်လာရောက်သူများကို အပြည့်အစုံဖော်ပြထားသည့် ယနေ့ ဒီဇိုင်းလမ်းကြောင်း သို့ ပို့ဆောင်ပေးပါသည်။

Script ကို နှစ်သက်ပါသလား။ container တစ်ခုနှင့် script တစ်ခု ထည့်ပါ— widget သည် data-dotd-variant (image၊ cta သို့မဟုတ် card) ဖြင့် သင်ရွေးချယ်သော ပုံစံကို ရေးဆွဲပြီး ထိုဘာသာစကား ရရှိနိုင်ပါက script လိပ်စာ၏ ဘာသာစကားဖြင့် ပြသပါသည်။ Script အသုံးပြု၍ မရပါက တူညီသော variant ၏ HTML ဗားရှင်းကို အသုံးပြုပါ။

Variant A: ပုံသီးသန့်

ယနေ့ပုံကို ယနေ့ ဒီဇိုင်းလမ်းကြောင်း သို့ လင့်ခ်ချိတ်ထားပါသည်။ အပေါ့ဆုံးရွေးချယ်မှုဖြစ်သည်။

တိုက်ရိုက် အစမ်းကြည့်

<a href="https://designtrendoftheday.com/my/" target="_blank" rel="noopener">
  <img src="https://competition.adesignaward.com/design-trend-of-the-day/today.png" alt="ဒီဇိုင်း၏ အနာဂတ်ကို ပုံသွင်းနေသော ပေါ်ထွက်လာသည့် ပုံစံများကို မြင်ယောင်ကြည့်ရှုနိုင်သည့် ယနေ့ ဒီဇိုင်းလမ်းကြောင်း" loading="lazy" style="max-width:100%;height:auto">
</a>
<div data-dotd="designtrendoftheday.com" data-dotd-variant="image"></div>
<script async src="https://designtrendoftheday.com/feature.js?lang=my"></script>

Variant B: ပုံနှင့် လုပ်ဆောင်ချက်ခေါ်ယူမှု

ယနေ့ပုံအောက်တွင် လုပ်ဆောင်ချက်ခေါ်ယူမှုပါရှိပါသည်။

တိုက်ရိုက် အစမ်းကြည့်

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

Variant C: Bootstrap ကတ်

ပုံ၊ အကြောင်းအရာခေါင်းစဉ်၊ စာပိုဒ်တိုတစ်ခုနှင့် လုပ်ဆောင်ချက်ခေါ်ယူမှုခလုတ်ပါဝင်သော Bootstrap ကတ်ဖြစ်သည်။ သင့်စာမျက်နှာတွင် Bootstrap လိုအပ်ပါသည်။

တိုက်ရိုက် အစမ်းကြည့်

<div class="card" style="max-width:24rem">
  <a href="https://designtrendoftheday.com/my/" target="_blank" rel="noopener"><img src="https://competition.adesignaward.com/design-trend-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://designtrendoftheday.com/my/" class="btn btn-danger" target="_blank" rel="noopener">ယနေ့ ဒီဇိုင်းလမ်းကြောင်းကို ရှာဖွေလေ့လာပါ</a>
  </div>
</div>
<div data-dotd="designtrendoftheday.com" data-dotd-variant="card"></div>
<script async src="https://designtrendoftheday.com/feature.js?lang=my"></script>

ရွေးချယ်မှု ၃: JSON

ဆော့ဖ်ဝဲရေးသားသူများ၊ အက်ပ်များနှင့် အလိုအလျောက်စနစ်များအတွက်ဖြစ်သည်။ JSON တွင် အမည်၊ ဖော်ပြချက်၊ ပုံလိပ်စာ၊ လင့်ခ်များနှင့် ရက်စွဲ ပါဝင်ပါသည်။ Cross-origin တောင်းဆိုမှုများကို ခွင့်ပြုထားပါသည်။

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

နမူနာ တုံ့ပြန်မှု

{
    "domain": "designtrendoftheday.com",
    "name": "ယနေ့ ဒီဇိုင်းလမ်းကြောင်း",
    "feature": "ယနေ့ ဒီဇိုင်းလမ်းကြောင်း",
    "paragraph": "A' Design Award သည် မူရင်းဒီဇိုင်းလမ်းကြောင်းတစ်ခုကို နေ့စဉ်စူးစမ်းလေ့လာပြီး ထုတ်ကုန်များ၊ ပရောဂျက်များနှင့် အတွေ့အကြုံများကို ဒီဇိုင်းရေးဆွဲပုံအပေါ် လွှမ်းမိုးသော ပေါ်ထွက်လာသည့် ပုံစံများ၊ ပြောင်းလဲနေသော အလှပညာများနှင့် ဖန်တီးမှုဆိုင်ရာ ဦးတည်ချက်အသစ်များကို ယနေ့ ဒီဇိုင်းလမ်းကြောင်းအဖြစ် အသားပေးတင်ပြပါသည်။",
    "description": "ယနေ့ ဒီဇိုင်းလမ်းကြောင်းသည် မူရင်းဒီဇိုင်းလမ်းကြောင်းတစ်ခုကို နေ့စဉ်စူးစမ်းလေ့လာပြီး ဂုဏ်သိက္ခာမြင့်မားသော A' Design Award and Competition မှ အသိအမှတ်ပြုထားသည့်အတိုင်း ထုတ်ကုန်များ၊ ပရောဂျက်များနှင့် အတွေ့အကြုံများကို ဒီဇိုင်းရေးဆွဲပုံအပေါ် လွှမ်းမိုးသော ပေါ်ထွက်လာသည့် ပုံစံများ၊ ပြောင်းလဲနေသော အလှပညာများ၊ ဖန်တီးမှုဆိုင်ရာ ဦးတည်ချက်အသစ်များနှင့် တီထွင်ဆန်းသစ်သော ချဉ်းကပ်နည်းများကို အသားပေးတင်ပြပါသည်။",
    "call_to_action": "ယနေ့ ဒီဇိုင်းလမ်းကြောင်းကို ရှာဖွေလေ့လာပါ",
    "date": "2026-11-08",
    "language": "my",
    "image": "https://competition.adesignaward.com/design-trend-of-the-day/today.png",
    "image_alt": "ဒီဇိုင်း၏ အနာဂတ်ကို ပုံသွင်းနေသော ပေါ်ထွက်လာသည့် ပုံစံများကို မြင်ယောင်ကြည့်ရှုနိုင်သည့် ယနေ့ ဒီဇိုင်းလမ်းကြောင်း",
    "url": "https://designtrendoftheday.com/my/",
    "feature_url": "https://competition.adesignaward.com/design-trend-of-the-day.html",
    "registry_url": "https://competition.adesignaward.com/design-trends-of-the-days.php",
    "embed_url": "https://designtrendoftheday.com/my/htint-thwin/"
}

သိကောင်းစရာများ

  • သင့်လာရောက်သူများ အပြည့်အစုံအကြောင်းအရာကို ရှာဖွေနိုင်ရန် ပုံပတ်လည်ရှိ လင့်ခ်ကို ထားရှိပါ။
  • သင့်စာမျက်နှာ ခေတ်မီနေစေရန် အထက်တွင်ပြထားသော ပုံလိပ်စာကို အမြဲအသုံးပြုပြီး မိတ္တူသိမ်းမထားပါနှင့်။
  • ပုံသည် responsive ဖြစ်သည်— ၎င်း၏ container ထက် ပိုကျယ်မည်မဟုတ်ပါ။
  • အကူအညီ သို့မဟုတ် စိတ်ကြိုက်ပုံစံ လိုအပ်ပါသလား။ ကျေးဇူးပြု၍ ကျွန်ုပ်တို့ကို ဆက်သွယ်ပါ။

ပံ့ပိုးကြော်ငြာ

ဆုရ ဒီဇိုင်းများကို ရှာဖွေလေ့လာပါ

ယနေ့ ဒီဇိုင်း ကိုးကားချက်

ယနေ့ ဒီဇိုင်း ကိုးကားချက်

DesignAdage