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

Ħabib tiegħi li jrid jagħmel kummerċjalizzazzjoni online dan l-aħħar beda jitgħallem kif jibni websajt bl-użu ta' 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 neditjaw postijiet fil -pannell tal-amministrazzjoni ta' WordPress , il-front-end u l-back-end jintwerew b'mod differenti minħabba kwistjonijiet ta' stil CSS...

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 il-fajl editor-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 editor-style.css fid-direttorju ewlieni tat-tema ta' WordPress tiegħek.

Pass 4 : Ż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 tal-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? Effett demo tat-tikketta blockquote fl-HTML

🔗X'inhu pre fl-istil CSS? Il-funzjoni tat-tikketta tal-kodiċi tal-waqfa tal-linja pre awtomatika f'HTML