Desgaituta: gaiak ez du editor-style.css izeneko estilo-orriaren fitxategirik gehitzen?

zerbait egitekoWeb Sustapenalagun, duela gutxi hasi zen erabiltzen ikastenWordPress webgunea.

Gaitu TinyMCE editorearen plugina, TinyMCE editorearen pluginaren ezarpenetan, arazo bat aurkitu duzu▼

Sortu CSS estiloko menua

• Kargatu editor-style.css-en erabilitako CSS estiloak eta ordeztu Formatu menua.
• Desgaituta: Editor-style.css-ren estilo-orriaren fitxategia.
• Desgaituta: Editor-style.css izeneko estilo-orriaren fitxategirik ez du gehitu zure gaiak.

Goiko egoera gertatzen bada, baliteke WordPress-en ikus-entzunezko editoreak ezin izatea nahi dugun kode-estiloa bistaratu, hala nola:

• blockquote, aurre, kodea...

Arazoak konpondu

1. Barkatueditor-style.cssfitxategia, WordPress gaiaren erro-direktorioan al dago?
2. Umeen gaiak (umea) erabiltzen al dituzu?

gaudeneanWordPress backend-aArtikulu bat erdian editatzean, CSS estiloaren arazoa dela eta, lehen planoa eta atzeko planoa bistaratzea desberdinak dira...

Baina Wordpress 3.0ren ondoren, ezaugarri oso onak ditu:

• Hau da, aurrealdeko eta atzeko estiloak bateratu daitezke, beraz, Wordpress-ek artikuluak atzeko planoan editatzen dituenean, aurrealdearen itxura bera izan dezake.
• Era berean, jada ez dugu WordPress backend-en editatutako mezua aldatu behar, frontend-etik ezberdin bistaratzen delako.

Wordpress-en lehenetsitako gaia irekitzen badugu, Twenty Eleven, ikusiko dugu html iruzkin bat eta honelako kode bat dagoela ▼

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

• Zer esan nahi du iruzkin honek: editore bisuala tema editor-style.css estiloarekin bat dator.
• Funtzio hau ezartzeko ere oso erraza da, WordPress-en funtzio lehenetsia delako, aktibatu besterik ez dugu egin behar.

Nola bistaratzen dute WordPress-eko mezuek frontend-aren testu-estilo bera?

步 1:Sortu editor-style.css fitxategia

步 2:Gehitu hurrengo kodea editor-style.css fitxategira▼

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

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

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

步 3:Kopiatu editor-style.css fitxategia zure WordPress gaiaren erroko direktoriora.

4an 步:Gehitu hurrengo kodea functions.php fitxategira▼

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

// 对于块编辑器
add_theme_support( 'editor-styles' );
}

步 5:Freskatu WordPress-eko argitalpenen edizio orria

• Egiaztatu eta baieztatu WordPress-en aurrealdeko eta atzealdeko testu-estiloak berdinak diren?

注意 事项

Zure WordPress gaiak ez baditu CSS estiloak gehitzen "quote tag blockquote" eta "code tag pre/code"-ri, dagokion CSS kodea gehitu behar duzu WordPress gaiaren style.css fitxategian.

Xehetasunetarako, mesedez begiratu webgunea eraikitzeko tutorial hau ▼

Nola erabili blockquote? HTML blockquote etiketa demo efektua

WordPress-eko artikuluen edizioan, "Blokeatu" botoi arrunt bat dago ▼ Erabilitakoan, a gehituko duMarkatu aipaturiko adierazpen edo nabarmenduren bat deitzeko. Zer esan nahi du blockquote?Honakoa da Chen Wei...

Zer da pre CSS estiloan? HTML-n kodearen etiketak aurrez biltzearen papera

CSS eta HTMLren oinarrizko ezagutza batzuk ikasi behar ditugu WordPress-ekin webgune bat eraikitzeko: WordPress-eko gai batzuen CSS estilo-fitxategiak direla eta, ez dira gehitzen pre eta code etiketa estiloak.Gaur egun arakatzaile gehienek onartzen dutemarkatu. h...