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

افزودن CSS به پیشخوان مدیریت وردپرس: پنل پیشخوان وردپرس به عنوان قلب مدیریت سایت شما، باید خوانا، کاربرپسند و جذاب باشد. وقتی که مدیران و نویسندگان به طور مداوم با این بخش کار می‌کنند، تجربه کاربری این بخش نیز از اهمیت بسیاری پیدا می‌کند. بهبود ظاهری پیشخوان با استفاده از CSS می‌تواند در بهبود کارایی تاثیر قابل‌توجهی داشته باشد. در این مقاله،قصد داریم با افزودن CSS به پیشخوان مدیریت وردپرس سایت خود،پنل مدیریت را کم زیبا تر و جذاب تز کنیم.پس تا انتهای این آموزش همراه ما باشید.

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

برای اضافه کردن کد CSS به پیشخوان وردپرس، روش‌های مختلفی وجود دارد. در ادامه به بررسی دو روش کاربردی خواهیم پرداخت.

روش اول: افزودن css دلخواه با افزونه

برای آن دسته از کاربران که به دنبال روش ساده‌تری هستند و نمی‌خواهند مستقیم در فایل‌های پوسته یا functions.php تغییرات ایجاد کنند، استفاده از افزونه یکی از بهترین روش ها است. در این قسمت ما با استفاده از افزونه‌ CustomWP Add Custom CSS،کد های css را به پنل پیشخوان سایت خود اضافه می کنیم.

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

سپس به تنظیمات افزونه بروید و از قسمت css rule کد های سفارشی خود را وارد کنید و ذخیره تنظیمات را بزنید.

روش دوم: افزودن css دلخواه با استفاده از کد

این روش مخصوص کسانی است که تا حدودی با کدنویسی وردپرس آشنا هستند و نمی خواهند با نصب زیاد افزونه های اضافه سایت خود را سنگین کنند.

برای این کار باید وارد فایل functions.php قالب سایت خود شوید و کد زیر را همراه با استایل های خود به انتهای این فایل اضافه کنید و در نهایت گزینه ذخیره سازی را بزنید.

function lamerdweb_admin_css() {
    echo '<style>
        /* استایل‌های سفارشی شما */
        body.wp-admin {
            background-color: #f1f1f1;
        }
        #adminmenu, #adminmenu .wp-submenu, #adminmenuback, #adminmenuwrap {
            background-color: #282a36;
        }
        #adminmenu .wp-has-current-submenu .wp-submenu .wp-submenu-head, #adminmenu a {
            color: #ffffff;
        }
        #wpadminbar {
            background-color: #44475a;
        }
    </style>';
}
add_action('admin_head', 'lamerdweb_admin_css');

توجه کنید که به جای کد های css بالا می توانید کد های پیشفرض خود را قرار بدهید.

امیدوارم این مقاله که در خصوص افزودن CSS به پیشخوان مدیریت وردپرس بود برای شما مفید بوده باشد.سوالات خود را می توانید در بخش نظرات این بخش مطرح کنید تا در اسرع وقت پاسخگوی شما دوستان باشم.