اضافه کردن لوگوی دلخواه به داشبورد وردپرس

اضافه کردن لوگوی دلخواه به داشبورد وردپرس
گاهی اوقات شما در وب سایت وردپرسی خود نیاز دارید که بخش های پیش فرض وردپرس مانند تصاویر و لوگوهای آن را تغییر دهید . به عنوان مثال در سایت مشتری خود می خواهید برند مشتری را بیشتر نشان دهید .
یکی از بخش هایی که می توانید از آن برای هرچه بیشتر سفارشی کردن وردپرس از آن کمک بگیرید ، تغییر لوگوی وردپرس است که در بخش داشبورد و در بالای صفحه مدیریت نمایش داده می شود .
برای تغییر دادن این لوگو به صورت بسیار ساده کافیست کد زیر را به فایل functions.php قالب فعال سایت وردپرس خود اضافه کنید .
لطفاً قبل از دستکاری فایل functions.php از آن یک نسخه پشتیبان تهیه کنید تا در صورت مواجه شدن با هر گونه اختلالی ، به راحتی بتوانید آن را بازیابی کنید .
function resanehwp_custom_logo() {
echo ‘
<style type=”text/css”>
#wpadminbar #wp-admin-bar-wp-logo > .ab-item .ab-icon:before {
background-image: url(‘ . get_template_directory_uri() . ‘/assets/images/kanishop-dashboard-icon.png) !important;
background-position: 0 0;
color:rgba(0, 0, 0, 0);
}
#wpadminbar #wp-admin-bar-wp-logo.hover > .ab-item .ab-icon {
background-position: 0 0;
}
</style>
‘;
}
//hook into the administrative header output
add_action(‘wp_before_admin_bar_render’, ‘resanehwp_custom_logo’);
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20
|
function resanehwp_custom_logo() { echo ‘ <style type=”text/css”> #wpadminbar #wp-admin-bar-wp-logo > .ab-item .ab-icon:before { background-image: url(‘ . get_template_directory_uri() . ‘/assets/images/kanishop-dashboard-icon.png) !important; background-position: 0 0; color:rgba(0, 0, 0, 0); } #wpadminbar #wp-admin-bar-wp-logo.hover > .ab-item .ab-icon { background-position: 0 0; } </style> ‘; } //hook into the administrative header output add_action(‘wp_before_admin_bar_render’, ‘resanehwp_custom_logo’);
|
دقت داشته باشید که در کد بالا آدرس تصویر خود را با مقدار پیش فرض جایگزین کنید . در تصویر زیر نتیجه اجرای کدهای بالا را مشاهده می کنید .