کد وردپرس: تغییر لوگو و آیکن وردپرس در نوار منو بالا

مسیح دیندار
مدیریت
عضو شده: 2021-04-12 14:23:35
2021-05-06 14:56:33

اگه دقت کرده باشید، زمانی که وارد حساب کاربریتون در سایت وردپرسی خودتون میشید، در نوار مشکی رنگ بالای سایت، یه لوگو یا آیکن کوچک از وردپرس نمایش داده میشه. شما می تونید این لوگو رو شخصی سازی کنید و با لوگوی مورد نظر خودتون جایگزین کنید. روش انجام اینکار خیلی راحت هست. 

کافیه کد زیر رو شخصی سازی کنید و داخل فایل functions.php قالبتون قرارش بدید:

function talkina_custom_logo() {
echo '
<style type="text/css">
#wpadminbar #wp-admin-bar-wp-logo > .ab-item .ab-icon:before {
background-image: url(' . get_bloginfo('stylesheet_directory') . '/images/custom-logo.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>
';
}
add_action('wp_before_admin_bar_render', 'talkina_custom_logo');

کافیه در پوشه قالبتون یک پوشه دیگه به نام images بسازید و لوگوی خودتون رو در اندازه 16×16 پیکسل به نام custom-logo.png داخل اون پوشه آپلود کنید.