අබල කර ඇත: තේමාව editor-style.css නමින් මෝස්තර පත්‍ර ගොනුවක් එක් නොකරයිද?

කරන්න දෙයක් තියෙනවාවෙබ් ප්‍රවර්ධනයමිතුරා, මෑතකදී භාවිතා කිරීමට ඉගෙන ගැනීමට පටන් ගත්තේයවර්ඩ්ප්‍රෙස් වෙබ් අඩවිය.

TinyMCE සංස්කාරක ප්ලග්-ඉන් සබල කරන්න, TinyMCE සංස්කාරක ප්ලග්-ඉන් හි සැකසුම් තුළ, එවැනි ගැටලුවකට මුහුණ පෑමට සිදු විය▼

අබල කර ඇත: තේමාව editor-style.css නමින් මෝස්තර පත්‍ර ගොනුවක් එක් නොකරයිද?

CSS මෝස්තර මෙනුව සාදන්න

  • editor-style.css හි භාවිතා වන CSS මෝස්තර පූරණය කර ආකෘති මෙනුව ප්‍රතිස්ථාපනය කරන්න.
  • ආබාධිත: editor-style.css සඳහා මෝස්තර පත්‍ර ගොනුව.
  • ආබාධිත: editor-style.css නම් මෝස්තර පත්‍ර ගොනුවක් ඔබේ තේමාව මගින් එක් කර නැත.

ඉහත තත්ත්වය ඇති වුවහොත්, WordPress දෘශ්‍ය සංස්කාරකයට අපට අවශ්‍ය කේත විලාසය ප්‍රදර්ශනය කිරීමට නොහැකි වනු ඇත, එනම්:

  • blockquote, pre, code...

දෝශ නිරාකරණය

  1. මට සමාවෙන්නeditor-style.cssගොනුව, එය වර්ඩ්ප්‍රෙස් තේමාවේ මූල නාමාවලියෙහි තිබේද?
  2. ඔබ ළමා තේමා (ළමා) භාවිතා කරන්නේද?

අපි ඉන්නකොටWordPress පසුබිමමැද ලිපියක් සංස්කරණය කරන විට CSS style ප්‍රශ්නය නිසා පෙරබිම සහ පසුබිම් දර්ශනය වෙනස්...

නමුත් වර්ඩ්ප්‍රෙස් 3.0 ට පසු එය ඉතා හොඳ විශේෂාංග ඇත:

  • එනම්, ඉදිරිපස සහ පසුපස විලාසයන් ඒකාබද්ධ කළ හැකි බැවින්, Wordpress පසුබිමේ ලිපි සංස්කරණය කරන විට, එය ඉදිරිපස මෙන් ම දිස් විය හැකිය.
  • ඒ හා සමානව, අපට තවදුරටත් WordPress පසුබිමේ සංස්කරණය කරන ලද පෝස්ට් ඉදිරිපසට වඩා වෙනස් ලෙස දර්ශනය වන බැවින් එය වෙනස් කිරීමට අවශ්‍ය නොවේ.

Wordpress වල default theme Twenty Eleven එක open කලොත් අපිට බලාගන්න පුලුවන් html කමෙන්ට් එකකුයි code එකකුයි මේ වගේ ▼

//此主题使用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 හි ඉදිරිපස සහ පිටුපස ඇති අකුරු මෝස්තර සමානදැයි පරීක්ෂා කර තහවුරු කරන්න?

පූර්වාරක්ෂාව

ඔබගේ WordPress තේමාව "quote tag blockquote" සහ "code tag pre/code" වෙත CSS විලාස එක් නොකරන්නේ නම්, ඔබ විසින් අදාල CSS කේතය වර්ඩ්ප්‍රෙස් තේමාවේ style.css ගොනුවට එක් කළ යුතුය.

විස්තර සඳහා, කරුණාකර පහත වෙබ් අඩවිය ගොඩනැගීමේ නිබන්ධනය ▼ පරීක්ෂා කරන්න

Hope Chen Weiliang බ්ලොග් ( https://www.chenweiliang.com/ ) බෙදාගත් "ආබාධිතයි: තේමාව editor-style.css නමින් මෝස්තර පත්‍ර ගොනුවක් එක් නොකරයිද?", ප්‍රයෝජනවත්.

මෙම ලිපියේ සබැඳිය බෙදා ගැනීමට සාදරයෙන් පිළිගනිමු:https://www.chenweiliang.com/cwl-966.html

නවතම යාවත්කාලීන ලබා ගැනීමට Chen Weiliang ගේ බ්ලොගයේ Telegram නාලිකාව වෙත සාදරයෙන් පිළිගනිමු!

🔔 නාලිකා ඉහළ නාමාවලියෙහි වටිනා "ChatGPT අන්තර්ගත අලෙවිකරණ AI මෙවලම් භාවිත මාර්ගෝපදේශය" ලබා ගත් පළමු පුද්ගලයා වන්න! 🌟
📚 මෙම මාර්ගෝපදේශයෙහි විශාල වටිනාකමක් ඇත, 🌟මෙය දුර්ලභ අවස්ථාවක්, එය අතපසු නොකරන්න! ⏰⌛💨
ඔබ කැමති නම් Share කර Like කරන්න!
ඔබගේ බෙදාගැනීම් සහ කැමැත්ත අපගේ අඛණ්ඩ අභිප්‍රේරණයයි!

 

发表

ඔබගේ විද්‍යුත් තැපැල් ලිපිනය ප්‍රකාශයට පත් නොකෙරේ. අවශ්‍ය ක්ෂේත්‍ර භාවිතා වේ * ලේබලය

ඉහළට අනුචලනය කරන්න