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

احتمالا تا به حال خواسته اید تغییراتی در ادیتور پیش فرض وردپرس اعمال کنید . مثلا تغییر فوت یا سایز فونت و … . من هم این مشکل را داشتم مخصوصا در سیستم عامل لینوکس که فونت 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;
}

 

منبع

در همین رابطه :   چگونه نوار مدیریت جدید وردپرس را بردارم!
دسته بندی : هک های وردپرس

3 نظر

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

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

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

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

پاسخ دهید

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

More in CSS
الحاق فونت دلخواه به صفحه با استفاده از css

سلام احتمالا در حال وبگردي سايت هايي را ديده ايد كه از فونت هاي عجيب و غريب استفاده مي كنند...

Close