Ditumpurkeun: Téma teu nambahan file stylesheet ngaranna editor-style.css?

boga hal pikeun ngalakukeunPromosi wébsobat, nembe mimiti diajar ngagunakeunramatloka WordPress.

Aktipkeun plug-in editor TinyMCE, dina setélan plug-in editor TinyMCE, ngalaman masalah sapertos kitu▼

Jieun menu gaya CSS

• Muat gaya CSS anu dianggo dina editor-style.css sareng gentos menu Format.
• Cacad: File stylesheet pikeun editor-style.css.
• Cacad: File stylesheet ngaranna editor-style.css teu ditambahkeun ku téma anjeun.

Upami kaayaan di luhur lumangsung, pangropéa visual WordPress moal tiasa nampilkeun gaya kode anu dipikahoyong, sapertos:

• blockquote, pra, kode...

Ngarengsekeun masalah

1. Hapunteneditor-style.cssfile, éta dina diréktori akar téma WordPress?
2. Naha anjeun nganggo téma budak (anak)?

nalika kamibackend WordPressNalika ngédit artikel, tampilan latar hareup sareng latar béda kusabab masalah gaya CSS...

Tapi saatos Wordpress 3.0, éta gaduh fitur anu saé pisan:

• Hartina, gaya hareup jeung tukang bisa dihijikeun, jadi lamun Wordpress ngédit artikel di tukang, éta ogé bisa kasampak sarua jeung hareup.
• Nya kitu, urang henteu kedah deui ngarobih pos anu diédit dina backend WordPress sareng nampilkeunana béda ti frontend.

Upami urang muka téma standar Wordpress Twenty Eleven, urang tiasa ningali yén aya koméntar html sareng kode sapertos kieu ▼

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

• Naon hartosna koméntar ieu: Éditor visual cocog sareng gaya editor-style.css téma.
• Fungsi ieu ogé saderhana pisan pikeun diimplementasikeun, sabab éta mangrupikeun fungsi standar WordPress, urang ngan ukur kedah ngaktipkeunana.

Kumaha tulisan WordPress nunjukkeun gaya téks anu sami sareng frontend?

第 1:Jieun file editor-style.css

第 2:Tambahkeun kodeu di handap ieu kana file editor-style.css▼

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

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

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

第 3:Salin file editor-style.css ka diréktori akar téma WordPress anjeun.

Bab 4 步:Tambahkeun kodeu handap kana 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' );
}

第 5:Refresh halaman édit pos WordPress

• Pariksa sareng pastikeun naha gaya téks di payun sareng tukang WordPress sami?

Waspada

Upami téma WordPress anjeun henteu nambihan gaya CSS kana "tag kutipan blockquote" sareng "tag kode pra/kode", anjeun kedah nambihan kode CSS anu cocog kana file style.css tina téma WordPress.

Kanggo detilna, mangga parios tutorial ngawangun situs wéb ieu ▼

Kumaha ngagunakeun blockquote? HTML blockquote tag pangaruh demo

Dina éditan artikel WordPress, aya tombol "Blockquote" anu umum ▼ Nalika dianggo, éta bakal nambihanCirian pikeun nelepon sababaraha pernyataan anu dicutat atanapi sorotan. Naon hartosna blockquote?Di handap ieu nyaéta Chen Wei ...

Naon pra dina gaya CSS? Peran pre wrapping tag kode dina HTML

Urang kedah diajar sababaraha pangaweruh dasar ngeunaan CSS sareng HTML pikeun ngawangun halaman wéb nganggo WordPress: kusabab file gaya CSS tina sababaraha téma WordPress, gaya tag pra sareng kode henteu ditambahkeun.Kaseueuran panyungsi ayeuna ngadukungtanda. h...