Diaktifake: Tema ora nambah file stylesheet jenenge editor-style.css?

duwe soko kanggo nindakakePromosi Webkanca, bubar wiwit sinau kanggo nggunakakesitus web WordPress.

Aktifake plug-in editor TinyMCE, ing setelan plug-in editor TinyMCE, nemoni masalah kaya ngono▼

Nggawe menu gaya CSS

• Muat gaya CSS sing digunakake ing editor-style.css lan ganti menu Format.
• Dipatèni: File stylesheet kanggo editor-style.css.
• Dipatèni: File stylesheet jenenge editor-style.css ora ditambahake dening tema sampeyan.

Yen kahanan ing ndhuwur kedadeyan, editor visual WordPress bisa uga ora bisa nampilake gaya kode sing dikarepake, kayata:

• blockquote, pra, kode...

Ngatasi masalah

1. Nuwun sewueditor-style.cssfile, apa ana ing direktori root tema WordPress?
2. Apa sampeyan nggunakake tema bocah (bocah)?

nalika kitabackend WordPressNalika nyunting artikel, tampilan latar ngarep lan latar mburi beda amarga masalah gaya CSS...

Nanging sawise Wordpress 3.0, nduweni fitur sing apik banget:

• Tegese, gaya ngarep lan mburi bisa digabungake, mula nalika Wordpress nyunting artikel ing latar mburi, bisa uga katon padha karo ngarep.
• Kajaba iku, kita ora perlu maneh ngowahi kiriman sing wis diowahi ing backend WordPress amarga ditampilake beda karo frontend.

Yen kita mbukak tema standar Wordpress, Twenty Eleven, kita bisa ndeleng manawa ana komentar lan kode html kaya iki ▼

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

• Apa tegese komentar iki: Editor visual cocog karo gaya editor-style.css tema.
• Fungsi iki uga gampang banget kanggo dileksanakake, amarga iki minangka fungsi standar WordPress, kita mung kudu ngaktifake.

Kepiye kiriman WordPress nampilake gaya teks sing padha karo frontend?

Langkah 1:Nggawe file editor-style.css

Langkah 2:Tambah kode ing ngisor iki menyang editor-style.css file▼

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

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

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

Langkah 3:Salin file editor-style.css menyang direktori root tema WordPress sampeyan.

Bab 4 langkah:Tambah kode ing ngisor iki menyang 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' );
}

Langkah 5:Refresh kaca suntingan kiriman WordPress

• Priksa lan konfirmasi manawa gaya teks ing ngarep lan mburi WordPress padha?

Pancegahan

Yen tema WordPress sampeyan ora nambah gaya CSS menyang "quote tag blockquote" lan "code tag pre/code", sampeyan kudu nambah kode CSS sing cocog menyang file style.css saka tema WordPress.

Kanggo rincian, priksa tutorial nggawe situs web ing ngisor iki ▼

Kepiye cara nggunakake blockquote? Efek demo tag blockquote HTML

Ing panyuntingan artikel WordPress, ana tombol "Blockquote" sing umum ▼ Yen digunakake, bakal nambahTandhani kanggo njaluk sawetara statement utawa sorotan sing dipetik. Apa tegese blockquote?Ing ngisor iki Chen Wei ...

Apa pra ing gaya CSS? Peran tag kode pra-bungkus ing HTML

Kita kudu sinau sawetara kawruh dhasar babagan CSS lan HTML kanggo mbangun situs web nganggo WordPress: amarga file gaya CSS saka sawetara tema WordPress, gaya tag pra lan kode ora ditambahake.Umume browser saiki ndhukungtandha. h...