តើធ្វើដូចម្តេចដើម្បីលាក់រចនាប័ទ្ម CSS កាលបរិច្ឆេទប្រធានបទ WordPress? ការបង្រៀនរចនាប័ទ្ម css លាក់ div

របៀបលាក់WordPressរចនាប័ទ្មកាលបរិច្ឆេទ CSS?

ការបង្រៀនរចនាប័ទ្ម CSS ដែលលាក់ DIV

Chen Weiliangថ្មីៗនេះ គំរូគេហទំព័រត្រូវបានកែលម្អ និងធ្វើឱ្យប្រសើរ ហើយនេះត្រូវបានធ្វើផងដែរដើម្បីយកទៅពិចារណាSEO បទពិសោធន៍អ្នកប្រើប្រាស់។

ត្រូវហើយប្រព័ន្ធផ្សព្វផ្សាយថ្មីមនុស្សបានសួរថា:ចុះប្រសិនបើយើងចង់លាក់រូបតំណាងជាក់លាក់មួយ កាលបរិច្ឆេទនៃប្រធានបទ WordPress?

ចម្លើយគឺត្រូវលាក់រចនាប័ទ្មជាមួយ CSS៖

.r-hide {display：none;}

រចនាប័ទ្មលាក់ CSS អាចសម្រេចបាន៖

• 1) អត្ថបទដែលលាក់
• 2) លាក់តំណខ្ពស់ (តំណខ្មៅ)
• 3) លាក់លេខកូដស្ថិតិ
• 4) លាក់រូបតំណាង

ដំបូងយើងត្រូវស្វែងរក CSS Selectors ។

តើ CSS Selectors ជាអ្វី?

និយមន័យនៃរចនាប័ទ្ម CSS នីមួយៗមាន 2 ផ្នែក៖

选择器{样式}

• ផ្នែកមុន {} គឺជា "អ្នកជ្រើសរើស" ។
• "អ្នកជ្រើសរើស" បង្ហាញពី "រចនាប័ទ្ម" នៃវត្ថុ {} ។
• យោបល់លើធាតុនៃទំព័រដែល "រចនាប័ទ្ម" នេះដំណើរការ?

តើធ្វើដូចម្តេចដើម្បីស្វែងរកអ្នកជ្រើសរើស CSS?

កូដឧទាហរណ៍ ១

ខាង​ក្រោម​នេះ​គឺ​ជា​ឧទាហរណ៍​នៃ​ចលនា GIF។ បន្ទាប់​ពី​រក​ឃើញ​ឧបករណ៍​ជ្រើស CSS តាម​រយៈ​កម្មវិធី​រុករក កាលបរិច្ឆេទ​ត្រូវ​បាន​លាក់▼

ទទួលបានអ្នកជ្រើសរើស CSS time.the-date បន្ទាប់ពីនោះ បន្ថែមកូដ CSS ខាងក្រោមទៅឯកសារ style.css នៃប្រធានបទ WP៖

time.the-date {
 display: none;
}

កូដឧទាហរណ៍ ១

នេះជារបៀបជ្រើសរើស និងកំណត់រចនាប័ទ្មធាតុជាមួយ class="r-hide"៖

.r-hide {display：none;}

ប្រសិនបើស្បែក WP មានជម្រើស អ្នកអាចបន្ថែមកូដ CSS ខាងលើទៅជម្រើសស្បែក WP → ប្ដូររចនាប័ទ្មតាមបំណង → ប្ដូរតាមបំណងប្រអប់កូដរចនាប័ទ្ម។

• ប្រើរចនាប័ទ្ម CSSបង្ហាញ៖ គ្មាន;  លាក់មាតិកាដែលបានបញ្ជាក់,
• មើលមិនឃើញតាមរយៈកម្មវិធីរុករក មាតិកាលាក់មិនយកកន្លែងទំនេរ
• ជាធម្មតាប្រើដើម្បីលាក់បែបផែន JS លាក់រូបតំណាងនៃកូដស្ថិតិ។ល។

ការអានបន្ថែម៖

• " តើអ្វីជាភាពខុសគ្នារវាង CSS selector class និង id? id និង class ប្រើប្រាស់ក្នុង HTML"