Olemala: Mutuwu suwonjezera fayilo ya stylesheet yotchedwa editor-style.css?

kukhala ndi chochitaKutsatsa Kwapaintanetibwenzi, posachedwapa anayamba kuphunzira kugwiritsa ntchitoWebusayiti ya WordPress.

Yambitsani pulogalamu yowonjezera ya TinyMCE, pazikhazikiko za pulogalamu yowonjezera ya TinyMCE, mukukumana ndi vutoli▼

Pangani menyu kalembedwe ka CSS

• Kwezani masitayelo a CSS omwe amagwiritsidwa ntchito mu editor-style.css ndikusintha menyu ya Format.
• Walemala: Fayilo ya stylesheet ya editor-style.css.
• Walemala: Fayilo yamasitayilo yotchedwa editor-style.css sinawonjezedwe ndi mutu wanu.

Ngati zomwe zili pamwambapa zichitika, WordPress visual editor mwina sangathe kuwonetsa kalembedwe kamene tikufuna, monga:

• blockquote, pre, kodi...

Kuthetsa mavuto

1. Pepanieditor-style.cssfile, kodi ili m'ndandanda wa mizu ya mutu wa WordPress?
2. Kodi mukugwiritsa ntchito mitu ya ana (mwana)?

pamene ife tiriWordPress backendMukakonza nkhani, kutsogolo ndi kumbuyo kumakhala kosiyana chifukwa cha zovuta zamtundu wa CSS...

Koma pambuyo pa Wordpress 3.0, ili ndi zinthu zabwino kwambiri:

• Ndiko kuti, masitaelo akutsogolo ndi kumbuyo akhoza kukhala ogwirizana, kotero pamene Wordpress imasintha zolemba kumbuyo, zikhoza kuwoneka mofanana ndi kutsogolo.
• Mofananamo, sitifunikanso kusintha positi yosinthidwa mu WordPress backend chifukwa ikuwonetsedwa mosiyana ndi kutsogolo.

Ngati titsegula mutu wokhazikika wa Wordpress, Twenty Eleven, titha kuwona kuti pali ndemanga ya html ndi code monga chonchi ▼

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

• Ndemanga iyi ikutanthauza chiyani: Zowoneka bwino zimafanana ndi kalembedwe ka mutu wa editor-style.css.
• Ntchitoyi ndi yosavuta kukhazikitsa, chifukwa ndi ntchito yosasinthika ya WordPress, timangofunika kuyiyambitsa.

Kodi zolemba za WordPress zimawonetsa bwanji mawonekedwe amtundu wofanana ndi wakutsogolo?

Khwerero 1:Pangani fayilo ya editor-style.css

Khwerero 2:Onjezani khodi ili ku fayilo ya editor-style.css▼

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

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

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

Khwerero 3:Lembani fayilo ya editor-style.css ku mizu ya mutu wanu wa WordPress.

Chaputala 4 sitepe:Onjezani kachidindo kotsatira ku fayilo ya function.php▼

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

// 对于块编辑器
add_theme_support( 'editor-styles' );
}

Khwerero 5:Tsitsaninso tsamba la WordPress positi

• Yang'anani ndikutsimikizira ngati masitayilo akutsogolo ndi kumbuyo kwa WordPress ndi ofanana?

Njira zopewera

Ngati mutu wanu wa WordPress suwonjezera masitayelo a CSS ku "quote tag blockquote" ndi "code tag pre/code", muyenera kuwonjezera nambala yofananira ya CSS ku fayilo ya style.css ya mutu wa WordPress.

Kuti mudziwe zambiri, chonde onani maphunziro awa omanga webusayiti ▼

Momwe mungagwiritsire ntchito blockquote? HTML blockquote tag chiwonetsero chazithunzi

Mukusintha nkhani ya WordPress, pali batani lodziwika bwino la "Blockquote" ▼ Mukagwiritsidwa ntchito, liwonjezeraChongani kuti mutchule mawu ogwidwa mawu kapena kuwunikira. Kodi blockquote imatanthauza chiyani?Izi ndi Chen Wei ...

Kodi pre mu kalembedwe ka CSS ndi chiyani? Udindo wa ma tag otsekera kale mu HTML

Tiyenera kuphunzira zambiri za CSS ndi HTML kuti timange tsamba lawebusayiti ndi WordPress: chifukwa cha mafayilo amtundu wa CSS amitu ina ya WordPress, masitaelo a pre and code tag sawonjezedwa.Asakatuli ambiri amathandizira panochizindikiro. h...