រំលងទៅមាតិកាសំខាន់

ការរចនាប្រចាំថ្ងៃ

បង្កប់ ការរចនាប្រចាំថ្ងៃ នៅលើគេហទំព័ររបស់អ្នក

ការរចនាប្រចាំថ្ងៃ បោះផ្សាយមុខងារថ្មីមួយរាល់ថ្ងៃ។ អាសយដ្ឋានរូបភាពមិនផ្លាស់ប្ដូរទេ ប៉ុន្តែរូបភាពនៅពីក្រោយវាផ្លាស់ប្ដូរ ដូច្នេះអ្នកបន្ថែមកូដតែម្ដង ហើយអ្នកចូលមើលរបស់អ្នកនឹងឃើញមុខងារថ្ងៃនេះដោយស្វ័យប្រវត្តិ។

របៀបដំណើរការ

រាល់ថ្ងៃ រូបភាពថ្មីមួយត្រូវបានបោះផ្សាយនៅអាសយដ្ឋានថេរមួយ។ ទំព័ររបស់អ្នកផ្ទុកអាសយដ្ឋាននោះ ដូច្នេះវាតែងតែបង្ហាញមុខងារបច្ចុប្បន្ន ហើយការចុចនឹងនាំអ្នកចូលមើលរបស់អ្នកទៅ ការរចនាប្រចាំថ្ងៃ ដែលមានរឿងពេញលេញ។

ចង់ប្រើស្គ្រីប? បន្ថែមកុងតឺនើរមួយ និងស្គ្រីបមួយ៖ វិដជេតនឹងគូររចនាប័ទ្មដែលអ្នកជ្រើសរើសជាមួយ data-dotd-variant (image, cta ឬ card) ជាភាសានៃអាសយដ្ឋានស្គ្រីបនៅពេលភាសានោះមាន។ ប្រសិនបើអ្នកមិនអាចដំណើរការស្គ្រីបបានទេ សូមប្រើកំណែ HTML នៃវ៉ារ្យ៉ង់ដូចគ្នា។

វ៉ារ្យ៉ង់ A៖ រូបភាពតែមួយ

រូបភាពថ្ងៃនេះ ភ្ជាប់ទៅ ការរចនាប្រចាំថ្ងៃ។ ជម្រើសស្រាលបំផុត។

មើលជាមុនផ្ទាល់

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

វ៉ារ្យ៉ង់ B៖ រូបភាព និងប៊ូតុងអំពាវនាវ

រូបភាពថ្ងៃនេះជាមួយប៊ូតុងអំពាវនាវនៅខាងក្រោម។

មើលជាមុនផ្ទាល់

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

វ៉ារ្យ៉ង់ C៖ កាត Bootstrap

កាត Bootstrap ជាមួយរូបភាព ចំណងជើងមុខងារ កថាខណ្ឌខ្លី និងប៊ូតុងអំពាវនាវ។ ទំព័ររបស់អ្នកត្រូវការ Bootstrap។

មើលជាមុនផ្ទាល់

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

ជម្រើសទី 3៖ JSON

សម្រាប់អ្នកអភិវឌ្ឍន៍ កម្មវិធី និងស្វ័យប្រវត្តិកម្ម។ JSON មានឈ្មោះ ការពណ៌នា អាសយដ្ឋានរូបភាព តំណ និងកាលបរិច្ឆេទ។ សំណើឆ្លងប្រភពដើមត្រូវបានអនុញ្ញាត។

fetch("https://designoftheday.org/feature.json?lang=km")
  .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": "km",
    "image": "https://competition.adesignaward.com/design-of-the-day/today.png",
    "image_alt": "ការរចនាប្រចាំថ្ងៃដែលបានជ្រើសរើស បង្ហាញឧត្តមភាពច្នៃប្រឌិតដែលឈ្នះពានរង្វាន់",
    "url": "https://designoftheday.org/km/",
    "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/km/mokhangna/"
}

ល្អដែលត្រូវដឹង

  • រក្សាតំណជុំវិញរូបភាព ដើម្បីឱ្យអ្នកចូលមើលរបស់អ្នកអាចរកឃើញមុខងារពេញលេញ។
  • តែងតែប្រើអាសយដ្ឋានរូបភាពដែលបង្ហាញខាងលើ កុំរក្សាទុកច្បាប់ចម្លង ដើម្បីឱ្យទំព័ររបស់អ្នកនៅទាន់សម័យ។
  • រូបភាពមានការឆ្លើយតប៖ វាមិនដែលទទឹងជាងកុងតឺនើររបស់វាទេ។
  • ត្រូវការជំនួយ ឬទម្រង់ផ្ទាល់ខ្លួន? សូមទាក់ទងមកយើង។

ឧបត្ថម្ភ

ស្វែងយល់ពីការរចនាដែលទទួលពានរង្វាន់

សម្រង់ពាក្យអំពីការរចនាប្រចាំថ្ងៃ

សម្រង់ពាក្យអំពីការរចនាប្រចាំថ្ងៃ

DesignAdage