अक्षम: थीम संपादक-style.css? नामक स्टाइलशीट फ़ाइल नहीं जोड़ती है?

कुछ करना हैवेब प्रचारदोस्त, हाल ही में उपयोग करना सीखना शुरू कियावर्डप्रेस वेबसाइट.

TinyMCE संपादक प्लग-इन सक्षम करें, TinyMCE संपादक प्लग-इन की सेटिंग में, ऐसी समस्या का सामना करना पड़ा▼

CSS स्टाइल मेनू बनाएं

• Editor-style.css में प्रयुक्त CSS शैलियों को लोड करें और फ़ॉर्मेट मेनू को बदलें।
• अक्षम किया गया: Editor-style.css के लिए स्टाइलशीट फ़ाइल।
• अक्षम किया गया: आपकी थीम द्वारा Editor-style.css नाम की एक स्टाइलशीट फ़ाइल नहीं जोड़ी गई थी।

यदि उपरोक्त स्थिति होती है, तो हो सकता है कि वर्डप्रेस विज़ुअल एडिटर हमारी इच्छित कोड शैली प्रदर्शित करने में सक्षम न हो, जैसे:

• ब्लॉकक्वाट, प्री, कोड...

समस्याओं का निवारण

1. 请问editor-style.cssफ़ाइल, क्या यह वर्डप्रेस थीम की मूल निर्देशिका में है?
2. क्या आप चाइल्ड थीम (बच्चे) का उपयोग कर रहे हैं?

जब हम हैवर्डप्रेस बैकएंडबीच में किसी लेख को संपादित करते समय, सीएसएस शैली की समस्या के कारण, अग्रभूमि और पृष्ठभूमि प्रदर्शन अलग-अलग होते हैं...

लेकिन Wordpress 3.0 के बाद, इसमें बहुत अच्छी विशेषताएं हैं:

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

यदि हम Wordpress की डिफ़ॉल्ट थीम ट्वेंटी इलेवन को खोलते हैं, तो हम देख सकते हैं कि एक html टिप्पणी और कोड इस तरह है

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

• इस टिप्पणी का क्या अर्थ है: दृश्य संपादक थीम संपादक-style.css शैली से मेल खाता है।
• यह फ़ंक्शन लागू करने के लिए भी बहुत सरल है, क्योंकि यह वर्डप्रेस का डिफ़ॉल्ट फ़ंक्शन है, हमें बस इसे सक्रिय करने की आवश्यकता है।

वर्डप्रेस पोस्ट उसी टेक्स्ट स्टाइल को फ्रंटएंड के रूप में कैसे प्रदर्शित करते हैं?

३Editor-style.css फ़ाइल बनाएँ

३निम्नलिखित कोड को Editor-style.css फ़ाइल में जोड़ें▼

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

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

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

३Editor-style.css फ़ाइल को अपने WordPress विषय की मूल निर्देशिका में कॉपी करें।

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' );
}

३वर्डप्रेस पोस्ट एडिट पेज को रिफ्रेश करें

• जांचें और पुष्टि करें कि क्या वर्डप्रेस के आगे और पीछे की टेक्स्ट शैलियाँ समान हैं?

注意 事项

यदि आपकी वर्डप्रेस थीम "उद्धरण टैग ब्लॉककोट" और "कोड टैग प्री/कोड" में सीएसएस शैलियों को नहीं जोड़ती है, तो आपको संबंधित सीएसएस कोड को वर्डप्रेस थीम की style.css फ़ाइल में जोड़ना होगा।

विवरण के लिए, कृपया निम्नलिखित वेबसाइट निर्माण ट्यूटोरियल देखें

ब्लॉकक्वाट का उपयोग कैसे करें? HTML ब्लॉककोट टैग डेमो प्रभाव

वर्डप्रेस लेख संपादन में, एक सामान्य "ब्लॉककोट" बटन होता है ▼ जब इसका उपयोग किया जाता है, तो यह एक जोड़ देगाकुछ उद्धृत कथन या हाइलाइट करने के लिए मार्क करें। ब्लॉककोट का क्या अर्थ है?निम्नलिखित चेन वेई है ...

CSS स्टाइल में प्री क्या है? HTML में प्री रैपिंग कोड टैग की भूमिका

वर्डप्रेस के साथ वेबसाइट बनाने के लिए हमें सीएसएस और एचटीएमएल के कुछ बुनियादी ज्ञान सीखने की जरूरत है: कुछ वर्डप्रेस थीम की सीएसएस शैली फाइलों के कारण, पूर्व और कोड टैग शैलियों को नहीं जोड़ा जाता है।अधिकांश ब्राउज़र वर्तमान में समर्थन करते हैंनिशान। एच...