نحوه تغییر اندازه تصویر Gravatar در وردپرس

آیا می خواهید اندازه تصویر Gravatar خود را در وردپرس تغییر دهید؟

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

در این مقاله نحوه تغییر اندازه تصاویر Gravatar در وردپرس را به شما نشان خواهیم داد.

چرا اندازه تصویر Gravatar در وردپرس را تغییر دهید؟

Gravatar مخفف جهانی شناخته شده آواتار است. این یک وب سرویس است که به شما امکان می دهد یک نمایه ایجاد کنید و تصاویر آواتار را با آدرس ایمیل خود مرتبط کنید.

اکثر قالب های وردپرس یک Gravatar را در کنار نظر کاربر نمایش می دهند. برخی از تم ها نیز گراواتار را در قسمت بیوگرافی نویسنده نمایش می دهند.

حتی اگر کاربری اکانت Gravatar نداشته باشد، سایت شما همچنان یکی از Gravatar های استاندارد وردپرس را نمایش می دهد.

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

با این اوصاف، بیایید نگاهی به نحوه تغییر اندازه تصویر Gravatar در سایت وردپرس خود بیندازیم. فقط از پیوندهای سریع زیر استفاده کنید تا به روشی که می خواهید استفاده کنید بروید.

روش 1: تغییر اندازه Gravatar با استفاده از ویرایشگر کامل سایت وردپرس (فقط تم های مسدود شده)

اگر از یک تم مبتنی بر بلوک مانند ThemeIsle Hestia Pro یا Twenty Twenty-Three استفاده می‌کنید، می‌توانید اندازه Gravatar را با استفاده از ویرایشگر کامل سایت تغییر دهید.

این روش با همه تم ها کار نمی کند، بنابراین اگر از یک تم دارای بلوک استفاده نمی کنید، توصیه می کنیم به جای آن از روش 2 استفاده کنید.

در داشبورد وردپرس خود، به ظاهر » ویرایشگر.

در منوی سمت چپ، می‌توانید انتخاب کنید که یک الگو را ویرایش کنید یا بخشی از یک الگو.

برای تغییر اندازه Gravatar برای نظرات وردپرس، معمولاً از منوی سمت چپ “Parts Template” را انتخاب می کنید.

سپس فقط روی “نظرات” کلیک کنید.

اکنون می توانید برای انتخاب قسمت قالب نظر کلیک کنید.

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

اکنون می توانید ادامه دهید و روی هر یک از گراواتارها در پیش نمایش زنده کلیک کنید.

در منوی سمت راست، می‌توانید تب «Block» را انتخاب کنید، اگر قبلاً انتخاب نشده است.

اکنون می توانید با کشیدن نوار لغزنده اندازه تصویر، Gravatar ها را بزرگتر یا کوچکتر کنید.

همانطور که نوار لغزنده را حرکت می دهید، همه Gravatar ها به طور خودکار به روز می شوند، بنابراین می توانید اندازه های مختلف را امتحان کنید تا ببینید بهترین به نظر می رسد.

هنگامی که از تغییراتی که ایجاد کرده اید راضی هستید، روی دکمه “ذخیره” کلیک کنید.

اکنون، اگر از بخش نظرات در وب سایت وردپرس خود بازدید کنید، تغییرات را به صورت زنده مشاهده خواهید کرد.

اگر از قالب وردپرس دارای بلوک استفاده نمی کنید، می توانید اندازه Gravatar را برای نظرات وردپرس با استفاده از کد تغییر دهید.

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

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

هنگامی که یک تم فرزند ایجاد کردید، باید با استفاده از یک سرویس گیرنده FTP مانند FileZilla به سایت وردپرس خود متصل شوید یا می توانید از مدیر فایل cPanel میزبانی وردپرس خود استفاده کنید.

اگر مشتری SiteGround هستید، می توانید به جای آن از داشبورد ابزارهای سایت استفاده کنید.

اگر با FTP تازه کار هستید، می توانید راهنمای کامل ما را در مورد نحوه اتصال به سایت خود از طریق FTP مشاهده کنید.

پس از اتصال، باید به /wp-content/themes/ بروید و پوشه قالب فعلی وردپرس خود را باز کنید.

هنگامی که اینجا هستید، فایل comments.php را باز کرده و عبارت a را جستجو کنید wp_list_comments تابع. در داخل این تابع خواهید یافتavatar_sizeکه اندازه گراواتار را تعیین می کند.

در اینجا نمونه ای از آنچه ممکن است به نظر برسد آورده شده است:

<?php
wp_list_comments(
    array(
        'avatar_size' => 60,
        'style'       => 'ol',
        'short_ping'  => true,
    )
);
?>

شما فقط می توانید تغییر دهید avatar_size به اندازه ای که می خواهید استفاده کنید در قطعه کد بالا، این به معنای تغییر 60 به یک عدد دیگر است.

