अक्षम: थीम editor-style.css नावाची स्टाईलशीट फाइल जोडत नाही?

काहीतरी करायचे आहेवेब प्रमोशनमित्रा, नुकतेच वापरायला शिकायला सुरुवात केलीवर्डप्रेस वेबसाइट.

TinyMCE संपादक प्लग-इन सक्षम करा, TinyMCE संपादक प्लग-इनच्या सेटिंग्जमध्ये, अशी समस्या आली▼

CSS शैली मेनू तयार करा

• editor-style.css मध्ये वापरलेल्या CSS शैली लोड करा आणि फॉरमॅट मेनू बदला.
• अक्षम केलेः editor-style.css साठी स्टाइलशीट फाइल.
• अक्षम केलेः editor-style.css नावाची स्टाइलशीट फाइल तुमच्या थीमद्वारे जोडली गेली नाही.

वरील परिस्थिती उद्भवल्यास, WordPress व्हिज्युअल संपादक आम्हाला हवी असलेली कोड शैली प्रदर्शित करू शकणार नाही, जसे की:

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

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

1. मला माफ कराeditor-style.cssफाइल, वर्डप्रेस थीमच्या रूट निर्देशिकेत?
2. तुम्ही चाइल्ड थीम (मुल) वापरत आहात का?

जेव्हा आपण असतोवर्डप्रेस बॅकएंडलेख संपादित करताना, CSS शैली समस्यांमुळे अग्रभाग आणि पार्श्वभूमीचे प्रदर्शन भिन्न असतात...

परंतु Wordpress 3.0 नंतर, त्यात खूप चांगली वैशिष्ट्ये आहेत:

• म्हणजेच, पुढील आणि मागील शैली एकत्रित केल्या जाऊ शकतात, म्हणून जेव्हा Wordpress पार्श्वभूमीतील लेख संपादित करते, तेव्हा ते समोरच्यासारखेच दिसू शकते.
• त्याचप्रमाणे, आम्हाला यापुढे वर्डप्रेस बॅकएंडमध्ये संपादित केलेल्या पोस्टमध्ये बदल करण्याची आणि फ्रंटएंडपेक्षा वेगळ्या पद्धतीने प्रदर्शित करण्याची आवश्यकता नाही.

जर आपण वर्डप्रेसची डीफॉल्ट थीम ट्वेंटी इलेव्हन उघडली, तर आपण पाहू शकतो की तेथे एक html टिप्पणी आणि कोड आहे ▼

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

• या टिप्पणीचा अर्थ काय आहे: व्हिज्युअल संपादक थीम संपादक-style.css शैलीशी जुळतो.
• हे फंक्शन अंमलात आणण्यासाठी खूप सोपे आहे, कारण हे वर्डप्रेसचे डीफॉल्ट फंक्शन आहे, आम्हाला ते सक्रिय करणे आवश्यक आहे.

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

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 फाइल कॉपी करा.

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

5 步:वर्डप्रेस पोस्ट संपादन पृष्ठ रीफ्रेश करा

• वर्डप्रेसच्या पुढील आणि मागील मजकूर शैली समान आहेत का ते तपासा आणि पुष्टी करा?

खबरदारी

तुमची WordPress थीम "कोट टॅग ब्लॉककोट" आणि "कोड टॅग प्री/कोड" मध्ये CSS शैली जोडत नसल्यास, तुम्हाला संबंधित CSS कोड WordPress थीमच्या style.css फाइलमध्ये जोडणे आवश्यक आहे.

तपशिलांसाठी, कृपया खालील वेबसाइट बिल्डिंग ट्यूटोरियल ▼ पहा

ब्लॉककोट कसे वापरावे? एचटीएमएल ब्लॉककोट टॅग डेमो प्रभाव

वर्डप्रेस लेख संपादनामध्ये, एक सामान्य "ब्लॉककोट" बटण आहे ▼ वापरल्यास, ते जोडेलकाही उद्धृत विधान किंवा हायलाइट करण्यासाठी चिन्हांकित करा. ब्लॉककोट म्हणजे काय?खालील चेन वेई आहे...

CSS शैलीमध्ये प्री म्हणजे काय? HTML मध्ये प्री रॅपिंग कोड टॅगची भूमिका

वर्डप्रेससह वेबसाइट तयार करण्यासाठी आम्हाला CSS आणि HTML चे काही मूलभूत ज्ञान शिकण्याची आवश्यकता आहे: काही WordPress थीमच्या CSS शैली फाइल्समुळे, प्री आणि कोड टॅग शैली जोडल्या जात नाहीत.बहुतेक ब्राउझर सध्या सपोर्ट करतातचिन्ह ह...