غیر فعال: تھیم ایڈیٹر-style.css نامی اسٹائل شیٹ فائل کو شامل نہیں کرتا ہے؟

کچھ کرنا ہے؟ویب پروموشندوست، حال ہی میں استعمال کرنا سیکھنا شروع کیا ہے۔ورڈپریس ویب سائٹہے.

TinyMCE ایڈیٹر پلگ اِن کو فعال کریں، TinyMCE ایڈیٹر پلگ اِن کی سیٹنگز میں، ایسی پریشانی کا سامنا کرنا پڑا▼

سی ایس ایس اسٹائل مینو بنائیں

• editor-style.css میں استعمال ہونے والے CSS اسٹائلز کو لوڈ کریں اور فارمیٹ مینو کو تبدیل کریں۔
• غیر فعال: ایڈیٹر-style.css کے لیے اسٹائل شیٹ فائل۔
• غیر فعال: editor-style.css نام کی اسٹائل شیٹ فائل آپ کی تھیم کے ذریعے شامل نہیں کی گئی۔

اگر مندرجہ بالا صورت حال ہوتی ہے، تو ہو سکتا ہے کہ ورڈپریس ویژول ایڈیٹر ہمارے مطلوبہ کوڈ اسٹائل کو ظاہر نہ کر سکے، جیسے:

• بلاک کوٹ، پری، کوڈ...

خرابی کا سراغ لگانا

1. معذرتeditor-style.cssفائل، کیا یہ ورڈپریس تھیم کی روٹ ڈائرکٹری میں ہے؟
2. کیا آپ چائلڈ تھیمز (بچہ) استعمال کر رہے ہیں؟

جب ہم ہیں۔ورڈپریس پسدیددرمیان میں کسی مضمون میں ترمیم کرتے وقت، CSS طرز کے مسئلے کی وجہ سے، پیش منظر اور پس منظر کا ڈسپلے مختلف ہوتا ہے...

لیکن ورڈپریس 3.0 کے بعد، اس میں بہت اچھی خصوصیات ہیں:

• یعنی سامنے اور پیچھے کی سٹائل کو یکجا کیا جا سکتا ہے، اس لیے جب ورڈپریس پس منظر میں مضامین میں ترمیم کرتا ہے، تو یہ بھی سامنے والے جیسا ہی نظر آتا ہے۔
• اسی طرح، ہمیں اب ورڈپریس بیک اینڈ میں ایڈٹ کی گئی پوسٹ میں ترمیم کرنے کی ضرورت نہیں ہے کیونکہ یہ فرنٹ اینڈ سے مختلف طریقے سے ظاہر ہوتی ہے۔

اگر ہم ورڈپریس کی ڈیفالٹ تھیم ٹوئنٹی الیون کو کھولتے ہیں، تو ہم دیکھ سکتے ہیں کہ ایک HTML کمنٹ اور کوڈ اس طرح ہے ▼

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

• اس تبصرے کا کیا مطلب ہے: بصری ایڈیٹر تھیم ایڈیٹر-style.css کے انداز سے میل کھاتا ہے۔
• اس فنکشن کو لاگو کرنا بھی بہت آسان ہے، کیونکہ یہ ورڈپریس کا ڈیفالٹ فنکشن ہے، ہمیں اسے ایکٹیویٹ کرنے کی ضرورت ہے۔

ورڈپریس پوسٹس فرنٹ اینڈ کی طرح ٹیکسٹ اسٹائل کیسے دکھاتی ہیں؟

مرحلہ 1:editor-style.css فائل بنائیں

مرحلہ 2:مندرجہ ذیل کوڈ کو editor-style.css فائل میں شامل کریں▼

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

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

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

مرحلہ 3:ایڈیٹر-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 میں پری ریپنگ کوڈ ٹیگز کا کردار

ورڈپریس کے ساتھ ویب سائٹ بنانے کے لیے ہمیں سی ایس ایس اور ایچ ٹی ایم ایل کا کچھ بنیادی علم سیکھنے کی ضرورت ہے: کچھ ورڈپریس تھیمز کی سی ایس ایس اسٹائل فائلوں کی وجہ سے، پری اور کوڈ ٹیگ اسٹائلز شامل نہیں کیے گئے ہیں۔زیادہ تر براؤزر فی الحال سپورٹ کرتے ہیں۔نشان ح...