असक्षम गरिएको: विषयवस्तुले editor-style.css नामको स्टाइलशिट फाइल थप्दैन?

केहि गर्नु छवेब पदोन्नतिसाथी, भर्खरै प्रयोग गर्न सिक्न थालेWordPress वेबसाइट।

TinyMCE सम्पादक प्लग-इन सक्षम गर्नुहोस्, TinyMCE सम्पादक प्लग-इनको सेटिङहरूमा, यस्तो समस्याको सामना गर्नुहोस्▼

CSS शैली मेनु सिर्जना गर्नुहोस्

• editor-style.css मा प्रयोग गरिएका CSS शैलीहरू लोड गर्नुहोस् र ढाँचा मेनु बदल्नुहोस्।
• अक्षम: editor-style.css को लागि स्टाइलशिट फाइल।
• अक्षम: editor-style.css नामको स्टाइलशिट फाइल तपाईंको विषयवस्तुद्वारा थपिएको छैन।

यदि माथिको अवस्था उत्पन्न हुन्छ भने, WordPress भिजुअल सम्पादकले हामीले चाहेको कोड शैली प्रदर्शन गर्न सक्षम नहुन सक्छ, जस्तै:

• blockquote, pre, code...

समस्या निवारण

1. मलाईं माफ गर्नुहोस्editor-style.cssफाइल, के यो WordPress विषयवस्तुको मूल डाइरेक्टरीमा छ?
2. के तपाइँ बाल विषयवस्तुहरू (बच्चा) प्रयोग गर्दै हुनुहुन्छ?

जब हामी छौंWordPress ब्याकइन्डबीचमा लेख सम्पादन गर्दा, CSS शैली समस्याको कारण, अग्रभूमि र पृष्ठभूमि प्रदर्शन फरक छ...

तर Wordpress 3.0 पछि, यसमा धेरै राम्रा सुविधाहरू छन्:

• त्यो हो, अगाडि र पछाडि शैलीहरू एकीकृत गर्न सकिन्छ, त्यसैले जब Wordpress ले पृष्ठभूमिमा लेखहरू सम्पादन गर्दछ, यो अगाडि जस्तै देखिन सक्छ।
• त्यसै गरी, हामीले अब वर्डप्रेस ब्याकइन्डमा सम्पादन गरिएको पोस्टलाई परिमार्जन गर्न आवश्यक छैन किनभने यो फ्रन्टएन्ड भन्दा फरक रूपमा प्रदर्शित हुन्छ।

यदि हामीले Wordpress को पूर्वनिर्धारित विषयवस्तु Twenty Eleven खोल्यौं भने, हामीले देख्न सक्छौं कि त्यहाँ html कमेन्ट र कोड यस्तो छ ▼

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

• यस टिप्पणीको अर्थ के हो: भिजुअल सम्पादक विषयवस्तु सम्पादक-style.css शैलीसँग मेल खान्छ।
• यो प्रकार्य कार्यान्वयन गर्न धेरै सरल छ, किनकि यो WordPress को पूर्वनिर्धारित प्रकार्य हो, हामीले यसलाई सक्रिय गर्न आवश्यक छ।

WordPress पोष्टहरूले कसरी फ्रन्टएन्डको रूपमा उही पाठ शैली प्रदर्शन गर्दछ?

चरण २:editor-style.css फाइल सिर्जना गर्नुहोस्

चरण २:निम्न कोडलाई editor-style.css फाइलमा थप्नुहोस्▼

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

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

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

चरण २:तपाईंको WordPress विषयवस्तुको मूल डाइरेक्टरीमा editor-style.css फाइल प्रतिलिपि गर्नुहोस्।

अध्याय 4 步: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' );
}

चरण २:WordPress पोस्ट सम्पादन पृष्ठ ताजा गर्नुहोस्

• जाँच गर्नुहोस् र पुष्टि गर्नुहोस् कि WordPress को अगाडि र पछाडि पाठ शैलीहरू समान छन्?

सावधानी

यदि तपाइँको WordPress विषयवस्तुले "उद्धरण ट्याग ब्लककोट" र "कोड ट्याग प्रि/कोड" मा CSS शैलीहरू थप्दैन भने, तपाइँले WordPress विषयवस्तुको style.css फाइलमा सम्बन्धित CSS कोड थप्न आवश्यक छ।

विवरणहरूको लागि, कृपया निम्न वेबसाइट निर्माण ट्यूटोरियल ▼ हेर्नुहोस्

blockquote कसरी प्रयोग गर्ने? HTML blockquote ट्याग डेमो प्रभाव

WordPress लेख सम्पादनमा, त्यहाँ एक सामान्य "ब्लककोट" बटन छ ▼ प्रयोग गर्दा, यसले थप्नेछ।केही उद्धृत कथन वा हाइलाइट गर्नका लागि चिन्ह लगाउनुहोस्। blockquote भनेको के हो?निम्न चेन वेई हो ...

CSS शैलीमा पूर्व के हो? HTML मा पूर्व र्‍यापिङ कोड ट्यागको भूमिका

हामीले WordPress को साथ वेबसाइट बनाउनको लागि CSS र HTML को केही आधारभूत ज्ञान सिक्न आवश्यक छ: केही WordPress विषयवस्तुहरूको CSS शैली फाइलहरूको कारण, पूर्व र कोड ट्याग शैलीहरू थपिएका छैनन्।अधिकांश ब्राउजरहरूले हाल समर्थन गर्छन्चिन्ह। घ...