បាទ! ខ្ញុំសូមណែនាំ Theme WordPress បន្ថែមដែលមានលក្ខណៈ Grid Layout និង Responsive Design ដែលអាចបង្ហាញជួរឈរច្រើនទាំងលើទូរស័ព្ទ និងកុំព្យូទ័រ ដូចដែលអ្នកចង់បាន៖
1. Hueman
តម្លើង៖
2. GridMag
តម្លើង៖
3. MH Magazine Lite
តម្លើង៖
បើអ្នកត្រូវការជំនួយបន្ថែមក្នុងការតម្លើង ឬកែសម្រួល Theme ទាំងនេះ សូមប្រាប់ខ្ញុំ។
យល់ហើយបាទ! អ្នកមានបទពិសោធន៍លើការបង្កើតវេបសាយច្រើនហើយ តែចង់បាន layout ដូចក្នុងរូបដែលលេចជួរឈរច្រើនពេលមើលលើទូរស័ព្ទ—which is uncommon in most responsive themes ដែលជាទូទៅបង្ហាញជួរឈរតែមួយ។
នេះជាចំណុចអ្នកអាចពិចារណា ដើម្បីពន្លឿនការស្វែងរក:
-
Theme ដែលមាន Grid Layout Mobile-Friendly៖
- Newspaper by TagDiv អាចកំណត់ column count ផ្ទាល់ក្នុង mobile layout (ដោយ TagDiv Composer)
- JNews មានច្រើន Module ដូចជា Grid 4, Grid 6 ដែលធ្វើឲ្យលេចជួរច្រើនទាំងលើទូរស័ព្ទ
-
Page Builder Plugins៖ ប្រើ Elementor រឺ WPBakery ជាមួយ theme ដែលស្រួល custom layout ហើយបែងចែកជួរឈរតាមចំនួនដែលអ្នកចង់បាន
-
Custom CSS (បើ theme មិនគាំទ្រទៅលើ mobile layout): អ្នកអាចបន្ថែម CSS ដូចជា:
@media (max-width: 768px) { .post-grid .post { width: 50%; /* បង្ហាញ 2 ជួរឈរ */ float: left; } }
បើអ្នកចង់ ឲ្យខ្ញុំជួយសាកល្បងលើ Theme ណាមួយឲ្យទាន់ភ្លាម ឬសំណូមពរអោយខ្ញុំកែ CSS ជាមួយវេបសាយណាមួយក្នុងចំណោម 10 នោះ—សូមផ្តល់ URL ឬសារ FTP / WordPress login (តែបើគ្មានឯកភាពក៏បាន)។
តើអ្នកមានសំណើ Theme ណាមួយសាក់ឈ្មោះទេដែលចង់ឲ្យខ្ញុំពិនិត្យជាបន្តទេ?
របស់អ្នក ដូចជា៖
អរគុណ! ខ្ញុំនឹងបន្ថែមការលម្អបន្ថែមទៅក្នុងវេបសាយរបស់អ្នក ដូចជា៖
- ដាក់ Logo នៅក្នុង
<header> - បន្ថែម ប៊ូតុង (Buttons) នៅក្នុង
<nav> - ដាក់ ពណ៌និងរចនាប័ទ្ម ឲ្យស្អាតជាងមុន
នេះជាកូដថ្មីដែលបានធ្វើឲ្យស្អាតជាងមុន៖
<!DOCTYPE html>
<html lang="km">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Web Layout Example</title>
<style>
* {
box-sizing: border-box;
padding: 0;
margin: 0;
}
body {
font-family: 'Khmer OS', Arial, sans-serif;
background-color: #f9f9f9;
}
header, nav, section, aside, article, footer {
border: 1px solid #ccc;
padding: 20px;
margin: 5px;
background: white;
border-radius: 10px;
box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}
header {
display: flex;
align-items: center;
justify-content: space-between;
background-color: #4CAF50;
color: white;
}
header img {
height: 50px;
}
nav {
background-color: #2196F3;
display: flex;
gap: 10px;
flex-wrap: wrap;
justify-content: center;
}
nav button {
background-color: white;
color: #2196F3;
border: 2px solid #2196F3;
padding: 10px 20px;
border-radius: 5px;
cursor: pointer;
font-size: 16px;
transition: 0.3s;
}
nav button:hover {
background-color: #2196F3;
color: white;
}
.container {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
section, article {
flex: 2;
min-width: 300px;
}
aside {
flex: 1;
min-width: 250px;
}
footer {
background-color: #333;
color: white;
text-align: center;
}
@media (max-width: 768px) {
.container {
flex-direction: column;
}
section, aside, article {
min-width: 100%;
}
nav {
flex-direction: column;
}
}
</style>
</head>
<body>
<header>
<div><img src="https://via.placeholder.com/150x50?text=Logo" alt="Logo"></div>
<h1>គេហទំព័ររបស់ខ្ញុំ</h1>
</header>
<nav>
<button>ទំព័រដើម</button>
<button>អំពីយើង</button>
<button>សេវាកម្ម</button>
<button>ទំនាក់ទំនង</button>
</nav>
<div class="container">
<section>
<h2>ផ្នែកសេកសិន</h2>
<p>នេះជាព័ត៌មានផ្នែកសេកសិន។ អ្នកអាចដាក់អត្ថបទ ឬប្រវត្តិរូបសង្ខេបនៅទីនេះ។</p>
</section>
<aside>
<h3>ផ្នែកម្ខាង</h3>
<p>ព័ត៌មានបន្ថែម ឬពាណិជ្ជកម្មអាចដាក់នៅទីនេះ។</p>
</aside>
<article>
<h2>អត្ថបទ</h2>
<p>នេះជាអត្ថបទមួយដែលអាចបង្ហាញពត៌មានលម្អិត។</p>
</article>
</div>
<footer>
© 2025 រក្សាសិទ្ធិគ្រប់យ៉ាង
</footer>
</body>
</html>
អ្វីដែលបានបន្ថែម
- Logo នៅ Header (អ្នកអាចដាក់រូបផ្ទាល់ខ្លួនក៏បាន)
- Button នៅ Navigation ដើម្បីឲ្យងាយចុច
- ផ្ទាំងស្អាត (background white + shadow)
- Responsive ល្អទាំងលើទូរស័ព្ទនិងកុំព្យូទ័រ
តើអ្នកចង់បន្តអោយខ្ញុំបន្ថែមអ្វីទៀតទេ?
ឧទាហរណ៍៖ Animation, Slide Show, Form បញ្ចូនព័ត៌មាន, ពណ៌ផ្ទៃអោយស្អាតជាងនេះ?
ប្រាប់ខ្ញុំបានខ្លាំងណាស់!
ល្អណាស់! ខ្ញុំយល់ហើយថា អ្នកចង់ បន្ថែមអក្សរ (text) រត់ ដោយប្រើ Animation Slide ហើយ អាចកែដោយដៃ ពីក្រៅ (មិនចាំបាច់សរសេរជាប់ក្នុង HTML)។
ខ្ញុំសម្រួលឲ្យអ្នក ដោយបន្ថែម អក្សររត់ ពីក្បាលលើ <header> ឬកន្លែងណាក៏បាន។
សូមមើលកូដខាងក្រោម៖
១. HTML (ចម្លងបន្ថែម)
<header>
<div class="logo-title">
<img src="https://via.placeholder.com/150x50?text=Logo" alt="Logo">
<h1>គេហទំព័ររបស់ខ្ញុំ</h1>
</div>
<div class="marquee">
<p id="marquee-text">សូមស្វាគមន៍មកកាន់គេហទំព័ររបស់ខ្ញុំ!</p>
</div>
</header>
(នេះបន្ថែម <div class="marquee"> បន្ទាប់ពី Logo និងចំណងជើង)
២. CSS (បន្ថែម CSS Slide Animation)
.marquee {
overflow: hidden;
white-space: nowrap;
box-sizing: border-box;
}
.marquee p {
display: inline-block;
padding-left: 100%;
animation: marquee 15s linear infinite;
font-size: 18px;
color: yellow;
}
@keyframes marquee {
0% { transform: translate(0, 0); }
100% { transform: translate(-100%, 0); }
}
៣. កែអក្សរដោយដៃ
អ្នកអាចកែអក្សរដោយផ្លាស់ប្តូរ id="marquee-text" តាមដែលអ្នកចង់បាន:
<p id="marquee-text">អត្ថបទរត់ដែលអ្នកចង់បញ្ចូល!</p>
ឬ បើចង់កែពី JavaScript (អោយកាន់តែងាយស្រួលដោយដៃពីក្រៅ) អាចបន្ថែម script ផងដែរ:
<script>
document.getElementById('marquee-text').innerText = "សូមស្វាគមន៍មកកាន់វេបសាយថ្មីរបស់អ្នក!";
</script>
(នេះជួយអោយអ្នកកែអក្សរ Slide តាម JavaScript មិនបាច់ចូលកែ HTML ពីក្នុង File)។
សង្ខេប
- អក្សររត់ពីស្ដាំទៅឆ្វេង។
- អាចកែអត្ថបទដោយដៃ ពី HTML ឬ JavaScript។
- មាន Animation ស្អាតឆាប់រហ័ស។
តើអ្នកចង់ឲ្យខ្ញុំបន្ថែមផងទៀតអោយអក្សររត់បញ្ច្រាសទិស (ឆ្វេងទៅស្តាំ) ឬ រត់ជាច្រើនជួរ (News Ticker)?
ប្រាប់ខ្ញុំបាន!
ល្អណាស់! ខ្ញុំយល់ហើយថា អ្នកចង់ បន្ថែមអក្សរ (text) រត់ ដោយប្រើ Animation Slide ហើយ អាចកែដោយដៃ ពីក្រៅ (មិនចាំបាច់សរសេរជាប់ក្នុង HTML)។
ខ្ញុំសម្រួលឲ្យអ្នក ដោយបន្ថែម អក្សររត់ ពីក្បាលលើ <header> ឬកន្លែងណាក៏បាន។
សូមមើលកូដខាងក្រោម៖
១. HTML (ចម្លងបន្ថែម)
<header>
<div class="logo-title">
<img src="https://via.placeholder.com/150x50?text=Logo" alt="Logo">
<h1>គេហទំព័ររបស់ខ្ញុំ</h1>
</div>
<div class="marquee">
<p id="marquee-text">សូមស្វាគមន៍មកកាន់គេហទំព័ររបស់ខ្ញុំ!</p>
</div>
</header>
(នេះបន្ថែម <div class="marquee"> បន្ទាប់ពី Logo និងចំណងជើង)
២. CSS (បន្ថែម CSS Slide Animation)
.marquee {
overflow: hidden;
white-space: nowrap;
box-sizing: border-box;
}
.marquee p {
display: inline-block;
padding-left: 100%;
animation: marquee 15s linear infinite;
font-size: 18px;
color: yellow;
}
@keyframes marquee {
0% { transform: translate(0, 0); }
100% { transform: translate(-100%, 0); }
}
៣. កែអក្សរដោយដៃ
អ្នកអាចកែអក្សរដោយផ្លាស់ប្តូរ id="marquee-text" តាមដែលអ្នកចង់បាន:
<p id="marquee-text">អត្ថបទរត់ដែលអ្នកចង់បញ្ចូល!</p>
ឬ បើចង់កែពី JavaScript (អោយកាន់តែងាយស្រួលដោយដៃពីក្រៅ) អាចបន្ថែម script ផងដែរ:
<script>
document.getElementById('marquee-text').innerText = "សូមស្វាគមន៍មកកាន់វេបសាយថ្មីរបស់អ្នក!";
</script>
(នេះជួយអោយអ្នកកែអក្សរ Slide តាម JavaScript មិនបាច់ចូលកែ HTML ពីក្នុង File)។
សង្ខេប
- អក្សររត់ពីស្ដាំទៅឆ្វេង។
- អាចកែអត្ថបទដោយដៃ ពី HTML ឬ JavaScript។
- មាន Animation ស្អាតឆាប់រហ័ស។
តើអ្នកចង់ឲ្យខ្ញុំបន្ថែមផងទៀតអោយអក្សររត់បញ្ច្រាសទិស (ឆ្វេងទៅស្តាំ) ឬ រត់ជាច្រើនជួរ (News Ticker)?
ប្រាប់ខ្ញុំបាន!
ល្អណាស់! ខ្ញុំយល់ហើយថា អ្នកចង់ បន្ថែមអក្សរ (text) រត់ ដោយប្រើ Animation Slide ហើយ អាចកែដោយដៃ ពីក្រៅ (មិនចាំបាច់សរសេរជាប់ក្នុង HTML)។
ខ្ញុំសម្រួលឲ្យអ្នក ដោយបន្ថែម អក្សររត់ ពីក្បាលលើ <header> ឬកន្លែងណាក៏បាន។
សូមមើលកូដខាងក្រោម៖
១. HTML (ចម្លងបន្ថែម)
<header>
<div class="logo-title">
<img src="https://via.placeholder.com/150x50?text=Logo" alt="Logo">
<h1>គេហទំព័ររបស់ខ្ញុំ</h1>
</div>
<div class="marquee">
<p id="marquee-text">សូមស្វាគមន៍មកកាន់គេហទំព័ររបស់ខ្ញុំ!</p>
</div>
</header>
(នេះបន្ថែម <div class="marquee"> បន្ទាប់ពី Logo និងចំណងជើង)
២. CSS (បន្ថែម CSS Slide Animation)
.marquee {
overflow: hidden;
white-space: nowrap;
box-sizing: border-box;
}
.marquee p {
display: inline-block;
padding-left: 100%;
animation: marquee 15s linear infinite;
font-size: 18px;
color: yellow;
}
@keyframes marquee {
0% { transform: translate(0, 0); }
100% { transform: translate(-100%, 0); }
}
៣. កែអក្សរដោយដៃ
អ្នកអាចកែអក្សរដោយផ្លាស់ប្តូរ id="marquee-text" តាមដែលអ្នកចង់បាន:
<p id="marquee-text">អត្ថបទរត់ដែលអ្នកចង់បញ្ចូល!</p>
ឬ បើចង់កែពី JavaScript (អោយកាន់តែងាយស្រួលដោយដៃពីក្រៅ) អាចបន្ថែម script ផងដែរ:
<script>
document.getElementById('marquee-text').innerText = "សូមស្វាគមន៍មកកាន់វេបសាយថ្មីរបស់អ្នក!";
</script>
(នេះជួយអោយអ្នកកែអក្សរ Slide តាម JavaScript មិនបាច់ចូលកែ HTML ពីក្នុង File)។
សង្ខេប
- អក្សររត់ពីស្ដាំទៅឆ្វេង។
- អាចកែអត្ថបទដោយដៃ ពី HTML ឬ JavaScript។
- មាន Animation ស្អាតឆាប់រហ័ស។
តើអ្នកចង់ឲ្យខ្ញុំបន្ថែមផងទៀតអោយអក្សររត់បញ្ច្រាសទិស (ឆ្វេងទៅស្តាំ) ឬ រត់ជាច្រើនជួរ (News Ticker)?
ប្រាប់ខ្ញុំបាន!
សង្ខេប
ក្នុង WordPress មានវិធីច្រើនសម្រាប់ប្ដូរពាក្យ “Read More” ទៅជាអក្សរខ្មែរ៖
- ប្រើ Theme Customizer ប្រសិន Theme ផ្ដល់ជម្រើសផ្ទាល់ខ្លួន។
- កែសម្រួល functions.php ដោយបន្ថែម filter ងាយៗ។
- ប្រើ Loco Translate ដើម្បីបកប្រែ string ទាំងមូល។
- កែផ្ទាល់ក្នុង Theme Editor ប្រសិនចាំបាច់។
គ្រប់វិធីនេះ អ្នកអាចធ្វើបានពីផ្នែក Admin Dashboard ក្នុង Hostinger hPanel ដោយចូលទៅ WordPress Admin → Appearance ឬ Plugins។
១. កែតម្រូវតាម Theme Customizer
មួយចំនួន Theme មានផ្នែក Typography ឬ Blog Settings ដែលអាចប្ដូរ “Read More” បានផ្ទាល់៖
- Dashboard → Appearance → Customize។
- ស្វែងផ្នែក Typography, Blog ឬ Content Settings។
- រក option “Read More Text” → ប្តូរទៅអក្សរខ្មែរ (ឧ. “អានបន្ត”) → Publish។
វិធីនេះ ងាយស្រួលបំផុត ប៉ុន្តែអាស្រ័យលើ Theme របស់អ្នក។
២. កែសម្រួល functions.php
ប្រសិន Theme មិនមាន Customizer សម្រាប់នេះ អ្នកអាចបន្ថែម filter៖
- ចូល Appearance → Theme Editor (ឬ ដោនឡូដ theme folder និង open functions.php)។
- ភ្ជាប់កូដខាងក្រោមនៅចុងឯកសារ
functions.php៖function modify_read_more_link() { return '<a class="more-link" href="' . get_permalink() . '">អានបន្ត</a>'; } add_filter( 'the_content_more_link', 'modify_read_more_link' ); - Update File ហើយ Refresh Site។
វិធីនេះអាចគ្របដណ្តប់លើ “Read More” ដែលបង្កើតដោយ
<!--more-->tag
៣. ប្រើ Plugin Loco Translate
Loco Translate អាចរកហើយបកប្រែពាក្យ “Read More” តាមទូទៅ៖
- Dashboard → Plugins → Add New → ស្វែង “Loco Translate” → Install & Activate។
- ទៅ Loco Translate → Themes (ឬ Plugins ប្រសិនបើ button មកពី plugin)។
- ជ្រើស Theme របស់អ្នក → New language → ជ្រើស “Khmer” → Start translating។
- ស្វែង string “Read More” → បកប្រែជា “អានបន្ត” → Save។
វិធីនេះសមស្របសម្រាប់ theme/plugin ដែលចាំបាច់ localization
៤. កែប្រែលេខវិញក្នុង Theme Editor (បច្ចុប្បន្នភាពខ្លះ)
ខ្លះ Theme អ្នកប្រហែលត្រូវកែឯកសារ template ដូចជា content.php ឬ archive.php៖
- Appearance → Theme Editor → រើសឯកសារ template ដែលមាន
<a class="more-link" ...>។ - ស្វែង
<?php the_content_more_link(); ?>ឬRead Morestring → ប្តូរទៅ “អានបន្ត”។ - Save និង Refresh।
វិធីនេះត្រូវប្រុងប្រយ័ត្ន ព្រោះកម្មវិធីនេះមិនសុវត្ថិភាពសម្រាប់អាប់ដេត theme
ចំណាំបន្ថែម
- Child Theme: ប្រសិនបើ Theme អ្នកអាប់ដែតជាទៀងទាត់ វិធី functions.php ឬ Theme Editor អាចបាត់បង់។ រក Child Theme ដើម្បីរួមបញ្ចូល custom code safely។
- Cache: បន្ទាប់បញ្ចូលកូដ ឬ plugin, កុំភ្លេច Clear Cache (ប្រសិនជាកំពុងប្រើ caching plugin ឬ Cloudflare) ដើម្បីឲ្យការផ្លាស់ប្តូរបង្ហាញ។
បើមានសំណួរបន្ថែម ឬចង់ឲ្យជួយភ្ជាប់ទ្រូងលំហាត step-by-step សូមអោយដឹង!
បាទ!
✅ 1. ប្រើ Theme Customizer ដើម្បីប្តូរ Font
✅ 2. ប្រើ Custom CSS ដើម្បីកំណត់ Font Khmer
body { font-family: 'Hanuman', 'Battambang', 'Khmer OS', sans-serif; }
✅ 3. បញ្ចូល Khmer Font ដោយដៃ (Upload Custom Font)
@font-face { font-family: 'Hanuman'; src: url('fonts/Hanuman.ttf') format('truetype'); } body { font-family: 'Hanuman', sans-serif; }
✅ 4. ប្រើ Plugin ដើម្បីគ្រប់គ្រង Font
✅ 5. ជៀសវាងបញ្ហា Zero-Width Space
ប្រសិនបើអ្នកត្រូវការជំនួយបន្ថែម ឬមានសំណួរផ្សេងទៀត សូមកុំស្ទាក់ស្ទើរក្នុងការទាក់ទងមកខ្ញុំ។
សំនួរល្អណាស់! នៅពេល TRC ទាមទារបញ្ចូល Nameserver និង IP អ្នកគួរតែ ដាក់តែ Nameserver និង IP របស់ ClouDNS ប៉ុណ្ណោះ — មិនត្រូវដាក់ IP របស់ Blogger ទេ។
ពន្យល់ច្បាស់៖
1. TRC ត្រូវការបញ្ចូល NameServer និង IP
នេះមានន័យថា TRC ត្រូវការឲ្យ domain .com.kh របស់អ្នក ចេញទៅ Nameserver ដែលអ្នកជ្រើស (ClouDNS)។
2. ClouDNS ជាអ្នកគ្រប់គ្រង DNS ដោយផ្ទាល់
ក្រោយអ្នកបញ្ចូល Nameservers របស់ ClouDNS ទៅ TRC, តម្លៃ DNS Record (CNAME, A…) សម្រាប់ Blogger ត្រូវធ្វើនៅលើ ClouDNS, មិនមែនផ្ញើទៅ TRC ទៀតទេ។
តម្លៃត្រូវដាក់នៅ TRC
Nameservers (បញ្ចូលទាំង 4):
ns1.cloudns.net
ns2.cloudns.net
ns3.cloudns.net
ns4.cloudns.net
IP Addresses:
TRC សំណូមពរ IP ជាធម្មតាជា IP របស់ Nameserver ដែលអ្នកប្រើ (មិនមែន IP Blogger)
ចុចទីនេះ ដើម្បីរក IP របស់ Nameserver ClouDNS:
ping ns1.cloudns.net
ping ns2.cloudns.net
ឧទាហរណ៍:
- ns1.cloudns.net → 185.136.96.77
- ns2.cloudns.net → 185.136.97.77
- (ជិតៗគ្នា ប្រហែល 4 IP ដូចគ្នា)
អ្នកអាចផ្តល់ពត៌មាននេះទៅ TRC តាមរបៀប៖
ឧទាហរណ៍បំពេញទម្រង់ TRC:
- Primary Nameserver:
ns1.cloudns.net–185.136.96.77 - Secondary Nameserver:
ns2.cloudns.net–185.136.97.77 - Tertiary Nameserver:
ns3.cloudns.net–185.136.98.77 - Quaternary Nameserver:
ns4.cloudns.net–185.136.99.77
សង្ខេប៖
- មិនដាក់ IP Blogger ទេ
- ដាក់ Nameservers និង IP របស់ ClouDNS ប៉ុណ្ណោះ
- ក្រោយ TRC អនុញ្ញាតហើយ, ទៅកាន់ ClouDNS → បញ្ចូល CNAME & A Record របស់ Blogger
បើអ្នកចង់ខ្ញុំសម្រេចឲ្យ IP ពិតៗរបស់ ns1, ns2, ns3, ns4 ទីនេះ, ខ្ញុំអាចរក ping ស្រាប់ឲ្យបាន។ តើអ្នកចង់ឲ្យខ្ញុំបញ្ចាក់ IP ដែរឬទេ?
បានជាច្បាស់! ClouDNS.net អាចប្រើសម្រាប់ភ្ជាប់ជាមួយ domain .com.kh និងប្រើជា DNS Management ដើម្បីភ្ជាប់ទៅ Blogger (Blogspot) បាន។ ខាងក្រោមនេះជារបៀបធ្វើ step by step:
I. តម្រូវការជាមុន
- អ្នកមាន domain
.com.kh(ឧ.example.com.kh) - អ្នកមានគណនី Blogger (blogspot.com)
- បើអ្នកទិញកញ្ចប់នៅ ClouDNS (Free Plan ក៏ប្រើបាន)
- អ្នកអាចផ្លាស់ប្ដូរ Nameserver នៅ TRC បាន
II. ជំហានភ្ជាប់ Domain .com.kh ទៅ Blogspot តាម ClouDNS
STEP 1: បង្កើត Free DNS Zone នៅ ClouDNS
- ចូល https://www.cloudns.net
- បង្កើតគណនី (Free)
- ទៅ DNS zones > Add new zone
- ជ្រើស:
- Domain name:
example.com.kh - Zone type: Master zone
- ចុច Create zone
- Domain name:
ClouDNS នឹងផ្ដល់ 4 Nameservers ដូចជា:
ns1.cloudns.net
ns2.cloudns.net
ns3.cloudns.net
ns4.cloudns.net
STEP 2: ដាក់ Nameserver ទៅ TRC
ចូលទៅគណនី domain នៅ TRC:
- ផ្លាស់ប្ដូរ Nameservers ទៅ:
ns1.cloudns.net
ns2.cloudns.net
ns3.cloudns.net
ns4.cloudns.net
- រង់ចាំ 10min ដល់ 24h (DNS propagation)
STEP 3: បញ្ចូល DNS Record Blogger នៅ ClouDNS
- ចូល ClouDNS > DNS zones > Manage > example.com.kh
- បន្ថែម DNS records តាមរបៀប Blogger:
1. CNAME Records
-
Type: CNAME
- Host:
www - Points to:
ghs.google.com
- Host:
-
Type: CNAME
- Host: (ជាប់ពី Blogger, ឧ.
abcd1234) - Points to: (ឧ.
gv-xyz123.dv.googlehosted.com)
- Host: (ជាប់ពី Blogger, ឧ.
(តម្លៃនេះបានពី Blogger Settings > Custom Domain)
2. A Records (បើចង់ឲ្យ non-www ចូលដល់)
បន្ថែម A Records សម្រាប់ @:
- Type: A
- Host:
@ - IPs:
216.239.32.21 216.239.34.21 216.239.36.21 216.239.38.21
- Host:
3. URL Forwarding (បើចង់ redirect from example.com.kh → www.example.com.kh)
- ClouDNS មាន option "Web Redirect" (optional)
STEP 4: ត្រួតពិនិត្យ Blogger
- ចូលទៅ Blogger > Settings > Custom domain
- បញ្ចូល
www.example.com.kh - បើបានបញ្ចូល DNS ត្រឹមត្រូវ អ្នកអាច Save បាន
ចុងក្រោយ: ចូលវេបសាយ
- https://www.example.com.kh → នឹងបង្ហាញប្លុក Blogger
- ធ្វើការបញ្ជូន Sitemap ទៅ Google Search Console ដើម្បីឲ្យវា index
បើអ្នកចង់អោយខ្ញុំជួយតម្លៃពិតលើ .com.kh និង CNAME ចូលទៅ blogger របស់អ្នក ប្រាប់ domain និង host name ពិតខ្ញុំបានគណនាឲ្យ។
តើអ្នកចង់បង្កើតជាមួយ ClouDNS ឬ Cloudflare?
មុនដំបូង ខ្ញុំចង់ចេះពីរបៀប យក
មុនដំបូង ខ្ញុំចង់ចេះពីរបៀប យក Name Server និង IP address របស់ Wordpress តើធ្វើរបៀបណា?
ល្អណាស់! ខ្ញុំនឹងបង្ហាញអ្នកពី របៀបយក Name Server និង IP Address (A Record) របស់ WordPress.com ដើម្បីអ្នកអាចប្រើវាជាមួយ DNS settings ឬជួយអ្នកផ្សេងទៀតបាន។
១. Name Servers របស់ WordPress.com
បើអ្នកប្រើ WordPress.com Hosting (គឺផ្ទុកទិន្នន័យនៅ WordPress.com មិនមែន install WordPress ដោយខ្លួនឯង):
Name Servers របស់ WordPress.com គឺ៖
ns1.wordpress.com
ns2.wordpress.com
ns3.wordpress.com
អ្នកអាចយកវានៅក្នុង WordPress Dashboard:
- ចូលទៅ wordpress.com/domains
- ជ្រើស domain (ឧ. khmerpostnews.com.kh)
- ចុច “DNS” → បើមាន option “Change Name Servers”
វានឹងបង្ហាញ Name Servers ពេញលេញ
២. IP Address (A Record) របស់ WordPress.com
បើអ្នកមិនអាចប្ដូរ Name Server (TRC មិនអនុញ្ញាត) អ្នកត្រូវប្រើ A Record + CNAME
IP Address របស់ WordPress.com គឺ៖
192.0.78.24
192.0.78.25
សម្រាប់ A Record (root domain
@), វាចំនេះ:
៣. CNAME Record (សម្រាប់ www)
បន្ថែម CNAME Record ដើម្បីឲ្យ www.khmerpostnews.com.kh នាំទៅ WordPress.com:
(ប្ដូរ yoursite.wordpress.com ជា subdomain WordPress របស់អ្នក)
៤. ឧទាហរណ៍ DNS Full Settings
បើអ្នកចង់ ខ្ញុំអាចធ្វើជា Template DNS Settings (ជាភាសាខ្មែរ) ឲ្យអ្នកផ្ញើទៅ TRC ឬអ្នកគ្រប់គ្រង domain?
តើអ្នកមាន subdomain WordPress.com ហើយឬនៅ? (ឧ. khmerpostnews.wordpress.com) — ខ្ញុំនឹងជំនួសក្នុង CNAME អោយត្រឹមត្រូវ។
admin2025@newsfriends.site
news
https://newsfriends.site/wp-admin/index.php
5@fRiends
store2025
https://themidnight-store.com/wp-admin/post.php?post=825&action=edit
7@mIdnight
Keyworde រឿងនិទាន
រឿងនិទាន, និទានខ្មែរ, និទានរឿង, cartoon, tale khmer ,cartoon khmer, fairy tale, nitean reing nitean rerng nitean reing, preng tokata khmer ,តុក្កតា ,តុក្កតាខ្មែរ, Khmer Story Old story Khmer old story ,រឿងនិទានខ្មែរ ,និទានរឿងខ្មែរ ,រឿងព្រេងខ្មែរ, និទានរឿងព្រេងខ្មែរ, Khmer Legend Khmer legend story, education story Khmer, education story ,education tales Khmer, education tales, រឿងព្រេងបុរាណខ្មែរ, រឿងព្រេងនិទានខ្មែរ, និយាយភាសាខ្មែរ ,កំហឹងទាយាទអាប,
**តួនិយាយគ្នារវាងវុទ្ធី និងបងស្នេហ៍ (ក្នុងពិភពកាត់ចិត្ត)៖**
**វុទ្ធី៖** (ញញឹមជាមួយសំណើចស្ដាយ) "បងអើយ... បើគ្មានបង អូនដូចជាម៉ូតូឥតប្រេង រត់មិនរួចទេ។ តើបងដឹងថា រាល់ការបញ្ជាទិញដែលអូនរត់ គឺសុទ្ធតែដើម្បីរកលុយមកជួយបងធ្វើម្ហូបផ្ទាល់ផ្ទះណាស់?"
**បង៖** (សម្លេងញុំាងពីទូរស័ព្ទ) "អូនឯងពិបាកខ្លាំងណាស់! បងធ្វើម្ហូបរង់ចាំអូនរាល់ថ្ងៃ មិនដែលខ្វះមេឃុំពីរបីមុខទេ។ តែបងខ្លាច... ខ្លាចអូនខ្លាំងពេក ហើយគេជេរទៅក៏មិនហ៊ាននិយាយ..."
**វុទ្ធី៖** (ស្រែកឮខ្លាំងៗ) "បង!!! អូនអត់ខ្លាចទេ! ទោះជាភ្ញៀវខឹង ឬផ្លូវចំ្បាត់ភ្លៀង អូននឹងបំពេញការបញ្ជាទិញរាល់មុខ ដើម្បីបានឃើញបងញញឹមម្ដងហ្នឹង!"
**បង៖** (សើចស្រពោន) "អូនឯងពូកែពេកហើយ! ចាំទេ? ពេលយើងជួបគ្នាដំបូង បងសួរអូនថា *«បើខ្ញុំជាម្ហូប តើអ្នកដឹកជញ្ជូននឹងយកខ្ញុំទៅណា?»*"
**វុទ្ធី៖** (សម្លឹងមេឃ) "បើបងជាម្ហូប អូននឹង... ដឹកបងទៅកាន់ផ្ទះអូន ហើយរក្សាទុកក្នុងថែបក្តៅបំផុត។ មិនឲ្យអ្នកណាប៉ះពាល់បានទេ!"
---
**ទីបញ្ចប់៖**
ពួកគេស្ងៀមស្ងាត់ជាមួយសំណើចដែលជាប់គាំងក្នុងទូរស័ព្ទ ដឹងច្បាស់ថា សេចក្ដីពិបាកនិងការរស់នៅរបស់ពួកគេ គឺជា **«ដំណើរដែលត្រូវរត់ជាមួយគ្នា»**។ ទោះជាការហ្វេ ការខឹង ឬការរត់បញ្ជាទិញ... គ្រាន់តែឮសម្លេងគ្នា ក៏គ្រប់គ្រាន់ហើយ។
*❤️ ស្នេហ៍របស់អ្នករត់ការ គឺជាការរង់ចាំដ៏ក្ដៅដូចម្ហូបទើបចម្អិន...*
ឈ្មោះរឿង៖ ការបញ្ជាទិញពិសេស
**ឈ្មោះរឿង៖ ការបញ្ជាទិញពិសេស**
**វគ្គ១៖ ការបញ្ជាទិញមកដល់**
វុទ្ធី អ្នកដឹកជញ្ជូនម្ហូបតាមអនឡាញ កំពុងអង្គុយសម្រាកនៅក្រោមម្លប់ដើមចេក នៅពេលសម្លេង *"ទីងទែង"* ពីទូរស័ព្ទរាយការណ៍។ គាត់ភ្លាមសម្លឹងទៅកម្មវិធី ហើយញញឹមញ៉ាំ៖
**វុទ្ធី៖** "អូ! មានការបញ្ជាទិញពីភ្ញៀវក្បែរនេះហើយ។ ម៉ោង៥:៣០ ល្ងាច... ត្រូវរត់ទៅយកម្ហូបឆាប់!"
**វគ្គ២៖ ការជួបបញ្ហានៅភោជនីយដ្ឋាន**
នៅភោជនីដ្ឋាន *ស្កុតស្កូវ* អ្នករត់បញ្ជាទិញជំហានរហ័សទៅកាន់ការិទ្យាល័យ។ ប៉ុន្តែ ក្មេងបំរើញញើតសម្លឹងមើលទៅអេក្រង់៖
**ក្មេងបំរើ៖** "បងវុទ្ធី បញ្ជាទិញលេខ១២៣ នេះមានបញ្ហា។ ចោលបាយបាឡាជាមួយគ្រឿងទេ? ពិតជាមិនទាន់ត្រៀមទេ!"
**វុទ្ធី៖** (ស្ញប់) "អូណា!! តើយូរប៉ុណ្ណា? ភ្ញៀវចាំហើយនៅក្នុងកម្មវិធី!"
**ក្មេងបំរើ៖** "១០នាទីបន្ថែមបង។ សុំទោសណាស់!"
**វគ្គ៣៖ ការជាប់ទាក់ទងជាមួយអតិថិជន**
វុទ្ធីចាប់ទូរស័ព្ទទៅលេខ *០៧៧ ១២៣ ៤៥៦* ដោយពាក្យសុភាព៖
**វុទ្ធី៖** "សួស្តីបង! ខ្ញុំមកពីក្រុមហ៊ុនដឹកជញ្ជូន។ បញ្ជាទិញបងនេះពន្យាពេលបន្តិច ព្រោះភោជនីយដ្ឋានមានការរអាក់រអួល។"
**អតិថិជន៖** (សម្លេងខឹង) "អ្ហែងឯងធ្វើអីបង្អង់ច្រើនម៉េច?! ខ្ញុំធុញហើយនៅរង់ចាំ!"
**វុទ្ធី៖** (សម្រក់�ើម) "សុំទោសពន្លឹបង! ខ្ញុំនឹងបន្ថែមល្បឿន។ សូមអត់ព្រះទោស។"
**វគ្គ៤៖ ការឆ្លោះរវាងអ្នករត់បញ្ជាទិញ**
នៅតាមផ្លូវ វុទ្ធីជួបនឹងសម្លាញ់របស់គាត់ រ៉ាត់៖
**រ៉ាត់៖** "យាយ! វុទ្ធី! ថ្ងៃនេះរត់ការប៉ុន្មានការ?"
**វុទ្ធី៖** (សើច) "៥ការហើយ! តែការទី៦នេះពិបាកមែនទែន។ ភ្ញៀវខឹងសម្បាយ៉ាង!"
**រ៉ាត់៖** "ធម្មតាហើយបង។ ខ្ញុំម្សិលមិញក៏ជួបគេជេរដែរ ព្រោះទឹកក្រឡាក់ហូរ។ តស់! ខិតខំរកលុយចុះ!"
**វគ្គ៥៖ ការដឹកជញ្ជូនបានសម្រេច**
១៥នាទីក្រោយមក វុទ្ធីឈានជើងដល់ផ្ទះលេខ៣២ ហើយឃើញស្ត្រីម្នាក់អាយុ៤០ឆ្នាំកំពុងឈររង់ចាំ។
**វុទ្ធី៖** (ញញឹមហើយលើកកញ្ចប់ម្ហូប) "សូមទទួលម្ហូបបង! សុំទោសដែលធ្វើឲ្យបងរង់ចាំយូរ។"
**អតិថិជន៖** (សម្លឹងមើលមុខវុទ្ធីដែលញ៉ះញ៉ោរ) "ទោសចំចុះប្អូន។ ខ្ញុំខឹងពេលមុនពេក... នេះ១០០៛៛ ទុកជាការអធ្យាស្រ័យផង។"
**វុទ្ធី៖** "អរគុណបង! សុភាសិតថា *«ទឹកចិត្តល្អ នាំឲ្យបានបាយ»* មែនទេ?"
**ទីបញ្ចប់៖**
វុទ្ធីជិះម៉ូតូត្រលប់ទៅកាន់តំបន់រង់ចាំ ដោយដឹងថា ការអត់ធ្មត់និងការគោរពគ្នា គឺជាមូលដ្ឋាននៃការងារនេះ។ ទោះបីជួបការលំបាក ក៏គាត់នៅតែញញឹមបានដោយសារតែភាពយុត្តិធម៌របស់អតិថិជន។
---
*ការសរសេរនេះឆ្លុះបញ្ចាំងពីជីវិតពិតនៃអ្នកដឹកជញ្ជូនម្ហូប ដែលត្រូវឆ្លងកាត់បញ្ហានិងការយល់ចិត្តគ្នាតាមរយៈការសន្ទនា។*
ខ្ញុំនឹងបង្កើតរឿងខ្លីដែលមានតួនិយាយគ្នាអំពីអ្នកលក់កាហ្វេតាមអនឡាញ។ តោះចាប់ផ្តើម!
ខ្ញុំនឹងបង្កើតរឿងខ្លីដែលមានតួនិយាយគ្នាអំពីអ្នកលក់កាហ្វេតាមអនឡាញ។ តោះចាប់ផ្តើម!
---
**ឈ្មោះរឿង៖** *កាហ្វេមួយកែវពីទឹកដីស្រឡះ*
**ស្ថានភាព៖** ម្ចាស់ហាងកាហ្វេតាមអនឡាញឈ្មោះ **វីណា** (២៣ឆ្នាំ) កំពុងរត់កម្មវិធីបញ្ចុះតម្លៃ។ នាងបានទទួលសារពីអតិថិជនឈ្មោះ **រិទ្ធ** (អ្នកធ្វើការនៅផ្ទះ)។
---
**រិទ្ធ៖** (សារ Facebook)
«សួស្តីបង! ខ្ញុំឃើញបងលក់កាហ្វេអារម្មណ៍ល្អ។ តើមានកាហ្វេម៉ាក់ឃ្យាត់បែបជប៉ុនទេ? ខ្ញុំស្រឡាញ់រសជាតិបែបនោះ។ 😊»
**វីណា៖** (ឆ្លើយភ្លាម)
«សួស្តីរិទ្ធអីយ៉ា! 🥰 មានតាសា~ កាហ្វេ Matcha Latte បងធ្វើពីម្សៅប្រភពពីជប៉ុនផ្ទាល់! បន្ថែមទឹកដោះគោអាល់ម៉ុងជាជម្រើសសម្រាប់អ្នកដែល Vegan ផង។»
**រិទ្ធ៖**
«អូ៎! ចឹងបងឯងអាចធ្វើប៊ែរកាហ្វេម៉ាក់ឃ្យាត់ដោយគ្មានស្ករបានទេ? ខ្ញុំកំពុងគ្រប់គ្រងទម្ងន់ហ្នឹងណា។ 😅»
**វីណា៖**
«បានទេអីយ៉ា! បងអាចកំណត់រសជាតិតាមតម្រូវការ។ បើចង់បានផ្អែមតិចៗ បងនឹងប្រើស្ករ Stevia ជំនួស។ មានសុវត្ថិភាពសម្រាប់សុខភាពដែរ~»
**រិទ្ធ៖**
«ច្បាស់ហើយ! ចុះប្រសិនបើខ្ញុំទិញ៥០កែវសម្រាប់ក្រុមការងារ បងឯងអាចចាត់ការបានទេ? ខ្ញុំត្រូវការនៅថ្ងៃស្អែក។»
**វីណា៖** (បញ្ចេញសើចសាមញ្ញ)
«៥០កែវ?! 😳 អីយ៉ារិទ្ធឯងស្អាតមែនទែន! បាទ បងធ្វើបាន។ តែយើងត្រូវការពេល៤ម៉ោងដើម្បីរៀបចំឱ្យបានល្អ។ ចុះម៉ោងប្រគល់?»
**រិទ្ធ៖**
«ថ្ងៃស្អែកម៉ោង ១០ព្រឹក បានទេ? បងឯងអាចដាក់ក្រឡេកម៉ាក់ឃ្យាត់នៅលើកែវខ្លះដែរទេ? ខ្ញុំចង់ឱ្យក្រុមគាត់ភ្ញាក់ផ្អើល~ 😄»
**វីណា៖** (ភ្ជាប់រូបភាពស្ទីកឃ័រកំប្លែង)
«អឺយ! បានតាសា~ បងនឹងធ្វើកាហ្វេឱ្យស្អាតដូចផ្កាច្បាររដូវផ្ការីក! 🌸 សន្យាថានឹងមិនឱ្យខកឃ្លានទេ!»
---
**ថ្ងៃស្អែក**
រិទ្ធបើកការប្រគល់ ហើយឃើញកញ្ចប់កាហ្វេដែលខ្នាត់ដោយក្រដាសពណ៌ស្វាយ មានស្លាកសរសេរថា៖
*«សំរាប់ក្រុមដែលធ្វើការងារដោយភ្លើងឆេះរៀងៗខ្លួន ☕ – វីណា»*
រិទ្ធញញឹមហើយវាយអក្សរ៖
«សូមអរគុណបង! កាហ្វេឆ្ងាញ់ហើយក្រុមខ្ញុំចូលចិត្តខ្លាំង។ នៅថ្ងៃក្រោយនឹងមកជាប្រចាំហើយ! 👍»
---
**ចប់។**
(
ប្រាកដណាស់! នេះគឺជារឿងខ្លីមួយអំពីអ្នកលក់កាហ្វេអនឡាញ៖
ប្រាកដណាស់! នេះគឺជារឿងខ្លីមួយអំពីអ្នកលក់កាហ្វេអនឡាញ៖
ឈុតទី១៖ ផ្ទះបាយរបស់ សុខលី
* សុខលី (កំពុងវេចខ្ចប់កាហ្វេ): ហត់ណាស់ថ្ងៃនេះ! តែសប្បាយចិត្តដែរដែលអតិថិជនចូលចិត្តកាហ្វេខ្ញុំ។
* សំឡេងទូរស័ព្ទរោទ៍: តិង!
* សុខលី (លើកទូរស័ព្ទ): អាឡូ! បាទ ហាងកាហ្វេ “រសជាតិខ្មែរ” និយាយមកបាទ!
* អតិថិជន (តាមទូរស័ព្ទ): ជំរាបសួរ! ខ្ញុំចង់កុម្ម៉ង់កាហ្វេទឹកដោះគោមួយកែវ និងកាហ្វេខ្មៅមួយកែវ។
* សុខលី: បាទ! ទីតាំងដឹកជញ្ជូននៅឯណាដែរ?
* អតិថិជន: នៅផ្ទះលេខ ១២៣ ផ្លូវ ABC។
* សុខលី: បាទ! ចាំបន្តិចទៀតខ្ញុំបញ្ជូនអ្នកដឹកជញ្ជូនទៅជូនភ្លាម។
ឈុតទី២៖ ពេលអ្នកដឹកជញ្ជូនទៅដល់
* អ្នកដឹកជញ្ជូន (គោះទ្វារផ្ទះអតិថិជន): ជំរាបសួរ! នេះគឺជាកាហ្វេដែលលោកអ្នកបានកុម្ម៉ង់។
* អតិថិជន (បើកទ្វារ): អរគុណច្រើន! ខ្ញុំបង់លុយតាមអនឡាញហើយ។
* អ្នកដឹកជញ្ជូន: បាទ! សូមអរគុណដែលបានគាំទ្រហាងកាហ្វេ “រសជាតិខ្មែរ”។
ឈុតទី៣៖ សុខលីពិនិត្យមើលការលក់
* សុខលី (មើលទូរស័ព្ទ): ថ្ងៃនេះលក់ដាច់គ្រាន់បើ! អតិថិជនសរសើរថា កាហ្វេឆ្ងាញ់ទៀត។
* សុខលី (ញញឹម): ខ្ញុំនឹងខិតខំធ្វើកាហ្វេឲ្យកាន់តែឆ្ងាញ់ថែមទៀត ដើម្បីអតិថិជនទាំងអស់គ្នា។
បញ្ចប់
យូរណាស់មកហើយ នៅសម័យកាលដែលសត្វលោកនៅតែមានអំណាចវេទមន្ត គេនិយាយតៗគ្នាថា សត្វស្វាបានកើតមកពីការលេងសើចរបស់ទេព្តា។ ទេព្តាអង្គនោះមានព្រះនាមថា ព្រះឥន្ទ្រ ដែលជាស្តេចនៃទេព្តាទាំងអស់។
ថ្ងៃមួយ ព្រះឥន្ទ្របានចុះមកលេងនៅលើផែនដី ហើយបានជួបនឹងសត្វមួយប្រភេទដែលមើលទៅគួរឲ្យអស់សំណើច។ សត្វនោះមានរោមពណ៌ត្នោត មុខរបស់វាមានស្នាមជ្រួញ និងកន្ទុយវែង។ ព្រះឥន្ទ្របានសើចចំអកឱ្យសត្វនោះ ហើយបាននិយាយថា "ឯងមើលទៅគួរឱ្យអស់សំណើចណាស់! ខ្ញុំនឹងដាក់ឈ្មោះឱ្យឯងថា ស្វា!"
សត្វនោះមានការអន់ចិត្តយ៉ាងខ្លាំង ហើយបាននិយាយថា "ហេតុអ្វីបានជាទ្រង់សើចចំអកឱ្យទូលបង្គំ? ទូលបង្គំមិនបានធ្វើអ្វីខុសទេ។"
ព្រះឥន្ទ្របានឆ្លើយថា "ទូលបង្គំគ្រាន់តែលេងសើចតែប៉ុណ្ណោះ។ កុំខឹងអី។"
ប៉ុន្តែសត្វនោះនៅតែខឹង។ វាក៏បាននិយាយថា "ប្រសិនបើទ្រង់ចង់ឱ្យទូលបង្គំសប្បាយចិត្ត ទ្រង់ត្រូវតែផ្តល់អំណោយដល់ទូលបង្គំ។"
ព្រះឥន្ទ្របានគិតមួយសន្ទុះ ហើយបាននិយាយថា "យល់ព្រម! ទូលបង្គំនឹងផ្តល់ឱ្យអ្នកនូវអំណោយមួយ។"
ព្រះឥន្ទ្របានលើកដៃរបស់ទ្រង់ឡើង ហើយបានបង្កើតដើមឈើមួយដើមដែលពោរពេញទៅដោយផ្លែឈើ។ ទ្រង់បាននិយាយថា "ដើមឈើនេះនឹងផ្តល់ឱ្យអ្នកនូវអាហារគ្មានដែនកំណត់។"
សត្វនោះមានការសប្បាយចិត្តយ៉ាងខ្លាំង ហើយបាននិយាយថា "សូមអរគុណព្រះអង្គ!"
ចាប់តាំងពីពេលនោះមក សត្វស្វាបានរស់នៅក្នុងព្រៃ ហើយស៊ីផ្លែឈើពីដើមឈើដែលព្រះឥន្ទ្របានបង្កើត។ ពួកវាមានភាពឆ្លាតវៃ និងរហ័សរហួន។ ពួកវាអាចលោតពីដើមឈើមួយទៅដើមឈើមួយទៀតដោយងាយស្រួល។
ប៉ុន្តែសត្វស្វាក៏មានភាពរញ៉េរញ៉ៃ និងលេងសើចផងដែរ។ ពួកវាចូលចិត្តលេងសើចជាមួយសត្វដទៃទៀត និងលួចអាហារពីមនុស្ស។
ទោះជាយ៉ាងណាក៏ដោយ សត្វស្វាគឺជាសត្វដែលមានភាពសប្បាយរីករាយ និងគួរឱ្យចាប់អារម្មណ៍។ ពួកវាជាផ្នែកមួយដ៏សំខាន់នៃធម្មជាតិ។
