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

អ្នករចនាលេចធ្លោប្រចាំថ្ងៃ

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

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

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

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

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

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

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

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

<a href="https://designerhighlightoftheday.com/km/" target="_blank" rel="noopener">
  <img src="https://competition.adesignaward.com/highlight-of-the-day/today.png" alt="អ្នករចនាលេចធ្លោប្រចាំថ្ងៃ បង្ហាញអ្នករចនាដ៏គួរឱ្យកត់សម្គាល់ម្នាក់ ដែលជាផ្នែកមួយនៃសហគមន៍រចនាពិភពលោក" loading="lazy" style="max-width:100%;height:auto">
</a>
<div data-dotd="designerhighlightoftheday.com" data-dotd-variant="image"></div>
<script async src="https://designerhighlightoftheday.com/feature.js?lang=km"></script>

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

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

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

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

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

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

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

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

ជម្រើសទី 3៖ JSON

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

fetch("https://designerhighlightoftheday.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": "designerhighlightoftheday.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/highlight-of-the-day/today.png",
    "image_alt": "អ្នករចនាលេចធ្លោប្រចាំថ្ងៃ បង្ហាញអ្នករចនាដ៏គួរឱ្យកត់សម្គាល់ម្នាក់ ដែលជាផ្នែកមួយនៃសហគមន៍រចនាពិភពលោក",
    "url": "https://designerhighlightoftheday.com/km/",
    "feature_url": "https://competition.adesignaward.com/designer-highlight-of-the-day.html",
    "registry_url": "https://competition.adesignaward.com/designer-highlights-of-the-days.php",
    "embed_url": "https://designerhighlightoftheday.com/km/mokhangna/"
}

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

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

ឧបត្ថម្ភ

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

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

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

DesignAdage