Khmer Web: បង្ហាញកាលបរិច្ឆេទ

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html lang="en">
<head>

   <data:blog.pageTitle/>

<meta charset='utf-8'/>
<meta content='width=device-width, initial-scale=1' name='viewport'/>
<link href='https://fonts.googleapis.com/css?family=Sriracha|Playball|Merienda+One|Bokor|Bayon|Koulen|Moul|Nokora|Hanuman|Metal' rel='stylesheet'/>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>

<b:skin>
<![CDATA[
/*ការរចនាចាប់ផ្តើមទីនេះ*/
*{
  padding:0;
  margin:0;
}
.header-wrapper{
  position: -webkit-sticky;
  position: sticky;
  top: 0px;
  z-index:999;
}
.header{
  color:grey;
  background:#f2f2f2;
  padding:15px 20px;
}
.header h1{
  font:20px/1.5 Koulen;
  margin-bottom:0;
}
.kb-navbar{
  background:#17a2b8;
}
.kb-navbar .navbar-brand{
  color:white !important;
  font:18px/1.5 Bokor;
}
.kb-navbar .nav-link{
  font:16px/1.5 Nokora;
  color:#e6e6e6 !important;
}
.kb-navbar .nav-link:hover{
  color:white !important;
}
.post-wrapper,.sidebar-wrapper{
  padding:10px;
}
.post-body,.sidebar{
  background:#f2f2f2;
  min-height:400px;
}
.footer{
  margin-top:20px;
  min-height:200px;
  background:grey;
}
.blog-posts{
  padding:10px 20px;
}
.date-header{
  font:italic 17px/1.5 Hanuman;
  padding-bottom:10px;
  border-bottom:1px solid lightgrey;
}

/*ចុងបញ្ចប់នៃការរចនា*/
]]>
</b:skin>


</head>

<body>







  
  គេហទំព័រយើង 

 


  ទំព័រដើម
  
  
    
      
        តំណរ
      
      
        តំណរ
      
      
        តំណរ
          
    
    





  
    
      


<b:if cond='!data:mobile'>
  
    <b:loop values='data:posts' var='post'>
      
        
         
    </b:loop>     
  
<b:else/>
  <b:include name='mobile-main'/>
</b:if>


      
    
    
      
    
  








</body>
</html>

ពិនិត្យគេហទំព័រជាក់ស្តែងៈ https://webdesign-kh.blogspot.com/

នៅក្នុងកូដខាងលើនេះ យើងសង្កេតឃើញថាមានការបន្ថែមនូវផ្នែកកូដជាភាសា JavaScript មួយផ្នែកទៀតទៅក្នុងធាតុ HTML «head» នៅក្នុងគំរូគេហទំព័រខាងលើនេះ។ ជាលទ្ធផល កូដខាងលើនេះមានលក្ខណៈពេញលេញជាកូដរបស់គំរូគេហទំព័រជាទូទៅ មិនត្រឹមតែសំរាប់ប្រព័ន្ធ Blogger តែមួយប៉ុណ្ណោះទេ។

ក៏ប៉ុន្តែ ក្រៅពីមានលក្ខណរួមជាទូទៅ ប្រព័ន្ធ Blogger ក៏មានលក្ខណៈដោយឡែកផ្ទាល់ខ្លួនរបស់វាដែរ ពោលគឺវាប្រើប្រាស់ភាសាគំរូគេហទំព័រ (template language) ផ្ទាល់ខ្លួនរបស់វាតែម្តង ក្នុងការរៀបចំនិងឬរចនាគេហទំព័រនានានៅលើប្រព័ន្ធរបស់វា។

ជាក់ស្តែង នៅលើបន្ទាត់លេខ 114 ការសរសេរថា <b:includable id="main"> គឺជាការបង្កើតក្បួនមួយ (function) មានឈ្មោះថា «main» ដែលនឹងត្រូវយកទៅប្រើជាស្វ័យប្រវត្តិ នៅពេលដែលគេហទំព័រត្រូវបានបើកមើល។ មួយវិញទៀត មានតែក្បួនឈ្មោះ «main» តែប៉ុណ្ណោះ ដែលនឹងត្រូវយកទៅប្រើជាស្វ័យប្រវត្តិ ចំពោះក្បួនដទៃទៀតដែលមានឈ្មោះខុសពីនេះ នឹងមិនត្រូវយកទៅប្រើដោយប្រវត្តិឡើយ យើងចាំបាច់ត្រូវយកទៅប្រើ (calling) ដោយខ្លួនយើងផ្ទាល់។

