Dinonaktifkan: Tema tidak menambahkan file stylesheet bernama editor-style.css?

memiliki sesuatu untuk dilakukanPromosi Webteman, baru-baru ini mulai belajar menggunakanSitus web WordPress.

Aktifkan plug-in editor TinyMCE, dalam pengaturan plug-in editor TinyMCE, mengalami masalah seperti itu▼

Buat menu gaya CSS

• Muat gaya CSS yang digunakan di editor-style.css dan ganti menu Format.
• Dengan disabilitas: File stylesheet untuk editor-style.css.
• Dengan disabilitas: File stylesheet bernama editor-style.css tidak ditambahkan oleh tema Anda.

Jika situasi di atas terjadi, editor visual WordPress mungkin tidak dapat menampilkan gaya kode yang kita inginkan, seperti:

• blockquote, pra, kode...

Memecahkan masalah

1. Permisieditor-style.cssfile, apakah ada di direktori root tema WordPress?
2. Apakah Anda menggunakan tema anak (anak)?

kapan kitaBackend WordPressSaat mengedit artikel, tampilan latar depan dan latar belakang berbeda karena masalah gaya CSS...

Tetapi setelah Wordpress 3.0, ia memiliki fitur yang sangat bagus:

• Artinya, gaya depan dan belakang dapat disatukan, sehingga ketika Wordpress mengedit artikel di latar belakang, juga dapat terlihat sama dengan bagian depan.
• Demikian pula, kita tidak perlu lagi memodifikasi posting yang diedit di backend WordPress dan menampilkannya secara berbeda dari frontend.

Jika kita membuka tema default Wordpress Twenty Eleven, kita dapat melihat bahwa ada komentar dan kode html seperti ini

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

• Apa arti komentar ini: Editor visual cocok dengan gaya editor-style.css tema.
• Fungsi ini juga sangat mudah untuk diimplementasikan, karena merupakan fungsi default WordPress, kita hanya perlu mengaktifkannya.

Bagaimana posting WordPress menampilkan gaya teks yang sama dengan frontend?

1Buat file editor-style.css

2Tambahkan kode berikut ke file editor-style.css▼

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

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

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

3Salin file editor-style.css ke direktori root tema WordPress Anda.

4 步:Tambahkan kode berikut ke file 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' );
}

5Segarkan halaman edit posting WordPress

• Periksa dan konfirmasi apakah gaya teks di depan dan belakang WordPress sama?

注意 事项

Jika tema WordPress Anda tidak menambahkan gaya CSS ke "quote tag blockquote" dan "code tag pre/code", Anda perlu menambahkan kode CSS yang sesuai ke file style.css dari tema WordPress.

Untuk detailnya, silakan periksa tutorial pembuatan situs web berikut

Bagaimana cara menggunakan blockquote? Efek demo tag blockquote HTML

Dalam pengeditan artikel WordPress, ada tombol umum "Blockquote" ▼ Saat digunakan, tombol ini akan menambahkan aTandai untuk memohon beberapa pernyataan atau sorotan yang dikutip. Apa yang dimaksud dengan blockquote?Berikut ini adalah Chen Wei ...

Apa itu pra dalam gaya CSS? Peran tag kode pra pembungkus dalam HTML

Kita perlu mempelajari beberapa pengetahuan dasar tentang CSS dan HTML untuk membangun situs web dengan WordPress: karena file gaya CSS dari beberapa tema WordPress, gaya tag pra dan kode tidak ditambahkan.Sebagian besar browser saat ini mendukungtanda. h...