بهبود دهنده وردپرس

تغییر تصویر پیشفرض آواتار وردپرس: ساده و بدون افزونه

تغییر تصویر پیشفرض آواتار وردپرس

تغییر تصویر پیشفرض آواتار وردپرس

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

 

چرا باید آواتار وردپرس رو تغییر بدیم؟

بذارید یه چیزی رو رک بگم، تصویر پیشفرض اواتار که وردپرس استفاده میکنه از یه سایت دیگه به اسم https://secure.gravatar.com لود میشه. حالا این یعنی چی؟ یعنی هر بار که کسی میاد تو سایت شما، مرورگرش باید بره و اون تصویر رو از سایت مورد نظر بیاره. این کار ممکنه یه خورده طول بکشه و سایتتون کند بشه، مخصوصاً اگه اینترنت بازدیدکننده سرعت بالایی نداشته باشه یا اگه سرور سایت avatar مشکل داشته باشه.

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

 

کار این کدها دقیقا چیست؟

خب دوستان، یه چیز دیگه که می‌ خوایم بهتون بگیم اینه که با کد هایی که بهتون میدیم، میتونید اواتارهای دلخواهتون رو به‌ صورت تفکیک شده برای کاربران عادی و ادمین‌ ها مشخص کنید. خب این یعنی چی؟ یعنی مثلا برای همه کاربران (بازدید کنندهای معمولی) یه تصویر خاص بذارید و برای خودتون که ادمین هستید یه تصویر دیگه و کاربرانی که به حساب خودشون وارد شدن ولی ادمین نیستن یکی دیگه.

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

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

 

طریقه انجام

خب، حالا که میخواید اواتار های دلخواهتون رو تنظیم کنید، باید کدها رو توی فایل functions.php  قالب وردپرستون قرار بدید. نگران نباشید، این کار خیلی ساده است. فقط کافیه که قدم به قدم جلو برید:

مرحله 1: ورود به پنل مدیریت وردپرس

  1. وارد پنل مدیریت وردپرستون بشید. معمولاً آدرس ورود به این شکل هست: yourwebsite.com/wp-admin
  2. با نام کاربری و رمز عبور وارد بشید.

مرحله 2: رفتن به بخش ویرایشگر قالب

  1. از منوی سمت چپ به بخش “نمایش” بروید.
  2. روی “ویرایشگر قالب” کلیک کنید. اینجا همه فایل‌ های قالب سایتتون رو میبینید.

مرحله 3: پیدا کردن فایل functions.php

  1. در لیست فایل‌ ها، دنبال فایل functions.php بگردید و روی اون کلیک کنید.
  2. حالا ویرایشگر این فایل باز میشه به انتهای این فایل برین و کدهای مورد نظر رو داخل اون اضافه کنید.

مرحله 4: اضافه کردن کدها

کدهای زیر رو در انتهای فایل functions.php اضافه کنید:

قبل از کپی کردن کدها توجه کنید! سه لینک تصویر در کدها وجود داره که در بالای اونا نوشته شده که هر لینک تصویر مربوط به کدوم بخشه باید اونارو با لینک های دلخواه خودتون عوض کنید . توجه کنید که تنها باید لینک تصاویر عوض بشه و هیچ کارکتر دیگه ای مثل ‘ از کدا کم و یا زیاد نشه.


function custom_comment_avatar($avatar, $id_or_email, $size, $default, $alt) {
    if (is_numeric($id_or_email)) {
        $user = get_userdata($id_or_email);
    } elseif (is_string($id_or_email)) {
        $user = get_user_by('email', $id_or_email);
    } elseif (is_object($id_or_email)) {
        if (!empty($id_or_email->user_id)) {
            $user = get_userdata($id_or_email->user_id);
        }
    }

  if ($user) {
        if (in_array('administrator', $user->roles)) {
			// لينک تصوير آواتار ادمين در زير وارد شود
            $custom_avatar = 'https://navawp.ir/wp-content/uploads/2024/04/avatar-3d.png';
        } else {
			// لينک تصوير آواتار کاربران وارد شده به حساب در زير وارد شود
            $custom_avatar = 'https://navawp.ir/wp-content/uploads/2024/04/avatar-3d.png';
        }
    } else {
		    // لينک تصوير آواتار کاربران عمومي سايتتان را در زير وارد نماييد
           $custom_avatar = 'https://navawp.ir/wp-content/uploads/2024/04/avatar.png';
    }

    $avatar = "<img alt='{$alt}' src='{$custom_avatar}' class='avatar avatar-{$size} photo' height='{$size}' width='{$size}' />";

    return $avatar;
}
add_filter('get_avatar', 'custom_comment_avatar', 10, 5);

مرحله 5: ذخیره تغییرات

بعد از اضافه کردن کدها، روی دکمه “بروزرسانی پرونده” یا “Save” کلیک کنید تا تغییرات ذخیره بشه.

مرحله 6: تست تغییرات

حالا برید به سایتتون و بخش دیدگاه‌ ها رو چک کنید تا ببینید اواتار ها تغییر کرده‌اند یا نه.

 

نتیجه‌گیری

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

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

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

  +  72  =  82