מושבת: ערכת הנושא לא מוסיפה קובץ גיליון סגנונות בשם editor-style.css?

יש מה לעשותקידום אתריםחבר, התחיל לאחרונה ללמוד להשתמשאתר וורדפרס.

אפשר את תוסף עורך TinyMCE, בהגדרות של תוסף עורך TinyMCE, נתקל בבעיה כזו▼

צור תפריט בסגנון CSS

• טען את סגנונות ה-CSS המשמשים ב-editor-style.css והחלף את התפריט Format.
• מושבת: קובץ גיליון הסגנונות עבור editor-style.css.
• מושבת: קובץ גיליון סגנונות בשם editor-style.css לא נוסף על ידי העיצוב שלך.

אם המצב לעיל מתרחש, ייתכן שהעורך החזותי של וורדפרס לא יוכל להציג את סגנון הקוד הרצוי, כגון:

• ציטוט בלוק, קדם, קוד...

פתרון בעיות

1. סלח ליeditor-style.cssקובץ, האם הוא נמצא בספריית השורש של ערכת הנושא של וורדפרס?
2. האם אתה משתמש בערכות נושא של ילדים (ילד)?

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

אבל אחרי וורדפרס 3.0, יש לו תכונות טובות מאוד:

• כלומר, ניתן לאחד את הסגנונות הקדמיים והאחוריים, כך שכאשר וורדפרס עורכת מאמרים ברקע, זה יכול גם להיראות זהה לחלק הקדמי.
• באופן דומה, איננו צריכים עוד לשנות את הפוסט שנערך ב-backend של וורדפרס מכיוון שהוא מוצג בצורה שונה מה-frontend.

אם נפתח את ערכת נושא ברירת המחדל של וורדפרס Twenty Eleven, נוכל לראות שיש הערת HTML וקוד כמו זה ▼

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

• מה המשמעות של הערה זו: העורך הוויזואלי מתאים לסגנון ערכת הנושא editor-style.css.
• גם פונקציה זו פשוטה מאוד ליישום, מכיוון שהיא פונקציית ברירת המחדל של וורדפרס, אנחנו רק צריכים להפעיל אותה.

כיצד פוסטים בוורדפרס מציגים את אותו סגנון טקסט כמו ה-frontend?

第 1 步:צור קובץ editor-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 步:רענן את דף העריכה של פוסט וורדפרס

• בדוק ואשר האם סגנונות הטקסט בחלק הקדמי והאחורי של וורדפרס זהים?

注意 事项

אם ערכת ה-WordPress שלך לא מוסיפה סגנונות CSS ל-"quote tag blockquote" ול-"code tag pre/code", עליך להוסיף את קוד ה-CSS המתאים לקובץ style.css של ערכת הנושא של וורדפרס.

לפרטים, אנא עיין במדריך הבא לבניית אתרים ▼

כיצד להשתמש ב- blockquote? אפקט הדגמה של תג HTML blockquote

בעריכת מאמרים בוורדפרס, קיים כפתור "ציטוט חסום" נפוץ ▼ בשימוש, הוא יוסיףסמן כדי להפעיל הצהרה מצוטטת או הדגשה. מה המשמעות של ציטוט בלוק?להלן חן ווי...

מה זה קדם בסגנון CSS? התפקיד של גלישת תגי קוד מראש ב-HTML

אנחנו צריכים ללמוד קצת ידע בסיסי ב-CSS ו-HTML כדי לבנות אתר עם וורדפרס: עקב קבצי סגנון ה-CSS של כמה ערכות נושא של וורדפרס, סגנונות תגי הקדם והקוד אינם מתווספים.רוב הדפדפנים תומכים כרגעסימן. ח...