ຂ້າಮໄປຫາເນື້ອຫາຫຼັກ

ການອອກແບບປະຈຳວັນ

ຝັງ ການອອກແບບປະຈຳວັນ ໃນເວັບໄຊທ໌ຂອງທ່ານ

ການອອກແບບປະຈຳວັນ ເຜີຍແຜ່ເນື້ອຫາໃໝ່ທຸກມື້. ທີ່ຢູ່ຮູບພາບບໍ່ປ່ຽນແປງ, ແຕ່ຮູບພາບທີ່ຢູ່ເບື້ອງຫຼັງຈະປ່ຽນໄປ, ສະນັ້ນທ່ານພຽງແຕ່ເພີ່ມໂຄ້ດຄັ້ງດຽວ ແລະຜູ້ເຂົ້າຊົມຂອງທ່ານຈະເຫັນເນື້ອຫາຂອງມື້ນີ້ໂດຍອັດຕະໂນມັດ.

ວິທີການເຮັດວຽກ

ທຸກມື້ຈະມີຮູບພາບໃໝ່ຖືກເຜີຍແຜ່ຢູ່ທີ່ຢູ່ດຽວທີ່ຄົງທີ່. ໜ້າເວັບຂອງທ່ານຈະໂຫຼດທີ່ຢູ່ນັ້ນ, ສະນັ້ນມັນຈະສະແດງເນື້ອຫາປັດຈຸບັນສະເໝີ, ແລະການຄລິກຈະພາຜູ້ເຂົ້າຊົມຂອງທ່ານໄປຫາ ການອອກແບບປະຈຳວັນ ບ່ອນທີ່ເລື່ອງເຕັມຖືກນຳສະເໜີ.

ຕ້ອງການໃຊ້ສະຄຣິບບໍ? ເພີ່ມຄອນເທນເນີໜຶ່ງ ແລະສະຄຣິບໜຶ່ງ: ວິດເຈັດຈະແຕ້ມຮູບແບບທີ່ທ່ານເລືອກດ້ວຍ data-dotd-variant (image, cta ຫຼື card), ເປັນພາສາຂອງທີ່ຢູ່ສະຄຣິບເມື່ອພາສານັ້ນມີໃຫ້ໃຊ້. ຖ້າທ່ານບໍ່ສາມາດເປີດໃຊ້ສະຄຣິບ, ໃຫ້ໃຊ້ HTML ແບບດຽວກັນ.

ແບບ A: ຮູບພາບຢ່າງດຽວ

ຮູບພາບຂອງມື້ນີ້, ເຊື່ອມຕໍ່ກັບ ການອອກແບບປະຈຳວັນ. ເປັນທາງເລືອກທີ່ເບົາທີ່ສຸດ.

ຕົວຢ່າງສົດ

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

ແບບ B: ຮູບພາບ ແລະປຸ່ມເອີ້ນໃຫ້ດຳເນີນການ

ຮູບພາບຂອງມື້ນີ້ພ້ອມປຸ່ມເອີ້ນໃຫ້ດຳເນີນການຢູ່ດ້ານລຸ່ມ.

ຕົວຢ່າງສົດ

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

ແບບ C: Bootstrap card

Bootstrap card ພ້ອມຮູບພາບ, ຫົວຂໍ້ຂອງເນື້ອຫາ, ຂໍ້ຄວາມສັ້ນ ແລະປຸ່ມເອີ້ນໃຫ້ດຳເນີນການ. ໜ້າເວັບຂອງທ່ານຕ້ອງການ Bootstrap.

ຕົວຢ່າງສົດ

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

ທາງເລືອກ 3: JSON

ສຳລັບນັກພັດທະນາ, ແອັບ ແລະລະບົບອັດຕະໂນມັດ. JSON ປະກອບມີຊື່, ລາຍລະອຽດ, ທີ່ຢູ່ຮູບພາບ, ລິ້ງ ແລະວັນທີ. ການຮ້ອງຂໍຂ້າມໂດເມນໄດ້ຮັບອະນຸຍາດ.

fetch("https://designoftheday.org/feature.json?lang=lo")
  .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": "lo",
    "image": "https://competition.adesignaward.com/design-of-the-day/today.png",
    "image_alt": "ການອອກແບບປະຈຳວັນທີ່ໂດດເດັ່ນ ສະແດງໃຫ້ເຫັນຄວາມເປັນເລີດດ້ານການສ້າງສັນທີ່ໄດ້ຮັບລາງວັນ",
    "url": "https://designoftheday.org/lo/",
    "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/lo/nam-saneu/"
}

ສິ່ງທີ່ຄວນຮູ້

  • ຮັກສາລິ້ງໄວ້ອ້ອມຮູບພາບ, ເພື່ອໃຫ້ຜູ້ເຂົ້າຊົມຂອງທ່ານສາມາດຄົ້ນພົບເນື້ອຫາເຕັມໄດ້.
  • ໃຊ້ທີ່ຢູ່ຮູບພາບທີ່ສະແດງຢູ່ຂ້າງເທິງສະເໝີ ແລະຢ່າບັນທຶກສຳເນົາ, ເພື່ອໃຫ້ໜ້າເວັບຂອງທ່ານທັນສະໄໝຢູ່ສະເໝີ.
  • ຮູບພາບແມ່ນຕອບສະໜອງ: ມັນບໍ່ເຄີຍກວ້າງກວ່າຄອນເທນເນີຂອງມັນ.
  • ຕ້ອງການຄວາມຊ່ວຍເຫຼືອ ຫຼືຮູບແບບພິເສດ? ກະລຸນາຕິດຕໍ່ພວກເຮົາ.

ໂຄສະນາ

ຄົ້ນພົບຜົນງານອອກແບບທີ່ໄດ້ຮັບລາງວັນ

ຄຳເວົ້າດ້ານການອອກແບບປະຈຳວັນ

ຄຳເວົ້າດ້ານການອອກແບບປະຈຳວັນ

DesignAdage