E holofetse: Theme ha e kenye faele ea sheetsheet e bitsoang editor-style.css?

Motsoalle oa ka ea batlang ho etsa papatso ea inthanete o sa tsoa qala ho ithuta ho haha ​​​​websaete a sebelisa WordPress.

Numella TinyMCE plug-in ea mohlophisi, litlhophisong tsa plug-in ea TinyMCE, e kopane le bothata bo joalo▼

Theha lethathamo la setaele sa CSS

• Laola mefuta ea CSS e sebelisoang ho editor-style.css 'me u emise menu ea Format.
• E holofetse: Faele ea leqephe la litaele bakeng sa editor-style.css.
• E holofetse: Faele ea leqephe la litaele e bitsoang editor-style.css ha ea kengoa ke sehlooho sa hau.

Haeba boemo bo kaholimo bo etsahala, mohlophisi oa pono oa WordPress a kanna a se khone ho bonts'a mokhoa oa khoutu oo re o batlang, joalo ka:

• blockquote, pele, khoutu...

Tharollo ya mathata

1. Ntšoareleeditor-style.cssfile, na e bukeng ea motso ea sehlooho sa WordPress?
2. A na u sebelisa lihlooho tsa bana (bana)?

Ha re hlophisa lingoliloeng phanele ea tsamaiso ea WordPress , karolo e ka pele le e ka morao li bonts'oa ka tsela e fapaneng ka lebaka la mathata a setaele sa CSS…

Empa ka mor'a Wordpress 3.0, e na le litšobotsi tse ntle haholo:

• Ke hore, mekhoa ea pele le ea morao e ka kopanngoa, kahoo ha Wordpress e fetola lihlooho ka morao, e ka boela ea shebahala e tšoana le ea pele.
• Ka mokhoa o ts'oanang, ha re sa hloka ho fetola poso e hlophisitsoeng ho WordPress backend hobane e bonts'oa ka tsela e fapaneng le e ka pele.

Haeba re bula sehlooho sa kamehla sa Wordpress Twenty Eleven, re ka bona hore ho na le maikutlo a html le khoutu e kang ena ▼

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

• Se boleloang ke tlhaloso ena: Mohlophisi oa pono o lumellana le mokhoa oa mohlophisi oa sehlooho.css.
• Ts'ebetso ena e boetse e bonolo haholo ho e kenya ts'ebetsong, hobane ke ts'ebetso ea kamehla ea WordPress, re hloka feela ho e kenya tšebetsong.

Lits'oants'o tsa WordPress li bonts'a setaele se ts'oanang sa mongolo joalo ka frontend?

Mohato oa 1: Theha faele ea editor-style.css

Mohato oa 2: Kenya khoutu e latelang faeleng ea editor-style.css ▼

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

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

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

Mohato oa 3: Kopitsa faele ea editor-style.css ho ea motsong oa sehlooho sa hau sa WordPress.

Mohato oa 4 : Kenya khoutu e latelang faeleng ea 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' );
}

Mohato oa 5: Nchafatsa leqephe la ho hlophisa poso ea WordPress

• Lekola 'me u netefatse hore na litaele tsa mongolo tse ka pele le ka morao ho WordPress lia tšoana?

Litlhokomelo

Haeba sehlooho sa hau sa WordPress se sa kenye mekhoa ea CSS ho "quote tag blockquote" le "code tag pre/code", u lokela ho eketsa khoutu ea CSS e lumellanang le faele ea style.css ea sehlooho sa WordPress.

Bakeng sa lintlha, ka kopo sheba thuto e latelang ea moaho oa sebaka sa marang-rang ▼

🔗U ka sebelisa blockquote joang? phello ea demo ea tag ea blockquote ho HTML

🔗Ke eng pele ka setaele sa CSS? Karolo ea pre automatic line wrapping code tag in HTML