Letiltva: A téma nem ad hozzá egy editor-style.css nevű stíluslapfájlt?

van valami dolgaWebes promócióbarátom, nemrég kezdte el megtanulni használniWordPress weboldal.

A TinyMCE szerkesztő beépülő modul engedélyezése a TinyMCE szerkesztő beépülő modul beállításaiban ilyen problémába ütközött▼

CSS stílus menü létrehozása

• Töltse be az editor-style.css fájlban használt CSS-stílusokat, és cserélje ki a Formátum menüt.
• Tiltva: Az editor-style.css stíluslapfájlja.
• Tiltva: A témája nem adott hozzá egy editor-style.css nevű stíluslapfájlt.

Ha a fenti helyzet előfordul, előfordulhat, hogy a WordPress vizuális szerkesztő nem tudja megjeleníteni a kívánt kódstílust, például:

• idézőjel, elő, kód...

Hibaelhárítás

1. Elnézésteditor-style.cssfájl, a WordPress téma gyökérkönyvtárában van?
2. Gyermektémákat használ (gyermek)?

amikor mi vagyunkWordPress háttérrendszerEgy cikk középen szerkesztésekor a CSS stílusprobléma miatt az előtér és a háttér megjelenítése eltérő...

De a Wordpress 3.0 után nagyon jó tulajdonságokkal rendelkezik:

• Vagyis az elülső és a hátsó stílus egységesíthető, így amikor a Wordpress a háttérben szerkeszti a cikkeket, az is ugyanúgy nézhet ki, mint az előlap.
• Hasonlóképpen, többé nem kell módosítanunk a WordPress háttérrendszerében szerkesztett bejegyzést, mert az másként jelenik meg, mint a frontend.

Ha megnyitjuk a Wordpress alapértelmezett Twenty Eleven témáját, láthatjuk, hogy van egy ehhez hasonló html megjegyzés és kód ▼

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

• A megjegyzés jelentése: A vizuális szerkesztő megfelel a témaszerkesztő-style.css stílusnak.
• Ezt a funkciót is nagyon egyszerű megvalósítani, mert ez a WordPress alapértelmezett funkciója, csak aktiválnunk kell.

Hogyan jelenítik meg a WordPress-bejegyzések ugyanazt a szövegstílust, mint a frontend?

1. lépés:Hozzon létre editor-style.css fájlt

2. lépés:Adja hozzá a következő kódot az editor-style.css fájlhoz▼

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

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

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

3. lépés:Másolja az editor-style.css fájlt a WordPress téma gyökérkönyvtárába.

4. körül lépés:Adja hozzá a következő kódot a functions.php fájlhoz▼

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

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

5. lépés:Frissítse a WordPress bejegyzésszerkesztő oldalát

• Ellenőrizze és ellenőrizze, hogy a WordPress elején és hátulján lévő szövegstílusok megegyeznek-e?

注意 事项

Ha a WordPress témája nem ad hozzá CSS-stílusokat az „idézetcímke blokkquote” és „kódcímke pre/code” mezőihez, akkor hozzá kell adnia a megfelelő CSS-kódot a WordPress téma style.css fájljához.

A részletekért tekintse meg a következő webhely-építési oktatóanyagot ▼

Hogyan kell használni a blockquote-ot? HTML blockquote címke demó effektus

A WordPress cikkszerkesztésben van egy közös "Blockquote" gomb. ▼ Használatakor hozzáadja aJelölje meg valamelyik idézett állítást vagy kiemelést. Mit jelent a blockquote?A következő Chen Wei...

Mi a pre a CSS stílusban? Az előcsomagoló kódcímkék szerepe a HTML-ben

Meg kell tanulnunk néhány alapvető CSS- és HTML-ismeretet ahhoz, hogy WordPress-szel weboldalt készíthessünk: egyes WordPress-témák CSS-stílusfájljai miatt az elő- és kódcímkék stílusa nem kerül hozzáadásra.Jelenleg a legtöbb böngésző támogatjaMark. h...