آموزش تغییر لوگو وردپرس بدون افزونه

بعضی از طراحان سایت به دلایل مختلف از جمله سفارشی سازی طراحی و ارائه شکیل تر پروژه به کارفرما تصمیم می‌گیرن لوگو وردپرس که در صفحه ورود و پیشخوان وردپرس دیده می‌شه رو تغییر بدن.

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

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

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

تغییر لوگو وردپرس

وردپرس محبوب یک سیستم open source هست که قابلیت توسعه و تغییر رو داره با یک تیکه کد ساده می‌تونید همچین تغییری رو ایجاد کنید.

در مرحله اول باید وارد هاست یا رسانه وردپرس بشید و لوگویی که می‌خواید جایگزین لوگو وردپرس کنید رو در فرمت Png یا webp آپلود کنید و آدرسش رو کپی کنید.

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

ویرایش فایل function قالب

برای ویرایش فایل function.php وارد هاست سایت بشید و این مسیر رو دنبال کنید:

file manager>public-html>wp-content>themes>your theme

اگه نمیدونی بین قالب آماده یا اختصاصی باید کدومو انتخاب کنی مقاله ای که لینک شده رو حتما بخون!

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

function change_login_logo() {
echo '<style type="text/css">
.login h1 a {
background-image: url(https://webpromaxacademy.com/wp-content/uploads/logo.png) !important;
}
</style>';
}
add_action('login_head', 'change_login_logo');

تغییر لوگو وردپرس در پیشخوان

کدهای استانداردی که برای تغییر لوگو وردپرس باید اضافه کنید:

function remove_wp_logo_from_admin_bar($wp_admin_bar) {
    $wp_admin_bar->remove_node('wp-logo');
}
add_action('admin_bar_menu', 'remove_wp_logo_from_admin_bar', 999);

function custom_logo_adminbar($wp_admin_bar) {
        $args = array(
        'id'    => 'custom-logo',
        'title' => '<img src="https://webpromaxacademy.com/wp-content/uploads/logo.png" style="height:20px;width:20px;margin-top:6px;" />',
        'href'  => home_url(),
        'meta'  => array(
            'title' => 'مشاهده سایت'
        )
    );    $wp_admin_bar->add_node($args);
}
add_action('admin_bar_menu', 'custom_logo_adminbar', 1);