Pois käytöstä: Teema ei lisää tyylitaulukkotiedostoa nimeltä editor-style.css?

on jotain tekemistäWeb Promotionystävä, aloitti äskettäin käytön oppimisenWordPress-sivusto.

Ota TinyMCE-editorilaajennus käyttöön TinyMCE-editorilaajennuksen asetuksista, havaitsit tällaisen ongelman▼

Luo CSS-tyylivalikko

• Lataa tiedostossa editor-style.css käytetyt CSS-tyylit ja korvaa Muoto-valikko.
• Liikuntarajoitteinen: Tyylitaulukkotiedosto tiedostolle editor-style.css.
• Liikuntarajoitteinen: Teemasi ei lisännyt tyylitaulukkotiedostoa nimeltä editor-style.css.

Jos yllä oleva tilanne ilmenee, WordPressin visuaalinen editori ei ehkä pysty näyttämään haluamaamme koodityyliä, kuten:

• blockquote, pre, code...

Vianetsintä

1. Anteeksieditor-style.csstiedosto, onko se WordPress-teeman juurihakemistossa?
2. Käytätkö lapsiteemoja (lapsi)?

kun me olemmeWordPress-taustaohjelmaArtikkelia muokatessa etualan ja taustan näyttö eroavat toisistaan ​​CSS-tyyliongelmien vuoksi...

Mutta Wordpress 3.0:n jälkeen siinä on erittäin hyviä ominaisuuksia:

• Eli etu- ja takatyylit voidaan yhdistää, joten kun Wordpress muokkaa artikkeleita taustalla, se voi myös näyttää samalta kuin etuosa.
• Vastaavasti meidän ei enää tarvitse muokata WordPress-taustajärjestelmässä muokattua viestiä ja näyttää sitä eri tavalla kuin käyttöliittymä.

Jos avaamme Wordpressin oletusteeman Twenty Eleven, voimme nähdä, että siellä on tällainen html-kommentti ja -koodi ▼

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

• Mitä tämä kommentti tarkoittaa: Visuaalinen editori vastaa teeman editor-style.css-tyyliä.
• Tämä toiminto on myös erittäin yksinkertainen toteuttaa, koska se on WordPressin oletustoiminto, meidän on vain aktivoitava se.

Kuinka WordPress-viestit näyttävät saman tekstityylin kuin käyttöliittymä?

Vaihe 1:Luo editor-style.css-tiedosto

Vaihe 2:Lisää seuraava koodi editor-style.css-tiedostoon▼

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

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

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

Vaihe 3:Kopioi editor-style.css-tiedosto WordPress-teeman juurihakemistoon.

noin 4 vaihe:Lisää seuraava koodi functions.php-tiedostoon▼

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

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

Vaihe 5:Päivitä WordPress-viestin muokkaussivu

• Tarkista ja vahvista, ovatko WordPressin etu- ja takaosan tekstityylit samat?

注意 事项

Jos WordPress-teemasi ei lisää CSS-tyylejä "quote tag blockquote"- ja "code tag pre/code" -kenttään, sinun on lisättävä vastaava CSS-koodi WordPress-teeman style.css-tiedostoon.

Katso lisätietoja seuraavasta verkkosivuston rakentamisoppaasta ▼

Kuinka käyttää blockquotea? HTML blockquote tag demo vaikutus

WordPress-artikkelien muokkauksessa on yleinen "Blockquote"-painike ▼ Käytettäessä se lisää aMerkitse vetoaaksesi johonkin lainaukseen tai korostukseen. Mitä blockquote tarkoittaa?Seuraava on Chen Wei...

Mitä on pre CSS-tyylissä? Esikäärettävien kooditunnisteiden rooli HTML:ssä

Meidän on opittava perustiedot CSS:stä ja HTML:stä rakentaaksemme verkkosivuston WordPressillä: joidenkin WordPress-teemojen CSS-tyylitiedostojen vuoksi pre- ja code tag -tyylejä ei lisätä.Useimmat selaimet tukevat tällä hetkellämerkki. h...