డిసేబుల్ చేయబడింది: ఎడిటర్-స్టైల్.సిఎస్‌ఎస్ అనే స్టైల్‌షీట్ ఫైల్‌ను థీమ్ జోడించలేదా?

ఏదో ఒకటి చేయాలివెబ్ ప్రమోషన్స్నేహితుడు, ఇటీవల ఉపయోగించడం నేర్చుకోవడం ప్రారంభించాడుWordPress వెబ్‌సైట్.

TinyMCE ఎడిటర్ ప్లగ్-ఇన్‌ని ప్రారంభించండి, TinyMCE ఎడిటర్ ప్లగ్-ఇన్ సెట్టింగ్‌లలో, అటువంటి సమస్య ఎదురైంది▼

CSS శైలి మెనుని సృష్టించండి

• editor-style.cssలో ఉపయోగించిన CSS స్టైల్‌లను లోడ్ చేయండి మరియు ఫార్మాట్ మెనుని భర్తీ చేయండి.
• డిసేబుల్: editor-style.css కోసం స్టైల్‌షీట్ ఫైల్.
• డిసేబుల్: editor-style.css అనే స్టైల్‌షీట్ ఫైల్ మీ థీమ్ ద్వారా జోడించబడలేదు.

పై పరిస్థితి ఏర్పడితే, WordPress విజువల్ ఎడిటర్ మనకు కావలసిన కోడ్ శైలిని ప్రదర్శించలేకపోవచ్చు, అవి:

• బ్లాక్‌కోట్, ప్రీ, కోడ్...

ట్రబుల్షూట్

1. క్షమించండిeditor-style.cssఫైల్, ఇది WordPress థీమ్ యొక్క రూట్ డైరెక్టరీలో ఉందా?
2. మీరు పిల్లల థీమ్‌లను (పిల్లలు) ఉపయోగిస్తున్నారా?

మనం ఉన్నప్పుడుWordPress బ్యాకెండ్మధ్యలో కథనాన్ని సవరించేటప్పుడు, CSS శైలి సమస్య కారణంగా, ముందుభాగం మరియు నేపథ్య ప్రదర్శన భిన్నంగా ఉంటాయి...

కానీ Wordpress 3.0 తర్వాత, ఇది చాలా మంచి లక్షణాలను కలిగి ఉంది:

• అంటే, ముందు మరియు వెనుక శైలులను ఏకీకృతం చేయవచ్చు, కాబట్టి WordPress నేపథ్యంలో కథనాలను సవరించినప్పుడు, అది కూడా ముందువైపు వలె కనిపిస్తుంది.
• అదేవిధంగా, మేము ఇకపై WordPress బ్యాకెండ్‌లో సవరించిన పోస్ట్‌ను సవరించాల్సిన అవసరం లేదు ఎందుకంటే ఇది ఫ్రంటెండ్ నుండి భిన్నంగా ప్రదర్శించబడుతుంది.

మనం Wordpress యొక్క డిఫాల్ట్ థీమ్ ట్వంటీ ఎలెవెన్‌ని తెరిస్తే, html వ్యాఖ్య మరియు కోడ్‌ని ఇలా ▼ ఉన్నట్లు చూడవచ్చు.

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

• ఈ వ్యాఖ్య అర్థం ఏమిటి: దృశ్య ఎడిటర్ థీమ్ ఎడిటర్-స్టైల్.సిఎస్ఎస్ శైలికి సరిపోలుతుంది.
• ఈ ఫంక్షన్ అమలు చేయడం కూడా చాలా సులభం, ఎందుకంటే ఇది WordPress యొక్క డిఫాల్ట్ ఫంక్షన్, మనం దీన్ని సక్రియం చేయాలి.

WordPress పోస్ట్‌లు ఫ్రంటెండ్ వలె అదే వచన శైలిని ఎలా ప్రదర్శిస్తాయి?

సుమారు 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 ఫైల్‌ని మీ 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' );
}

సుమారు 5 步:WordPress పోస్ట్ సవరణ పేజీని రిఫ్రెష్ చేయండి

• WordPress ముందు మరియు వెనుక టెక్స్ట్ స్టైల్స్ ఒకేలా ఉన్నాయో లేదో తనిఖీ చేసి, నిర్ధారించాలా?

జాగ్రత్తలు

మీ WordPress థీమ్ "కోట్ ట్యాగ్ బ్లాక్‌కోట్" మరియు "కోడ్ ట్యాగ్ ప్రీ/కోడ్"కి CSS శైలులను జోడించకపోతే, మీరు సంబంధిత CSS కోడ్‌ను WordPress థీమ్ యొక్క style.css ఫైల్‌కు జోడించాలి.

వివరాల కోసం, దయచేసి క్రింది వెబ్‌సైట్ బిల్డింగ్ ట్యుటోరియల్ ▼ని తనిఖీ చేయండి

బ్లాక్‌కోట్‌ను ఎలా ఉపయోగించాలి? HTML బ్లాక్‌కోట్ ట్యాగ్ డెమో ప్రభావం

WordPress ఆర్టికల్ ఎడిటింగ్‌లో, ఒక సాధారణ "బ్లాక్‌కోట్" బటన్ ఉంది ▼ ఉపయోగించినప్పుడు, అది జోడించబడుతుందికొన్ని కోట్ చేయబడిన స్టేట్‌మెంట్ లేదా హైలైట్‌ని సూచించడానికి మార్క్ చేయండి. బ్లాక్‌కోట్ అంటే ఏమిటి?కిందిది చెన్ వీ...

CSS శైలిలో ప్రీ అంటే ఏమిటి? HTMLలో ప్రీ ర్యాపింగ్ కోడ్ ట్యాగ్‌ల పాత్ర

WordPressతో వెబ్‌సైట్‌ను రూపొందించడానికి మేము CSS మరియు HTML గురించి కొంత ప్రాథమిక పరిజ్ఞానాన్ని నేర్చుకోవాలి: కొన్ని WordPress థీమ్‌ల CSS స్టైల్ ఫైల్‌ల కారణంగా, ప్రీ మరియు కోడ్ ట్యాగ్ స్టైల్స్ జోడించబడవు.చాలా బ్రౌజర్‌లు ప్రస్తుతం సపోర్ట్ చేస్తున్నాయిగుర్తు. h...