فهرست مقاله
یکی از دوستان من که می‌خواهد بازاریابی آنلاین انجام دهد، اخیراً شروع به یادگیری نحوه ساخت وب‌سایت با استفاده از وردپرس کرده است.
پلاگین ویرایشگر 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 مطابقت دارد.
- اجرای این تابع نیز بسیار ساده است، زیرا عملکرد پیش فرض وردپرس است، فقط باید آن را فعال کنیم.
چگونه نوشته‌های وردپرس همان سبک متنی را نمایش می‌دهند؟
مرحله ۱: ایجاد فایل editor-style.css
مرحله ۲: کد زیر را به فایل editor-style.css اضافه کنید ▼
@import url('../style.css');
body {
margin: 14px;
max-width: 702px;
}
.post-content {
font-size: 14px;
}مرحله ۳: فایل editor-style.css را در دایرکتوری ریشه قالب وردپرس خود کپی کنید.
مرحله ۴ : کد زیر را به فایل 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' ); }
مرحله ۵: صفحه ویرایش پست وردپرس را رفرش کنید
- بررسی و تأیید کنید که آیا سبک های متن در جلو و پشت وردپرس یکسان است؟
注意 事项
اگر قالب وردپرس شما سبک های CSS را به "quote tag blockquote" و "code tag pre/code" اضافه نمی کند، باید کد CSS مربوطه را به فایل style.css موضوع وردپرس اضافه کنید.
برای جزئیات، لطفاً آموزش ساخت وب سایت زیر را بررسی کنید ▼
امیدوارم مقاله «غیرفعال: قالب فایل استایل‌شیت با نام editor-style.css ندارد؟» که در وبلاگ چن ویلیانگ ( https://www.chenweiliang.com/ ) به اشتراک گذاشته شده است، برای شما مفید باشد.
لینک این مقاله را به اشتراک بگذارید: https://www.chenweiliang.com/cwl-966.html