പ്രവർത്തനരഹിതമാക്കി: എഡിറ്റർ-സ്റ്റൈൽ.സിഎസ്എസ് എന്ന പേരിൽ ഒരു സ്റ്റൈൽഷീറ്റ് ഫയൽ തീം ചേർക്കുന്നില്ലേ?

എന്തെങ്കിലും ചെയ്യാനുണ്ട്വെബ് പ്രമോഷൻസുഹൃത്തേ, അടുത്തിടെ ഉപയോഗിക്കാൻ പഠിക്കാൻ തുടങ്ങിവേർഡ്പ്രസ്സ് വെബ്സൈറ്റ്.

TinyMCE എഡിറ്റർ പ്ലഗ്-ഇൻ പ്രവർത്തനക്ഷമമാക്കുക, TinyMCE എഡിറ്റർ പ്ലഗ്-ഇന്നിന്റെ ക്രമീകരണങ്ങളിൽ, അത്തരമൊരു പ്രശ്നം നേരിട്ടു▼

CSS ശൈലി മെനു സൃഷ്ടിക്കുക

• editor-style.css-ൽ ഉപയോഗിക്കുന്ന CSS ശൈലികൾ ലോഡുചെയ്‌ത് ഫോർമാറ്റ് മെനു മാറ്റിസ്ഥാപിക്കുക.
• അപ്രാപ്‌തമാക്കി: editor-style.css-നുള്ള സ്റ്റൈൽഷീറ്റ് ഫയൽ.
• അപ്രാപ്‌തമാക്കി: editor-style.css എന്ന് പേരുള്ള ഒരു സ്റ്റൈൽഷീറ്റ് ഫയൽ നിങ്ങളുടെ തീം ചേർത്തിട്ടില്ല.

മുകളിലുള്ള സാഹചര്യം സംഭവിക്കുകയാണെങ്കിൽ, നമുക്ക് ആവശ്യമുള്ള കോഡ് ശൈലി പ്രദർശിപ്പിക്കാൻ വേർഡ്പ്രസ്സ് വിഷ്വൽ എഡിറ്ററിന് കഴിഞ്ഞേക്കില്ല:

• ബ്ലോക്ക്ക്വോട്ട്, പ്രീ, കോഡ്...

ട്രബിൾഷൂട്ട്

1. എക്സ്ക്യൂസ് മീeditor-style.cssഫയൽ, ഇത് വേർഡ്പ്രസ്സ് തീമിന്റെ റൂട്ട് ഡയറക്ടറിയിലാണോ?
2. നിങ്ങൾ ചൈൽഡ് തീമുകൾ (കുട്ടി) ഉപയോഗിക്കുന്നുണ്ടോ?

ഞങ്ങൾ ആയിരിക്കുമ്പോൾവേർഡ്പ്രസ്സ് ബാക്കെൻഡ്ഒരു ലേഖനം മധ്യഭാഗത്ത് എഡിറ്റ് ചെയ്യുമ്പോൾ, CSS ശൈലിയിലെ പ്രശ്നം കാരണം, മുൻഭാഗവും പശ്ചാത്തല ഡിസ്പ്ലേയും വ്യത്യസ്തമാണ്...

എന്നാൽ Wordpress 3.0 ന് ശേഷം, ഇതിന് വളരെ നല്ല സവിശേഷതകൾ ഉണ്ട്:

• അതായത്, മുന്നിലും പിന്നിലും ശൈലികൾ ഏകീകരിക്കാൻ കഴിയും, അതിനാൽ വേർഡ്പ്രസ്സ് പശ്ചാത്തലത്തിൽ ലേഖനങ്ങൾ എഡിറ്റുചെയ്യുമ്പോൾ, അത് മുൻഭാഗത്തെപ്പോലെ തന്നെ കാണപ്പെടും.
• അതുപോലെ, വേർഡ്പ്രസ്സ് ബാക്കെൻഡിൽ എഡിറ്റ് ചെയ്‌ത പോസ്റ്റ് നമുക്ക് ഇനി പരിഷ്‌ക്കരിക്കേണ്ടതില്ല, കാരണം അത് ഫ്രണ്ടെൻഡിൽ നിന്ന് വ്യത്യസ്തമായി പ്രദർശിപ്പിച്ചിരിക്കുന്നു.

