اعمال CSS سفارشی به ویرایشگر وردپرس

6 دیدگاه

احتمالا تا به حال خواسته اید تغییراتی در ادیتور پیش فرض وردپرس اعمال کنید . مثلا تغییر فوت یا سایز فونت و … . من هم این مشکل را داشتم مخصوصا در سیستم عامل لینوکس که فونت Tahoma را ندارد و از همان فونت Arial با سایز ریز استفاده می کرد که نوشتن مطالب را کمی سخت و خسته کننده می کند.

Screenshot from 2016-06-26 01:00:24
قبل از اعمال CSS سفارشی
Screenshot from 2016-06-26 00:59:39
بعد از اعمال CSS سفارشی

روش حل مشکل

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

add_editor_style ( array|string $stylesheet = 'editor-style.css' )

برای استفاده از این تابع کافیه کد زیر رو به فایل functions.php قالب تون اضافه کنید :

/**
 * Registers an editor stylesheet for the theme.
 */
function wpdocs_theme_add_editor_styles() {
    add_editor_style( 'custom-editor-style.css' );
}
add_action( 'admin_init', 'wpdocs_theme_add_editor_styles' );

و حالا یک فایل با نام custom-editor-style.css در پوشه اصلی قالب تون ایجاد کنید و از این به بعد هر کد CSS که داخل این فایل بنویسید به ادیتور WordPress اعمال خواهد شد . محتوای این فایل می تواند شبیه کدهای زیر باشد:

body#tinymce.wp-editor { 
    font-family: Arial, Helvetica, sans-serif; 
    margin: 10px; 
}
 
body#tinymce.wp-editor a {
    color: #4CA6CF;
}

 

منبع

در همین رابطه :   حل مشکل چپ به راست شدن وردپرس بعد از نصب بعضی پلاگین ها
دسته بندی : هک های وردپرس

6 نظر

  1. اقا خیلی عالی بود دمت گرم بهترین سایت رو دارید شما
    چندجا همین مقاله رو نوشتن ولی اصلا مشخص نیست چی گفتن فک کنم خودشونم اصلا نمیدونن چی مینویسن
    خیلی ممنون از آقای زمانی عزیز

  2. خ
    خب این کار باکسی رو هم به ادمین وردپرس اضافه میکنه یا نه؟
    چون اگر امکان قرار دادن کدهای دستی از توی ادمین نباشه اینکار بیهوده ای میشه.

    1. متوجه منظورتون نشدم دقیقا . شما یک فایل ایجاد می کنید و استایل های مورد نظرتون رو داخلش می نویسید و روی ادیتور اعمال میشه .

      1. من تصور کردم که این برای افزودن سی اس اس دستی به قالب سایت این بود که پرسیدم صفحه ای برای افزودن کد در ادمین ایجاد میکنه یا خیر.

        تصور من اشتباه بود. شرمنده.

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *