បានបិទ៖ ស្បែកមិនបន្ថែមឯកសាររចនាប័ទ្មឈ្មោះ editor-style.css ទេ?

មានអ្វីដែលត្រូវធ្វើការផ្សព្វផ្សាយគេហទំព័រមិត្ត ទើបតែចាប់ផ្តើមរៀនប្រើគេហទំព័រ WordPress។

បើកដំណើរការកម្មវិធីជំនួយកម្មវិធីនិពន្ធ TinyMCE នៅក្នុងការកំណត់នៃកម្មវិធីជំនួយកម្មវិធីនិពន្ធ TinyMCE បានជួបប្រទះបញ្ហាបែបនេះ▼

បង្កើតម៉ឺនុយរចនាប័ទ្ម CSS

• ផ្ទុករចនាប័ទ្ម CSS ដែលប្រើក្នុង editor-style.css ហើយជំនួសម៉ឺនុយទម្រង់។
• បានបិទ៖ ឯកសាររចនាប័ទ្មសម្រាប់ editor-style.css ។
• បានបិទ៖ ឯកសាររចនាប័ទ្មមួយដែលមានឈ្មោះថា editor-style.css មិនត្រូវបានបន្ថែមដោយប្រធានបទរបស់អ្នកទេ។

ប្រសិនបើស្ថានភាពខាងលើកើតឡើង កម្មវិធីកែរូបភាព WordPress ប្រហែលជាមិនអាចបង្ហាញរចនាប័ទ្មកូដដែលយើងចង់បានដូចជា៖

• blockquote, មុន, កូដ...

ដោះស្រាយបញ្ហា

1. អត់ទោសeditor-style.cssឯកសារ តើ​វា​នៅ​ក្នុង​ថត root នៃ​ប្រធានបទ WordPress ដែរ​ឬ​ទេ?
2. តើអ្នកកំពុងប្រើប្រធានបទកុមារ (កុមារ)?

នៅពេលដែលយើងកម្មវិធីខាងក្រោយ WordPressនៅពេលកែសម្រួលអត្ថបទមួយនៅកណ្តាល ដោយសារបញ្ហារចនាប័ទ្ម CSS ការបង្ហាញផ្ទៃខាងមុខ និងផ្ទៃខាងក្រោយខុសគ្នា...

ប៉ុន្តែបន្ទាប់ពី Wordpress 3.0 វាមានមុខងារល្អណាស់៖

• នោះគឺរចនាប័ទ្មផ្នែកខាងមុខនិងខាងក្រោយអាចត្រូវបានបង្រួបបង្រួមដូច្នេះនៅពេលដែល Wordpress កែសម្រួលអត្ថបទនៅក្នុងផ្ទៃខាងក្រោយវាក៏អាចមើលទៅដូចផ្នែកខាងមុខផងដែរ។
• ស្រដៀងគ្នានេះដែរ យើងលែងត្រូវការកែប្រែប្រកាសដែលបានកែសម្រួលនៅក្នុងផ្នែកខាងក្រោយរបស់ WordPress ហើយបង្ហាញវាខុសពីផ្នែកខាងមុខ។

ប្រសិនបើយើងបើកប្រធានបទលំនាំដើមរបស់ Wordpress Twenty Eleven យើងអាចឃើញថាមានមតិយោបល់ html និងកូដដូចនេះ ▼

//此主题使用editor-style.css为可视化编辑器设置样式，以匹配主题样式
add_editor_style();

• តើមតិនេះមានន័យយ៉ាងណា៖ កម្មវិធីកែរូបភាពត្រូវគ្នានឹងរចនាប័ទ្មកម្មវិធីនិពន្ធរចនាប័ទ្ម-style.css។
• មុខងារនេះក៏សាមញ្ញណាស់ក្នុងការអនុវត្តផងដែរ ព្រោះវាជាមុខងារលំនាំដើមរបស់ WordPress យើងគ្រាន់តែត្រូវការធ្វើឱ្យវាសកម្មប៉ុណ្ណោះ។

តើការបង្ហោះ WordPress បង្ហាញរចនាប័ទ្មអត្ថបទដូចគ្នានឹងផ្នែកខាងមុខយ៉ាងដូចម្តេច?

第1步:បង្កើតឯកសារ editor-style.css

第2步:បន្ថែមកូដខាងក្រោមទៅឯកសារ editor-style.css▼

@import url('../style.css');

body {
margin: 14px;
max-width: 702px;
}

.post-content {
font-size: 14px;
}

第3步:ចម្លងឯកសារ editor-style.css ទៅថត root នៃស្បែក WordPress របស់អ្នក។

ទី៤ 步:បន្ថែមកូដខាងក្រោមទៅឯកសារ functions.php▼

//此主题使用editor-style.css为可视化编辑器设置样式，以匹配主题样式 
add_action( 'after_setup_theme', 'my_theme_setup' );
function my_theme_setup() {
add_editor_style();

// 对于块编辑器
add_theme_support( 'editor-styles' );
}

第5步:ធ្វើឱ្យទំព័រកែសម្រួលប្រកាស WordPress ឡើងវិញ

• ពិនិត្យ និង​បញ្ជាក់​ថា​តើ​រចនាប័ទ្ម​អត្ថបទ​នៅ​ខាង​មុខ និង​ខាង​ក្រោយ​របស់ WordPress គឺ​ដូច​គ្នា​ដែរ​ឬ​ទេ?

ការប្រុងប្រយ័ត្ន។

ប្រសិនបើរូបរាង WordPress របស់អ្នកមិនបន្ថែមរចនាប័ទ្ម CSS ទៅ "ដកស្រង់ស្លាកប្លុកសម្រង់" និង "ស្លាកកូដមុន/កូដ" អ្នកត្រូវបន្ថែមកូដ CSS ដែលត្រូវគ្នាទៅឯកសារ style.css នៃប្រធានបទ WordPress ។

សម្រាប់ព័ត៌មានលម្អិត សូមពិនិត្យមើលការបង្រៀនបង្កើតគេហទំព័រខាងក្រោម ▼

តើត្រូវប្រើ blockquote យ៉ាងដូចម្តេច? ឥទ្ធិពលបង្ហាញការបង្ហាញស្លាកប្លុកសម្រង់ HTML

នៅក្នុងការកែសម្រួលអត្ថបទ WordPress មានប៊ូតុង "Blockquote" ធម្មតា ▼ នៅពេលប្រើ វានឹងបន្ថែម aសម្គាល់​ដើម្បី​ហៅ​សេចក្តី​ថ្លែង​ការណ៍​ដែល​បាន​ដក​ស្រង់​ចេញ​ខ្លះ ឬ​ការ​បន្លិច។ តើ blockquote មានន័យដូចម្តេច?ខាង​ក្រោម​គឺ Chen Wei...

តើអ្វីជា pre នៅក្នុងរចនាប័ទ្ម CSS? តួនាទីនៃការរុំស្លាកកូដជាមុននៅក្នុង HTML

យើងត្រូវរៀនចំណេះដឹងជាមូលដ្ឋានមួយចំនួននៃ CSS និង HTML ដើម្បីសាងសង់គេហទំព័រជាមួយ WordPress៖ ដោយសារឯកសាររចនាប័ទ្ម CSS នៃស្បែក WordPress មួយចំនួន រចនាប័ទ្មស្លាកមុន និងកូដមិនត្រូវបានបន្ថែមទេ។បច្ចុប្បន្នកម្មវិធីរុករកភាគច្រើនគាំទ្រសម្គាល់។ ហ...