വേർഡ്പ്രസ്സിന്റെ ഡിഫോൾട്ട് തീം ട്വന്റി ഇലവൻ തുറന്നാൽ, ഇതുപോലെ ഒരു 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 എണ്ണം:നിങ്ങളുടെ 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' );
}

ഏകദേശം 5 എണ്ണം:വേർഡ്പ്രസ്സ് പോസ്റ്റ് എഡിറ്റ് പേജ് പുതുക്കുക

• WordPress-ന്റെ മുന്നിലും പിന്നിലും ഉള്ള ടെക്സ്റ്റ് ശൈലികൾ ഒന്നുതന്നെയാണോ എന്ന് പരിശോധിച്ച് സ്ഥിരീകരിക്കണോ?

മുൻകരുതലുകൾ

നിങ്ങളുടെ വേർഡ്പ്രസ്സ് തീം "ക്വോട്ട് ടാഗ് ബ്ലോക്ക്ക്വോട്ട്", "കോഡ് ടാഗ് പ്രീ/കോഡ്" എന്നിവയിലേക്ക് CSS ശൈലികൾ ചേർക്കുന്നില്ലെങ്കിൽ, നിങ്ങൾ WordPress തീമിന്റെ style.css ഫയലിലേക്ക് അനുബന്ധ CSS കോഡ് ചേർക്കേണ്ടതുണ്ട്.

വിശദാംശങ്ങൾക്ക്, ദയവായി ഇനിപ്പറയുന്ന വെബ്സൈറ്റ് ബിൽഡിംഗ് ട്യൂട്ടോറിയൽ പരിശോധിക്കുക ▼

ബ്ലോക്ക്‌ക്വോട്ട് എങ്ങനെ ഉപയോഗിക്കാം? HTML ബ്ലോക്ക്‌ക്വോട്ട് ടാഗ് ഡെമോ പ്രഭാവം

വേർഡ്പ്രസ്സ് ലേഖന എഡിറ്റിംഗിൽ, ഒരു സാധാരണ "ബ്ലോക്ക്ക്വോട്ട്" ബട്ടൺ ഉണ്ട് ▼ ഉപയോഗിക്കുമ്പോൾ, അത് ഒരു ചേർക്കുംചില ഉദ്ധരിച്ച പ്രസ്താവനയോ ഹൈലൈറ്റോ അഭ്യർത്ഥിക്കാൻ അടയാളപ്പെടുത്തുക. ബ്ലോക്ക്‌ക്വോട്ട് എന്താണ് അർത്ഥമാക്കുന്നത്?താഴെ ചെൻ വെയ്...

CSS ശൈലിയിൽ എന്താണ് പ്രീ? HTML-ൽ പ്രീ-റാപ്പിംഗ് കോഡ് ടാഗുകളുടെ പങ്ക്

WordPress ഉപയോഗിച്ച് ഒരു വെബ്‌സൈറ്റ് നിർമ്മിക്കുന്നതിന് CSS, HTML എന്നിവയെ കുറിച്ചുള്ള ചില അടിസ്ഥാന അറിവുകൾ നമുക്ക് പഠിക്കേണ്ടതുണ്ട്: ചില WordPress തീമുകളുടെ CSS ശൈലിയിലുള്ള ഫയലുകൾ കാരണം, പ്രീ, കോഡ് ടാഗ് ശൈലികൾ ചേർക്കപ്പെടുന്നില്ല.മിക്ക ബ്രൗസറുകളും നിലവിൽ പിന്തുണയ്ക്കുന്നുഅടയാളം. മ...