ជាទូទៅ បញ្ជាទាំងឡាយ (statement) នៅក្នុងភាសាគំរូគេហទំព័ររប់សប្រព័ន្ធ Blogger មានលក្ខណៈស្រដៀងនឹងភាសា HTML ដែរគឺមាន tag បើកដែលត្រូវស្ថិតនៅក្នុងសញ្ញា < > និង tag បិទដែលត្រូវស្ថិតក្នុងសញ្ញា </ > ឧទាហរណ៍ដូចជា tag បើក <b:includable id="main"> ដែលមាន tag បិទរបស់វាគឺ </b:includable> ។

នៅលើបន្ទាត់លេខ 152 ការសរសេរថា <b:if cond='!data:mobile'> គឺជាការប្រើបញ្ជា «if» នៅក្នុងភាសាគំរូគេហទំព័ររបស់ប្រព័ន្ធ Blogger ។ ហើយក្រុមបញ្ជានៅក្នុងបញ្ជា «if» នេះនឹងត្រូវយកទៅអនុវត្តក្នុងលក្ខខ័ណ្ឌដែលកន្សោមប្រមាណវិធី «!data:mobile» ផ្តល់តំលៃជាតក្កវត្ថុ true បានន័យថាក្នុងករណីដែលឧបករណ៍អេឡិចត្រូនិកសំរាប់បើកមើលគេហទំព័រ មិនមែនជាទូរស័ព្ទដៃ។ បើពុំនោះសោតទេ ក្រុមបញ្ជានៅក្នុងបញ្ជា «else» នៅបន្ទាត់លេខ 163 នឹងត្រូវយកទៅអនុវត្ត។

ជាទូទៅ ទំរង់នៃបញ្ជា if/else នៅក្នុងភាសាគំរូគេហទំព័ររបស់ប្រព័ន្ធ Blogger គឺដូចនេះ <b:if cond=''><b:else/></b:if>

នៅលើបន្ទាត់លេខ 154 ការសរសេរថា <b:loop values='data:posts' var='post'> គឺជាការប្រើបញ្ជា «loop» នៅក្នុងភាសាគំរូគេហទំព៍ររបស់ប្រព័ន្ធ Blogger ដើម្បីយកសមាសវត្ថុ (container) ដែលជា post មួយចំនួន យកមកពិនិត្យមើលមួយម្តងៗ រហូតដល់អស់។ ហើយ tag បិទរបស់បញ្ជា <b:loop values='data:posts' var='post'> នេះគឺ </b:loop> នៅបន្ទាត់លេខ 161 ។

នៅក្នុង tag បើក <b:loop values='data:posts' var='post'> ការសរសេរថា «values='data:posts'» គឺជាការយក posts ចុងក្រោយគេមួយចំនួននៅក្នុងប្លក់របស់យើងមកប្រើការ។ ចំនួន post ដែលត្រូវយកមកប្រើការ គឺស្មើនឹងចំនួន post ដែលយើងបានកំណត់នៅក្នុង «setting» ។ ចំណែកឯការសរសេរថា var='post' បានន័យថាឈ្មោះ «post» នេះនឹងត្រូវយកទៅភ្ជាប់ជាមួយនឹង post ដែលជាការចុះផ្សាយផ្សេងៗ ម្តងមួយៗតាមលេខរៀង។

នៅបន្ទាត់លេខ 158 គឺជាការយកវិធីឈ្មោះ «getKhDate» មកប្រើដើម្បីបកប្រែកាលបរិច្ឆេទរបស់ post និមួយៗអោយទៅជាភាសាខ្មែរ។ វិ៊ធីឈ្មោះ «getKhDate» នេះត្រូវបាសរសេរឡើងជាភាសា JavaScript នៅក្នុងផ្នែក script របស់គំរូគេហទំព័រខាងលើ។

ជាមួយគ្នានេះដែរ នៅលើបន្ទាត់លេខ 158 ក៏មានការសរសេរថា <data:post.dateHeader/> នេះដែរ។ ការសរសេររបៀបនេះ គឺជាការប្រើបញ្ជានៅក្នុងភាសាគំរូគេហទំព័ររបស់ប្រព័ន្ធ Blogger តំរូវអោយកាលបរិច្ឆេទរបស់ post ដែលកំពុងតែត្រូវបានពិនិត្យ អោយលេចឡើងនៅទីនោះ។

នៅបន្ទាត់លេខ 164 ការសរសេរថា <b:include name='mobile-main'/> គឺជាការយកក្បួនឈ្មោះ «mobile-main» មកប្រើក្នុងករណីដែលគេហទំព័រត្រូបានបើកមើលដោយទូរស័ព្ទដៃ។ ដូចនេះ នៅក្នុងភាសាគំរូគេហទំព័ររបស់ប្រព័ន្ធ Blogger រាល់ការបង្កើតក្បួនត្រូវប្រើបញ្ជា «includable» ហើយការយកក្បួនមកប្រើទាមទារអោយប្រើបញ្ជា «include» ៕

គេហទំព័រ​យើង

គេហទំព័រយើង