פאַרקריפּלט: די טעמע טוט נישט לייגן אַ סטילעשעעט טעקע מיטן נאָמען editor-style.css?

האָבן עפּעס צו טאָןוועב פּראַמאָושאַןפרייַנד, לעצטנס סטאַרטעד לערנען צו נוצןוואָרדפּרעסס וועבזייטל.

געבן TinyMCE רעדאַקטאָר פּלוג-אין, אין די סעטטינגס פון TinyMCE רעדאַקטאָר פּלוג-אין, געפּלאָנטערט אַזאַ אַ פּראָבלעם▼

שאַפֿן CSS נוסח מעניו

• לאָדן די CSS סטיילז געניצט אין editor-style.css און פאַרבייַטן די פֿאָרמאַט מעניו.
• פאַרקריפּלט: די סטילעשעעט טעקע פֿאַר editor-style.css.
• פאַרקריפּלט: א סטילשעעט טעקע מיטן נאמען editor-style.css איז נישט צוגעלייגט דורך דיין טעמע.

אויב די אויבן סיטואַציע אַקערז, די וויזשאַוואַל רעדאַקטאָר פון WordPress קען נישט קענען צו ווייַזן די קאָד נוסח וואָס מיר ווילן, אַזאַ ווי:

• בלאַקקוואָטע, פאַר, קאָד ...

טראָובלעשאָאָט

1. אנטשולדיגט מירeditor-style.cssטעקע, איז עס אין דער וואָרצל וועגווייַזער פון די וואָרדפּרעסס טעמע?
2. ניצן קינד טעמעס (קינד)?

ווען מיר זענעןוואָרדפּרעסס באַקענדווען עדיטינג אַן אַרטיקל אין די מיטל, רעכט צו דער CSS נוסח פּראָבלעם, די פאָרגראַונד און הינטערגרונט אַרויסווייַזן זענען אַנדערש ...

אָבער נאָך וואָרדפּרעסס 3.0, עס האט זייער גוט פֿעיִקייטן:

• דאָס איז, די פראָנט און צוריק סטיילז קענען זיין יונאַפייד, אַזוי ווען וואָרדפּרעסס רעדאַגירן אַרטיקלען אין דער הינטערגרונט, עס קען אויך קוקן די זעלבע ווי די פראָנט.
• סימילאַרלי, מיר ניט מער דאַרפֿן צו מאָדיפיצירן דעם פּאָסטן עדיטיד אין די וואָרדפּרעסס באַקענד ווייַל עס איז געוויזן דיפערענטלי ווי די פראָנטענד.

אויב מיר עפענען וואָרדפּרעסס ס פעליקייַט טעמע Twenty Eleven, מיר קענען זען אַז עס איז אַ HTML באַמערקונג און קאָד ווי דאָס ▼

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

• וואָס די באַמערקונג מיטל: דער וויזשאַוואַל רעדאַקטאָר שוועבעלעך די טעמע רעדאַקטאָר-style.css סטיל.
• די פונקציע איז אויך זייער פּשוט צו ינסטרומענט, ווייַל עס איז די פעליקייַט פונקציע פון ​​וואָרדפּרעסס, מיר נאָר דאַרפֿן צו אַקטאַווייט עס.

ווי טאָן וואָרדפּרעסס אַרטיקלען ווייַזן די זעלבע טעקסט נוסח ווי די פראָנטענד?

第 1 步:שאַפֿן רעדאַקטאָר-style.css טעקע

第 2 步:לייג די פאלגענדע קאָד צו דער editor-style.css טעקע▼

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

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

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

第 3 步:נאָכמאַכן די editor-style.css טעקע צו די וואָרצל וועגווייַזער פון דיין וואָרדפּרעסס טעמע.

4 步:לייג די פאלגענדע קאָד צו די 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 步:דערפרישן די וואָרדפּרעסס פּאָסטן רעדאַגירן בלאַט

• קאָנטראָלירן און באַשטעטיקן צי די טעקסט סטיילז אין די פראָנט און צוריק פון וואָרדפּרעסס זענען די זעלבע?

注意 事项

אויב דיין וואָרדפּרעסס טעמע טוט נישט לייגן קסס סטיילז צו די "ציטירן טאַג בלאַקקוואָטע" און "קאָד קוויטל פאַר / קאָד", איר דאַרפֿן צו לייגן די קאָראַספּאַנדינג קסס קאָד צו די style.css טעקע פון ​​די וואָרדפּרעסס טעמע.

פֿאַר דעטאַילס, ביטע טשעק די פאלגענדע וועבזייטל בנין טוטאָריאַל ▼

ווי צו נוצן בלאַקקוואָטע? HTML בלאַקקוואָטע טאַג דעמאָ ווירקונג

אין וואָרדפּרעסס אַרטיקל עדיטינג, עס איז אַ פּראָסט "בלאַקקוואָטע" קנעפּל ▼ ווען געוויינט, עס וועט לייגן אַמארק צו רופן אַ ציטירטן דערקלערונג אָדער הויכפּונקט. וואָס טוט בלאַקקוואָטע מיינען?די פאלגענדע איז Chen Wei ...

וואָס איז פאַר אין CSS סטיל? די ראָלע פון ​​פאַרמאַכן קאָד טאַגס אין HTML

מיר דאַרפֿן צו לערנען עטלעכע יקערדיק וויסן פון CSS און HTML צו בויען אַ וועבזייטל מיט וואָרדפּרעסס: רעכט צו די CSS סטיל טעקעס פון עטלעכע וואָרדפּרעסס טעמעס, די פּרי און קאָד קוויטל סטיילז זענען נישט צוגעגעבן.רובֿ בראַוזערז דערווייַל שטיצןצייכן. ה...