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

تبلیغات
کانال تلگرام فتولیا
دوره آموزش طراحی وب تبریز

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

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

روش حل مشکل

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

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

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

 

منبع

در همین رابطه :   سیر تا پیاز امنیت وردپرس

3 Comments

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

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

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

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

پاسخ دهید

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

More in هک های وردپرس, Wordpress
افزایش امنیت وردپرس با غیرفعال کردن ویرایشگر قالب

به صورت پیش فرض وردپرس به مدیران اجازه می دهد تا فایل های قالب ها و پلاگین ها را از...

Close