کار با تابع wp_admin_css در وردپرس

wordpress wp admin css
11 آذر 1403

استفاده از تابع wp_admin_css() در وردپرس


سلام دوستان! امروز می‌خواهیم به بررسی تابع wp_admin_css() در وردپرس بپردازیم. این تابع یکی از توابعی است که به ما این امکان را می‌دهد تا استایل‌های سفارشی خود را به پنل مدیریت وردپرس اضافه کنیم. این کار باعث می‌شود که شما بتوانید ظاهر محیط مدیریت سایت خود را به شکلی که می‌خواهید شخصی‌سازی کنید.


اول از همه، باید بگوییم که چرا باید از استایل‌های سفارشی استفاده کنیم. برخی اوقات شما می‌خواهید یک تجربه کاربری خاصی را برای خود یا دیگر کاربران در مدیریت وردپرس فراهم کنید. برای مثال، ممکن است بخواهید دکمه‌ها یا منوها را یکسان کنید یا حتی رنگ‌ها را تغییر دهید تا کار و تعاملات راحت‌تر و لذت‌بخش‌تر شود.


حالا بیایید نگاهی به نحوه‌ی استفاده از این تابع بیندازیم. شما می‌توانید با اضافه کردن چند خط کد ساده به فایل functions.php قالب خود، به راحتی استایل‌های مورد نظر خود را بارگذاری کنید. این کار به شما این امکان را می‌دهد که تغییراتی را که می‌خواهید به محیط مدیریت ببخشید، پیاده‌سازی کنید.


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


کد نمونه


// تابع سفارشی برای بارگذاری CSS در محیط مدیریت وردپرس
function my_custom_admin_css() {
wp_enqueue_style('custom-admin-style', get_stylesheet_directory_uri() . '/admin-style.css');
}
add_action('admin_enqueue_scripts', 'my_custom_admin_css');

توضیح کد


function my_custom_admin_css()
این خط از کد یک تابع جدید به نام my_custom_admin_css تعریف می‌کند که کار بارگذاری CSS را انجام می‌دهد.


wp_enqueue_style('custom-admin-style', get_stylesheet_directory_uri() . '/admin-style.css');
این خط، فایل CSS را به نام admin-style.css از دایرکتوری قالب بارگذاری می‌کند.


add_action('admin_enqueue_scripts', 'my_custom_admin_css');
با این خط ما تابع خود را به اکشن admin_enqueue_scripts متصل می‌کنیم تا در زمان بارگذاری اسکریپت‌های مدیریت، این تابع اجرا شود.

سوالات متداول

؟

این تابع چکار می‌کنه؟

؟

چطور می‌تونم از این تابع استفاده کنم؟

؟

آیا می‌توانم چند فایل CSS همزمان بارگذاری کنم؟