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

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

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

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

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

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

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

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

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

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

<a href="https://designeroftheday.com/km/" target="_blank" rel="noopener">
  <img src="https://competition.adesignaward.com/designer-of-the-day/today.png" alt="រូបថតអ្នករចនាប្រចាំថ្ងៃ បង្ហាញអ្នកមានចក្ខុវិស័យច្នៃប្រឌិតដែលកំពុងត្រូវបានអបអរសាទរនៅថ្ងៃនេះ" loading="lazy" style="max-width:100%;height:auto">
</a>
<div data-dotd="designeroftheday.com" data-dotd-variant="image"></div>
<script async src="https://designeroftheday.com/feature.js?lang=km"></script>

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

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

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

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

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

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

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

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

ជម្រើសទី 3៖ JSON

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

fetch("https://designeroftheday.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": "designeroftheday.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/designer-of-the-day/today.png",
    "image_alt": "រូបថតអ្នករចនាប្រចាំថ្ងៃ បង្ហាញអ្នកមានចក្ខុវិស័យច្នៃប្រឌិតដែលកំពុងត្រូវបានអបអរសាទរនៅថ្ងៃនេះ",
    "url": "https://designeroftheday.com/km/",
    "feature_url": "https://competition.adesignaward.com/designer-of-the-day.html",
    "registry_url": "https://competition.adesignaward.com/designers-of-the-days.php",
    "embed_url": "https://designeroftheday.com/km/mokhangna/"
}

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

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

ឧបត្ថម្ភ

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

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

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

DesignAdage