Dilumpuhkan: Tema tidak menambah fail lembaran gaya bernama editor-style.css?

mempunyai sesuatu untuk dilakukanPromosi Webkawan, baru-baru ini mula belajar menggunakanlaman web WordPress.

Dayakan pemalam editor TinyMCE, dalam tetapan pemalam editor TinyMCE, menghadapi masalah sedemikian▼

Cipta menu gaya CSS

• Muatkan gaya CSS yang digunakan dalam editor-style.css dan gantikan menu Format.
• Dilumpuhkan: Fail lembaran gaya untuk editor-style.css.
• Dilumpuhkan: Fail lembaran gaya bernama editor-style.css tidak ditambahkan oleh tema anda.

Jika situasi di atas berlaku, editor visual WordPress mungkin tidak dapat memaparkan gaya kod yang kita mahu, seperti:

• petikan blok, pra, kod...

Selesaikan masalah

1. Maafkan sayaeditor-style.cssfail, adakah ia berada dalam direktori akar tema WordPress?
2. Adakah anda menggunakan tema kanak-kanak (kanak-kanak)?

apabila kitaBahagian belakang WordPressApabila mengedit artikel di tengah, disebabkan masalah gaya CSS, paparan latar depan dan latar belakang adalah berbeza...

Tetapi selepas Wordpress 3.0, ia mempunyai ciri yang sangat baik:

• Iaitu, gaya depan dan belakang boleh disatukan, jadi apabila Wordpress mengedit artikel di latar belakang, ia juga boleh kelihatan sama dengan bahagian hadapan.
• Begitu juga, kita tidak perlu lagi mengubah suai siaran yang disunting dalam bahagian belakang WordPress kerana ia dipaparkan secara berbeza daripada bahagian hadapan.

Jika kita membuka tema lalai Wordpress, Twenty Eleven, kita dapat melihat bahawa terdapat komen dan kod html seperti ini ▼

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

• Maksud ulasan ini: Editor visual sepadan dengan gaya editor-style.css tema.
• Fungsi ini juga sangat mudah untuk dilaksanakan, kerana ia adalah fungsi lalai WordPress, kita hanya perlu mengaktifkannya.

Bagaimanakah siaran WordPress memaparkan gaya teks yang sama seperti bahagian hadapan?

Langkah 1:Cipta fail editor-style.css

Langkah 2:Tambahkan kod berikut pada fail editor-style.css▼

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

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

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

Langkah 3:Salin fail editor-style.css ke direktori akar tema WordPress anda.

Bab 4 Langkah:Tambahkan kod berikut pada fail 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' );
}

Langkah 5:Muat semula halaman edit catatan WordPress

• Semak dan sahkan sama ada gaya teks di hadapan dan belakang WordPress adalah sama?

注意 事项

Jika tema WordPress anda tidak menambah gaya CSS pada "quote tag blockquote" dan "pra/kod tag kod", anda perlu menambah kod CSS yang sepadan pada fail style.css tema WordPress.

Untuk butiran, sila semak tutorial membina laman web berikut ▼

Bagaimana untuk menggunakan blockquote? Kesan demo tag petikan blok HTML

Dalam penyuntingan artikel WordPress, terdapat butang "Blockquote" biasa ▼ Apabila digunakan, ia akan menambahTandai untuk menggunakan beberapa pernyataan atau sorotan yang dipetik. Apakah maksud blockquote?Berikut ialah Chen Wei...

Apakah pra dalam gaya CSS? Peranan teg kod pra pembungkusan dalam HTML

Kita perlu mempelajari beberapa pengetahuan asas tentang CSS dan HTML untuk membina tapak web dengan WordPress: disebabkan oleh fail gaya CSS beberapa tema WordPress, gaya teg pra dan kod tidak ditambahkan.Kebanyakan penyemak imbas kini menyokongtanda. h...