کاری برای انجام دادن داشته باشدارتقاء وبدوست، اخیراً شروع به یادگیری استفاده کردموب سایت وردپرس.
پلاگین ویرایشگر TinyMCE را فعال کنید، در تنظیمات افزونه ویرایشگر TinyMCE با چنین مشکلی مواجه شد ▼
منوی سبک CSS ایجاد کنید
- سبک های CSS مورد استفاده در editor-style.css را بارگیری کنید و منوی Format را جایگزین کنید.
- معلول: فایل شیوه نامه برای editor-style.css.
- معلول: یک فایل صفحه سبک با نام editor-style.css توسط موضوع شما اضافه نشده است.
اگر وضعیت فوق رخ دهد، ویرایشگر بصری وردپرس ممکن است نتواند سبک کد مورد نظر ما را نمایش دهد، مانند:
- بلوک نقل قول، پیش، کد ...
عیب یابی
- ببخشید
editor-style.cssفایل، آیا در دایرکتوری ریشه قالب وردپرس است؟ - آیا از تم های کودک (کودک) استفاده می کنید؟
زمانی که ما هستیمباطن وردپرسهنگام ویرایش یک مقاله در وسط، به دلیل مشکل سبک CSS، نمایش پیش زمینه و پس زمینه متفاوت است...
اما بعد از وردپرس 3.0 ویژگی های بسیار خوبی دارد:
- یعنی می‌توان سبک‌های جلو و عقب را یکپارچه کرد، بنابراین وقتی وردپرس مقاله‌ها را در پس‌زمینه ویرایش می‌کند، می‌تواند شبیه به جلو باشد.
- به همین ترتیب، دیگر نیازی به تغییر پست ویرایش شده در باطن وردپرس نداریم زیرا متفاوت از قسمت جلویی نمایش داده می شود.
اگر تم پیش‌فرض وردپرس Twenty Eleven را باز کنیم، می‌بینیم که یک نظر html و کد مانند این ▼ وجود دارد.
//此主题使用editor-style.css为可视化编辑器设置样式，以匹配主题样式 add_editor_style();
- این نظر به چه معناست: ویرایشگر بصری با سبک تم editor-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:فایل 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:صفحه ویرایش پست وردپرس را بازخوانی کنید
- بررسی و تأیید کنید که آیا سبک های متن در جلو و پشت وردپرس یکسان است؟
注意 事项
اگر قالب وردپرس شما سبک های CSS را به "quote tag blockquote" و "code tag pre/code" اضافه نمی کند، باید کد CSS مربوطه را به فایل style.css موضوع وردپرس اضافه کنید.
برای جزئیات، لطفاً آموزش ساخت وب سایت زیر را بررسی کنید ▼
وبلاگ امید چن ویلیانگ ( https://www.chenweiliang.com/ ) shared "غیرفعال شده: موضوع یک فایل برگه سبک به نام editor-style.css؟" اضافه نمی کند، مفید است.
به اشتراک گذاری لینک این مقاله خوش آمدید:https://www.chenweiliang.com/cwl-966.html
به کانال تلگرام وبلاگ چن ویلیانگ خوش آمدید تا از آخرین به روز رسانی ها مطلع شوید!
📚 این راهنما حاوی ارزش بسیار زیادی است، 🌟این یک فرصت نادر است، آن را از دست ندهید! ⏰⌛💨
اگر دوست داشتید به اشتراک بگذارید و لایک کنید
اشتراک گذاری و لایک های شما انگیزه مستمر ما هستند!