معطل: السمة لا تضيف ملف ورقة أنماط يسمى editor-style.css؟

لديهم ما يجب القيام بهترويج الويبصديق ، بدأ مؤخرًا في تعلم الاستخدامموقع ووردبريس.

واجه تمكين المكون الإضافي لمحرر TinyMCE ، في إعدادات المكون الإضافي لمحرر TinyMCE ، مثل هذه المشكلة ▼

إنشاء قائمة نمط CSS

• قم بتحميل أنماط CSS المستخدمة في editor-style.css واستبدل قائمة التنسيق.
• معاق: ملف ورقة الأنماط لـ editor-style.css.
• معاق: لم تتم إضافة ملف ورقة أنماط باسم editor-style.css بواسطة قالبك.

في حالة حدوث الموقف أعلاه ، قد لا يتمكن محرر WordPress المرئي من عرض نمط الكود الذي نريده ، مثل:

• blockquote ، pre ، code ...

استكشاف الاخطاء

1. عفواeditor-style.cssملف ، في الدليل الجذر لموضوع WordPress؟
2. هل تستخدم سمات الأطفال (الأطفال)؟

عندما نكونووردبريس الخلفيةعند تحرير مقال ، يختلف عرض المقدمة والخلفية بسبب مشاكل نمط CSS ...

ولكن بعد الإصدار 3.0 من Wordpress ، فإنه يحتوي على ميزات جيدة جدًا:

• وهذا يعني أنه يمكن توحيد الأنماط الأمامية والخلفية ، لذلك عندما يقوم Wordpress بتحرير المقالات في الخلفية ، يمكن أيضًا أن تبدو بنفس الشكل الأمامي.
• وبالمثل ، لم نعد بحاجة إلى تعديل المنشور الذي تم تحريره في الواجهة الخلفية لـ WordPress لأنه يتم عرضه بشكل مختلف عن الواجهة الأمامية.

إذا فتحنا موضوع Wordpress الافتراضي ، Twenty Eleven ، يمكننا أن نرى أن هناك تعليق html ورمزًا مثل هذا ▼

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

• ما يعنيه هذا التعليق: يتطابق المحرر المرئي مع نمط editor-style.css للقوالب.
• هذه الوظيفة سهلة التنفيذ أيضًا ، لأنها الوظيفة الافتراضية لـ WordPress ، نحتاج فقط إلى تنشيطها.

كيف تعرض مشاركات WordPress نفس نمط النص مثل الواجهة الأمامية؟

الخطوه 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 إلى الدليل الجذر لموضوع WordPress الخاص بك.

السادس عشر خطوة:أضف التعليمات البرمجية التالية إلى ملف 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

• تحقق وتأكد مما إذا كانت أنماط النص في الجزء الأمامي والخلفي من WordPress متطابقة؟

注意 事项

إذا كان قالب WordPress الخاص بك لا يضيف أنماط CSS إلى "quote tag blockquote" و "code tag pre / code" ، فأنت بحاجة إلى إضافة كود CSS المقابل إلى ملف style.css لموضوع WordPress.

لمزيد من التفاصيل ، يرجى مراجعة البرنامج التعليمي التالي لبناء موقع الويب ▼

كيفية استخدام blockquote؟ تأثير تجريبي لعلامة HTML blockquote

في تحرير مقال WordPress ، يوجد زر "Blockquote" شائع ▼ عند استخدامه ، سيضيف ملفضع علامة لاستدعاء بعض العبارات المقتبسة أو إبرازها. ماذا يعني blockquote؟التالي هو Chen Wei ...

ما هو ما قبل في أنماط CSS؟ دور العلامات البرمجية للالتفاف المسبق في HTML

نحتاج إلى معرفة بعض المعرفة الأساسية بـ CSS و HTML لإنشاء موقع ويب باستخدام WordPress: نظرًا لملفات نمط CSS لبعض سمات WordPress ، لا تتم إضافة أنماط العلامات المسبقة والتعليمية.تدعم معظم المتصفحات حاليًاعلامة. ح ...