وب کمپ

مطالب مفید در حوزه طراحی سایت، وردپرس، برنامه نویسی، سئو و دیجیتال مارکتینگ

وب کمپ

مطالب مفید در حوزه طراحی سایت، وردپرس، برنامه نویسی، سئو و دیجیتال مارکتینگ

در این وبلاگ مطالب مفید و مختلفی برای طراحان سایت، وردپرس کاران، برنامه نویسان و سئو کاران ارائه میشود، مطالب این وب سایت بعضا اختصاصی و بعضا هم از سایر وب سایت ها منتشر میشود، و سعی شده است مطالب ناب و به درد بخور جمع آوری شود.
با تشکر، وب کمپ

نویسندگان

اعمال CSS اختصاصی در بخش ادیتور وردپرس

يكشنبه, ۱۵ آبان ۱۴۰۱، ۰۱:۲۸ ب.ظ

سلام

با استفاده از روش زیر می توانیم به بخش ادیتور وردپرس کدهای CSS خودمان را اعمال کنیم.

1- در مرجله اول کد زیر را در فایل Function.php سایتمان اضافه می کنیم:

function qot_add_editor_styles() {
add_editor_style( 'custom-editor-style.css' );
}
add_action( 'after_setup_theme', 'qot_add_editor_styles' );

2- یک فایل با نام custom-editor-style.css در پوشه تم ایجاد می کنیم و کدهای CSS مد نظرمان را در آن قرار می دهیم:

body#tinymce.wp-editor {
  font-family: Arial, Helvetica, sans-serif;
  margin: 30px;
  color: #DDD;
  background: #333;
}
body#tinymce.wp-editor a {
  color: #7FFF00;
}

منبع: 

https://www.quickonlinetips.com/archives/2020/02/add-custom-css-wordpress-post-editor

موافقین ۰ مخالفین ۰ ۰۱/۰۸/۱۵
سجاد آقایی

نظرات  (۰)

هیچ نظری هنوز ثبت نشده است

ارسال نظر

ارسال نظر آزاد است، اما اگر قبلا در بیان ثبت نام کرده اید می توانید ابتدا وارد شوید.
شما میتوانید از این تگهای html استفاده کنید:
<b> یا <strong>، <em> یا <i>، <u>، <strike> یا <s>، <sup>، <sub>، <blockquote>، <code>، <pre>، <hr>، <br>، <p>، <a href="" title="">، <span style="">، <div align="">
تجدید کد امنیتی