B'diżabbiltà: It-tema ma żżidx fajl ta' stylesheet jismu editor-style.css?

għandek xi tagħmelPromozzjoni tal-Webħabib, dan l-aħħar beda jitgħallem jużaWebsajt WordPress.

Ippermetta l-plug-in tal-editur TinyMCE, fis-settings tal-plug-in tal-editur TinyMCE, iltaqa' ma' problema bħal din▼

Oħloq menu stil CSS

• Tagħbija l-istili CSS użati f'editor-style.css u ibdel il-menu Format.
• B'diżabilità: Il-fajl tal-stylesheet għal editor-style.css.
• B'diżabilità: Fajl tal-folja tal-istil imsejjaħ editor-style.css ma ġiex miżjud bit-tema tiegħek.

Jekk isseħħ is-sitwazzjoni ta 'hawn fuq, l-editur viżwali ta' WordPress jista 'ma jkunx kapaċi juri l-istil tal-kodiċi li rridu, bħal:

• blockquote, pre, code...

Issolvi l-problemi

1. Skużanieditor-style.cssfajl, huwa fid-direttorju tal-għeruq tat-tema WordPress?
2. Qed tuża temi tat-tfal (tfal)?

meta nkunuBackend ta 'WordPressMeta teditja artiklu fin-nofs, minħabba l-problema tal-istil CSS, it-tagħrif miksub u l-wiri fl-isfond huma differenti...

Iżda wara Wordpress 3.0, għandu karatteristiċi tajbin ħafna:

• Jiġifieri, l-istili ta 'quddiem u ta' wara jistgħu jiġu unifikati, għalhekk meta Wordpress teditja artikli fl-isfond, tista 'wkoll tidher l-istess bħall-quddiem.
• Bl-istess mod, m'għadniex neħtieġu li nimmodifikaw il-post editjat fil-backend ta 'WordPress minħabba li tintwera b'mod differenti mill-frontend.

Jekk niftħu t-tema default ta' Wordpress Ħdax u Għoxrin, nistgħu naraw li hemm kumment html u kodiċi bħal dan ▼

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

• Xi jfisser dan il-kumment: L-editur viżwali jaqbel mat-tema editur-style.css stil.
• Din il-funzjoni hija wkoll sempliċi ħafna biex timplimenta, minħabba li hija l-funzjoni default ta 'WordPress, għandna bżonn biss li nattivawha.

Kif il-postijiet ta 'WordPress juru l-istess stil ta' test bħall-frontend?

Pass 1:Oħloq fajl editur-style.css

Pass 2:Żid il-kodiċi li ġej mal-fajl editor-style.css▼

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

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

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

Pass 3:Ikkopja l-fajl editur-style.css fid-direttorju tal-għeruq tat-tema WordPress tiegħek.

it-4 Pass:Żid il-kodiċi li ġej mal-fajl 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' );
}

Pass 5:Aġġorna l-paġna ta’ editjar tal-post ta’ WordPress

• Iċċekkja u kkonferma jekk l-istili tat-test fuq quddiem u wara ta 'WordPress humiex l-istess?

注意 事项

Jekk it-tema WordPress tiegħek ma żżidx stili CSS mal-"quote tag blockquote" u "code tag pre/code", għandek bżonn iżżid il-kodiċi CSS korrispondenti mal-fajl style.css tat-tema WordPress.

Għad-dettalji, jekk jogħġbok iċċekkja t-tutorja tal-bini tal-websajt li ġejja ▼

Kif tuża blockquote? HTML blockquote tag effett demo

Fl-editjar tal-artikoli WordPress, hemm buttuna komuni "Blockquote" ▼ Meta tintuża, se żżid aImmarka biex tinvoka xi stqarrija kwotata jew jenfasizza. Xi jfisser blockquote?Dan li ġej huwa Chen Wei...

X'inhu pre fl-istil CSS? Ir-rwol tat-tikketti tal-kodiċi tat-tgeżwir minn qabel fl-HTML

Għandna bżonn nitgħallmu xi għarfien bażiku tas-CSS u l-HTML biex nibnu websajt b'WordPress: minħabba l-fajls tal-istil CSS ta 'xi temi ta' WordPress, l-istili ta 'tag pre u kodiċi mhumiex miżjuda.Ħafna mill-browsers bħalissa jappoġġjawmarka. h...