Gravatar ها مربع هستند، بنابراین وردپرس از همان مقدار برای عرض و ارتفاع تصویر استفاده می کند. یعنی فقط باید یک عدد وارد کنید.

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

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

اگر Gravatar همچنان تغییر نمی کند، CSS طرح زمینه شما ممکن است تنظیمات موجود در فایل comments.php را لغو کند.

با استفاده از ابزار Inspect مرورگر خود می توانید ببینید که آیا این مورد است. مراحل بسته به مرورگری که استفاده می کنید متفاوت خواهد بود، اما در کروم می توانید به سادگی روی Gravatar کلیک راست کرده یا Ctrl کلیک کنید و سپس “Verify” را انتخاب کنید.

با این کار کد HTML و CSS صفحه در یک پنل جدید نمایش داده می شود.

در این کد باید مقادیر ارتفاع و عرض را جستجو کنید.

اگر اندازه با اندازه ای که در فایل comments.php مشخص کرده اید متفاوت است، به این معنی است که فایل style.css تم شما تغییرات شما را لغو می کند.

اگر این مورد است، به سادگی به سرویس گیرنده FTP خود برگردید. حالا می توانید پوشه تم را باز کنید و سپس فایل style.css را باز کنید.

در اینجا، به دنبال بلوک کدی بگردید که حاوی کلمه است avatar.

شما معمولا این را در یک پیدا خواهید کرد comment-author .avatar یک کلاس CSS مانند این:

.comment-author .avatar {
    height: 42px;
    position: relative;
    top: 0.25em;
    width: 42px;
}

اکنون می توانید ادامه دهید و عرض و ارتفاع را به مقادیری که برای Gravatar خود می خواهید تغییر دهید.

سپس فقط تغییرات خود را ذخیره کنید. اکنون اگر از وبلاگ یا وب سایت وردپرس خود بازدید کنید، تصاویر Gravatar به روز شده خود را خواهید دید.

در این مرحله ممکن است تعجب کنید که چرا توصیه می کنیم قبل از استفاده از روش ساده تر CSS سعی کنید اندازه Gravatar را در فایل comments.php تغییر دهید.

اولاً، CSS گاهی اوقات می‌تواند Gravatars را تار جلوه دهد، به خصوص اگر آواتارها را بسیار بزرگتر از تصویر اصلی کنید. دوم، تغییر اندازه تصویر در comments.php اغلب به بارگذاری سریع‌تر سایت شما کمک می‌کند.

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

روش 3: نحوه تغییر اندازه Gravatar برای نویسنده Bios

اگر یک سایت وردپرسی را با چندین نویسنده راه اندازی می کنید، یک فیلد نویسنده می تواند به خوانندگان کمک کند تا درباره نویسنده پست اطلاعات بیشتری کسب کنند.

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

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

به سادگی با استفاده از یک سرویس گیرنده FTP مانند FileZilla یا مدیر فایل میزبانی وردپرس خود به سایت خود متصل شوید. پس از اتصال، به /wp-content/themes/ بروید و پوشه قالب فعلی وردپرس خود را باز کنید.

سپس باید پوشه template-parts را باز کنید.

اکنون باید فایلی که در آن موجود است را پیدا کنید get_avatar کد شما اغلب این کد را در یک فایل قسمت الگو به نام author-bio.php، یک فایل single.php، یک فایل functions.php یا موارد مشابه پیدا خواهید کرد.

در اینجا نمونه ای از این است که این کد ممکن است شبیه به آن باشد:

<div class="author-bio <?php echo get_option( 'show_avatars' ) ? 'show-avatars' : ''; ?>">
        <?php echo get_avatar( get_the_author_meta( 'ID' ), '85' ); ?>

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

در موضوعات دیگر، کد ممکن است به شکل زیر باشد:

get_avatar( get_the_author_meta( 'user_email' ), 85);

شما به سادگی می توانید عدد را با مقداری که می خواهید برای بزرگتر یا کوچکتر کردن Gravatar استفاده کنید جایگزین کنید.

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

اگر گراواتارها تغییر نکرده اند، باید به دنبال کلاس آواتار در فایل style.css بگردید، همان فرآیندی که در بالا توضیح داده شد. هنگامی که این کلاس را پیدا کردید، می توانید مقادیر جدید ارتفاع و عرض Gravatar را وارد کنید.

امیدواریم این آموزش به شما در یادگیری نحوه تغییر اندازه تصویر Gravatar در وردپرس کمک کرده باشد. همچنین ممکن است بخواهید نحوه نمایش تصاویر گرد Gravatar در وردپرس را بیاموزید یا لیست ما از بهترین افزونه های صفحه فرود را بررسی کنید.

اگر از این مقاله لذت بردید، لطفا در کانال یوتیوب ما برای آموزش های ویدئویی وردپرس مشترک شوید. شما همچنین می توانید ما را در توییتر و فیس بوک