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

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

سلام ، بعضی وقت ها به این فکر افتادیم که چطور میشه رنگ های بخش پنل مدیریت سایت وردپرسی خود را تغییر دهیم و خیلی از افراد می خواهند این کار را با استفاده از کد نویسی انجام دهند و یک سری ها که از کد نویسی چیزی اطلاع ندارند و سر در گم هستند که چطور می توانند رنگ بخش های مختلف پنل مدیریت سایت خود را تغییر دهند نمی دانند چطور می توانند این کار را انجام دهند

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

آموزش ویدیویی تغییر رنگ پنل مدیریت با CSS :

چطور می توان رنگ پیشخوان وردپرس را تغییر داد :

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

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

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

حالا برای اینکه بتوانیم پنل مدیریت سایت خود را با کد نویسی تغییر دهیم مثل همیشه باید وارد پنل مدیریت سایت خود شویم و از بخش نمایش باید وارد بخش ویرایشگر پوسته شویم و در اینجا فایل مورد نظر خود یعنی فایل Functions.php که برای توابع قالب سایت ما و توابع وردپرس در آن استفاده شده است را کمی تغییرات در آن اضافه کنیم.

کد زیر را باید در قبل از اینکه تگ php شما با علامت <؟ بسته شده است قرار دهید.

function mihanacademy_custom_css() {   echo '<style> کد سی اس اس خود را اینجا قرار دهید   </style>'; } add_action('admin_head', 'mihanacademy_custom_css');

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

افزودن CSS سفارشی با افزونه WP Add Custom CSS :

بعد از اینکه استایل دلخواه خود را در وردپرس اعمال کردید شما می توانید به کمک افزونه WP Add Custom CSS که در مخزن وردپرس وجود دارد ، این افزونه را دانلود کرده و یا نصب و فعالسازی انجام دهید و بعد از نصب و فعال کردن افزونه یک بخش به نام Add Custom CSS به پنل مدیریت شما اضافه می شود که باید بر روی آن کلیک کنید و یا اگر که نمی دانید در وردپرس چطور افزونه نصب کنید می توانید (آموزش نصب افزونه در وردپرس) را در میهن آکادمی مشاهده کنید.

بعد از اینکه بر روی بخش Add Custom CSS کلیک کردید به صفحه پنل افزونه شما وارد می شود و برای تغییری که می خواهید انجام دهید کافی است که استایل مورد نظر خود را در قالب یک Rule در این قسمت برای خود اضافه کنید مانند کد زیر :

wp_register_style( 'wp-add-custom-css', get_home_url(null, '?display_custom_css=css') );

کافی است که شما هم برای استایل یا همان تغییری که می خواهید در مورد پنل مدیریت خود در قالب اضافه کنید شبیه Rule بالا باشد و در بخش CSS Rules وارد کنید و استایل یا همان فرم مورد نظر خود را پیاده سازی کنید

به همین راحتی شما می توانید رنگ پنل مدیریت خود را تغییر دهید.

موفق و پیروز باشید.