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

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

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

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

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

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

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

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

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

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

<a href="https://designteamoftheday.com/km/" target="_blank" rel="noopener">
  <img src="https://competition.adesignaward.com/design-team-of-the-day/today.png" alt="ក្រុមរចនាប្រចាំថ្ងៃដែលឈ្នះពានរង្វាន់ កំពុងសហការលើគម្រោងប្រកបដោយនវានុវត្តន៍" loading="lazy" style="max-width:100%;height:auto">
</a>
<div data-dotd="designteamoftheday.com" data-dotd-variant="image"></div>
<script async src="https://designteamoftheday.com/feature.js?lang=km"></script>

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

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

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

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

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

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

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

<div class="card" style="max-width:24rem">
  <a href="https://designteamoftheday.com/km/" target="_blank" rel="noopener"><img src="https://competition.adesignaward.com/design-team-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://designteamoftheday.com/km/" class="btn btn-danger" target="_blank" rel="noopener">ស្វែងយល់ពីក្រុមរចនាប្រចាំថ្ងៃ</a>
  </div>
</div>
<div data-dotd="designteamoftheday.com" data-dotd-variant="card"></div>
<script async src="https://designteamoftheday.com/feature.js?lang=km"></script>

ជម្រើសទី 3៖ JSON

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

fetch("https://designteamoftheday.com/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": "designteamoftheday.com",
    "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-team-of-the-day/today.png",
    "image_alt": "ក្រុមរចនាប្រចាំថ្ងៃដែលឈ្នះពានរង្វាន់ កំពុងសហការលើគម្រោងប្រកបដោយនវានុវត្តន៍",
    "url": "https://designteamoftheday.com/km/",
    "feature_url": "https://competition.adesignaward.com/design-team-of-the-day.html",
    "registry_url": "https://competition.adesignaward.com/design-teams-of-the-days.php",
    "embed_url": "https://designteamoftheday.com/km/mokhangna/"
}

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

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

ឧបត្ថម្ភ

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

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

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

DesignAdage