Dezactivată: tema nu adaugă un fișier de foaie de stil numit editor-style.css?

vreau sa fac cevaPromovare WebPrietenul meu, a început recent să învețe să foloseascăSite WordPress.

Activați pluginul editor TinyMCE și întâlniți această problemă în setările pluginului editor TinyMCE▼

Creați un meniu în stil CSS

• Încărcați stilurile CSS utilizate în editor-style.css și înlocuiți meniul „Format”.
• Dezactivat: Fișierul foaie de stil al editor-style.css.
• Dezactivat: Un fișier foaie de stil numit editor-style.css nu a fost adăugat de tema dvs.

Dacă apare situația de mai sus, este posibil ca editorul vizual WordPress să nu poată afișa stilul de cod pe care îl dorim, cum ar fi:

• blockquote, pre, code...

Depanare

1. Scuzati-maeditor-style.cssfișier, este în directorul rădăcină al temei WordPress?
2. Folosiți o temă pentru copii?

cand suntemBackend WordPressCând editați un articol, din cauza problemelor de stil CSS, afișajele front-end și back-end sunt diferite...

Dar versiunile după WordPress 3.0 au caracteristici foarte bune:

• Adică, stilurile față și spate pot fi unificate, așa că atunci când editați un articol în backend-ul WordPress, acesta poate arăta la fel ca și frontend-ul.
• În mod similar, nu mai trebuie să modificăm articolul editat în backend-ul WordPress deoarece este diferit de afișajul frontal.

Dacă deschidem tema implicită Twenty Eleven a WordPress, putem vedea că există un comentariu html și un cod ca acesta ▼

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

• Ce înseamnă această adnotare: editorul vizual se potrivește cu stilul tema editor-style.css.
• Această funcție este și foarte simplu de implementat, deoarece este funcția implicită a WordPress, trebuie doar să o activăm.

Cum afișează postările WordPress același stil de text ca și front-end?

第 1 步 ：Creați fișierul editor-style.css

第 2 步 ：Adăugați următorul cod în fișierul editor-style.css▼

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

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

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

第 3 步 ：Copiați fișierul editor-style.css în directorul rădăcină al temei dvs. WordPress.

Capitolul 4 步:Adăugați următorul cod în fișierul 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' );
}

第 5 步 ：Actualizează pagina de editare a postărilor WordPress

• Verificați și confirmați stilurile de text ale front-end și back-end WordPress, sunt consecvente?

注意 事项

Dacă tema dvs. WordPress nu adaugă stiluri CSS la „blockquote” și „code tag pre/code”, trebuie să adăugați codul CSS corespunzător în fișierul style.css al temei dvs. WordPress.

Pentru detalii, vă rugăm să vizualizați următorul tutorial de construire a site-ului web ▼

Cum se utilizează blockquote? Efect demonstrativ de etichetă HTML blockquote

În editarea postărilor WordPress, există un buton comun „Blocați citat” ▼ Când este utilizat, va adăuga un Marcați pentru a invoca o declarație citată sau a evidenția. Ce înseamnă blockquote? Următorul este Chen Wei...

Ce este pre în stilul CSS? Rolul etichetelor de cod pre wrapping în HTML

Când folosim WordPress pentru a construi un site web, trebuie să învățăm câteva cunoștințe de bază despre CSS și HTML: deoarece fișierele de stil CSS ale unor teme WordPress nu includ stiluri de etichetă pre și cod. Majoritatea browserelor acceptă în prezent marcă. H…