Díchumasaithe: Ní chuireann an téama comhad stílbhileog darb ainm editor-style.css?

tá rud éigin le déanamhCur Chun Cinn Gréasáinchara, thosaigh le déanaí ag foghlaim conas a úsáidLáithreán gréasáin WordPress.

Cumasaigh breiseán eagarthóra TinyMCE, i socruithe breiseán eagarthóra TinyMCE, ar tharla fadhb dá leithéid▼

Cruthaigh roghchlár stíl CSS

• Luchtaigh na stíleanna CSS a úsáidtear in editor-style.css agus cuir an roghchlár Formáid ina ionad.
• Faoi mhíchumas: An comhad stílbhileog le haghaidh editor-style.css.
• Faoi mhíchumas: Níor chuir do théama comhad stílbhileog darb ainm editor-style.css leis.

Má tharlaíonn an cás thuas, seans nach mbeidh eagarthóir amhairc WordPress in ann an stíl chóid atá uainn a thaispeáint, mar shampla:

• blocquote, réamh, cód...

Fabhtcheartú

1. útamáileditor-style.csscomhad, an bhfuil sé i bhfréamheolaire an téama WordPress?
2. An bhfuil téamaí leanaí (leanbh) in úsáid agat?

nuair a bhíonn muidInneall WordPressAgus alt á chur in eagar, tá an tulra agus an taispeáint chúlra difriúil mar gheall ar fhadhbanna stíl CSS...

Ach tar éis Wordpress 3.0, tá gnéithe an-mhaith aige:

• Is é sin, is féidir na stíleanna tosaigh agus cúl a aontú, mar sin nuair a chuireann Wordpress in eagar ailt sa chúlra, is féidir leis breathnú mar an gcéanna leis an tosaigh freisin.
• Ar an gcaoi chéanna, ní gá dúinn an postáil a cuireadh in eagar ar inneall WordPress a mhodhnú a thuilleadh agus é a thaispeáint ar bhealach difriúil ón aghaidh.

Má osclaíonn muid téama réamhshocraithe Wordpress Fiche a hAon Déag, is féidir linn a fheiceáil go bhfuil trácht html agus cód mar seo ▼

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

• Cad a chiallaíonn an trácht seo: Meaitseálann an t-eagarthóir amhairc an téama eagarthóir-style.css stíl.
• Tá an fheidhm seo an-simplí le cur i bhfeidhm freisin, toisc gurb é feidhm réamhshocraithe WordPress é, ní mór dúinn ach é a ghníomhachtú.

Conas a thaispeánann postálacha WordPress an stíl téacs chéanna leis an aghaidh?

Céim 1:Cruthaigh comhad editor-style.css

Céim 2:Cuir an cód seo a leanas leis an gcomhad editor-style.css▼

@import url('../style.css');

body {
margin: 14px;
max-width: 702px;
}

.post-content {
font-size: 14px;
}

Céim 3:Cóipeáil an comhad editor-style.css chuig an eolaire fréimhe do théama WordPress.

uimhir 4 步:Cuir an cód seo a leanas leis an gcomhad 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' );
}

Céim 5:Athnuaigh an leathanach eagarthóireachta post WordPress

• Seiceáil agus deimhnigh an bhfuil na stíleanna téacs ar thaobh tosaigh agus ar chúl WordPress mar an gcéanna?

注意 事项

Mura gcuireann do théama WordPress stíleanna CSS leis an "blockquote tag athfhriotail" agus leis an "code tag pre/code", ní mór duit an cód CSS comhfhreagrach a chur le comhad style.css an téama WordPress.

Le haghaidh sonraí, seiceáil le do thoil an teagaisc tógála láithreán gréasáin seo a leanas ▼

🔗Conas blockquote a úsáid? Éifeacht taispeána an chlib blockquote in HTML

🔗Cad é pre i stíl CSS? Feidhm an chlib cód briseadh líne réamh uathoibríoch i HTML