முடக்கப்பட்டது: தீம் editor-style.css என்ற ஸ்டைல்ஷீட் கோப்பைச் சேர்க்கவில்லையா?

ஏதாவது செய்ய வேண்டும்இணைய விளம்பரம்நண்பரே, சமீபத்தில் பயன்படுத்தக் கற்றுக் கொள்ளத் தொடங்கினார்வேர்ட்பிரஸ் இணையதளம்.

TinyMCE எடிட்டர் செருகுநிரலை இயக்கு, TinyMCE எடிட்டர் செருகுநிரலின் அமைப்புகளில், இதுபோன்ற சிக்கலை எதிர்கொண்டது▼

முடக்கப்பட்டது: தீம் editor-style.css என்ற ஸ்டைல்ஷீட் கோப்பைச் சேர்க்கவில்லையா?

CSS பாணி மெனுவை உருவாக்கவும்

  • editor-style.css இல் பயன்படுத்தப்படும் CSS பாணிகளை ஏற்றி, வடிவமைப்பு மெனுவை மாற்றவும்.
  • முடக்கப்பட்டது: editor-style.css க்கான ஸ்டைல்ஷீட் கோப்பு.
  • முடக்கப்பட்டது: editor-style.css என்ற ஸ்டைல்ஷீட் கோப்பு உங்கள் தீம் மூலம் சேர்க்கப்படவில்லை.

மேலே உள்ள சூழ்நிலை ஏற்பட்டால், WordPress விஷுவல் எடிட்டரால் நாம் விரும்பும் குறியீட்டு பாணியைக் காட்ட முடியாமல் போகலாம்:

  • தொகுதி மேற்கோள், முன், குறியீடு...

சரிசெய்தல்

  1. மன்னிக்கவும்editor-style.cssகோப்பு, இது வேர்ட்பிரஸ் தீம் ரூட் கோப்பகத்தில் உள்ளதா?
  2. நீங்கள் குழந்தை தீம்களை (குழந்தை) பயன்படுத்துகிறீர்களா?

நாம் இருக்கும் போதுவேர்ட்பிரஸ் பின்தளம்நடுவில் உள்ள கட்டுரையைத் திருத்தும் போது, ​​CSS நடை பிரச்சனையால், முன்புறம் மற்றும் பின்புலக் காட்சி வேறு...

ஆனால் வேர்ட்பிரஸ் 3.0 க்குப் பிறகு, இது மிகவும் நல்ல அம்சங்களைக் கொண்டுள்ளது:

  • அதாவது, முன் மற்றும் பின் பாணிகளை ஒருங்கிணைக்க முடியும், எனவே வேர்ட்பிரஸ் பின்னணியில் கட்டுரைகளைத் திருத்தும்போது, ​​​​அது முன்புறத்தைப் போலவே இருக்கும்.
  • இதேபோல், வேர்ட்பிரஸ் பின்தளத்தில் திருத்தப்பட்ட இடுகையை நாம் இனி மாற்ற வேண்டியதில்லை, ஏனெனில் அது முன்பக்கத்தில் இருந்து வித்தியாசமாக காட்டப்படுகிறது.

Wordpressன் default theme Twenty Eleven ஐ திறந்தால், இது போன்ற html கருத்தும் குறியீடும் இருப்பதைக் காணலாம் ▼

//此主题使用editor-style.css为可视化编辑器设置样式,以匹配主题样式
add_editor_style();
  • இந்த கருத்து என்ன அர்த்தம்: காட்சி எடிட்டர் தீம் எடிட்டர்-ஸ்டைல்.சிஎஸ்எஸ் பாணியுடன் பொருந்துகிறது.
  • இந்த செயல்பாடு செயல்படுத்த மிகவும் எளிதானது, ஏனெனில் இது வேர்ட்பிரஸ் இயல்புநிலை செயல்பாடு, நாம் அதை செயல்படுத்த வேண்டும்.

வேர்ட்பிரஸ் இடுகைகள் எப்படி அதே உரை நடையை முன்பக்கம் காட்டுகின்றன?

சுமார் 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 வது:வேர்ட்பிரஸ் இடுகை திருத்தப் பக்கத்தைப் புதுப்பிக்கவும்

  • வேர்ட்பிரஸ்ஸின் முன் மற்றும் பின்புறத்தில் உள்ள உரை நடைகள் ஒரே மாதிரியாக உள்ளதா என்பதைச் சரிபார்த்து உறுதிப்படுத்தவா?

முன்னெச்சரிக்கைகள்

உங்கள் வேர்ட்பிரஸ் தீம் "மேற்கோள் டேக் பிளாக்கோட்" மற்றும் "கோட் டேக் ப்ரீ/கோட்" ஆகியவற்றில் CSS ஸ்டைல்களைச் சேர்க்கவில்லை என்றால், WordPress தீமின் style.css கோப்பில் தொடர்புடைய CSS குறியீட்டைச் சேர்க்க வேண்டும்.

விவரங்களுக்கு, பின்வரும் இணையதள கட்டிடப் பயிற்சி ▼ ஐப் பார்க்கவும்

ஹோப் சென் வெலியாங் வலைப்பதிவு ( https://www.chenweiliang.com/ ) பகிரப்பட்டது "முடக்கப்பட்டது: தீம் editor-style.css என்ற ஸ்டைல் ​​ஷீட் கோப்பைச் சேர்க்கவில்லையா?", உதவிகரமாக இருந்தது.

இந்தக் கட்டுரையின் இணைப்பைப் பகிர வரவேற்கிறோம்:https://www.chenweiliang.com/cwl-966.html

சமீபத்திய புதுப்பிப்புகளைப் பெற, சென் வெலியாங்கின் வலைப்பதிவின் டெலிகிராம் சேனலுக்கு வரவேற்கிறோம்!

🔔 சேனல் டாப் டைரக்டரியில் மதிப்புமிக்க "ChatGPT Content Marketing AI கருவி பயன்பாட்டு வழிகாட்டியை" பெறுவதில் முதல் நபராக இருங்கள்! 🌟
📚 இந்த வழிகாட்டியில் பெரும் மதிப்பு உள்ளது, 🌟இது ஒரு அரிய வாய்ப்பு, தவறவிடாதீர்கள்! ⏰⌛💨
பிடித்திருந்தால் ஷேர் செய்து லைக் செய்யுங்கள்!
உங்களின் பகிர்வும் விருப்பங்களும் எங்களின் தொடர்ச்சியான ஊக்கம்!

 

发表 评论

உங்கள் மின்னஞ்சல் முகவரி வெளியிடப்படாது. தேவையான புலங்கள் பயன்படுத்தப்படுகின்றன * லேபிள்

மேலே உருட்டவும்