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

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

How to Change Gravatar Image Size in WordPress

> Gravatar یک آواتار شناخته شده در سطح جهانی است که آدرس ایمیل کاربر را با عکس او متصل می کند. برنامه های معروف مانند WordPress و دیگران از آن برای نمایش عکس کاربر در وب سایت استفاده می کنند.

بیشتر تم های وردپرس به طور پیش فرض یک Gravatar را در کنار هر نظر کاربر اضافه می کنند. برخی حتی از آن برای نویسنده جعبه بیوگرافی .

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

توجه: از آنجا که اندازه تصویر Gravatar توسط موضوع شما تعیین می شود ، برای تغییر دادن آن باید فایل های طرح زمینه خود را ویرایش کنید.

آموزش فیلم h4>

مشترک شدن در WPBeginner

اگر فیلم را دوست ندارید یا به دستورالعمل های بیشتری احتیاج دارید ، به خواندن ادامه دهید.

تغییر اندازه Gravatar برای نظرات وردپرس h4>

اولین کاری که باید انجام دهید این است که فایل comments.php واقع در پوشه تم های خود را باز کنید.

لازم است با استفاده از FTP به وب سایت خود متصل شوید و سپس به / wp- بروید محتوا / مضامین / طرح شما /.

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

در فایل comments.php ، باید کد زیر را پیدا کنید: avatar_size

مانند عملکرد wp_list_comments خواهد بود:

 'ol' ،
'short_ping' => درست است
'avatar_size' => 32 ،
))
؟>

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

ادامه دهید و تغییرات خود را ذخیره کنید. اگر از FTP استفاده می کنید ، تغییرات را در سرور خود بارگذاری کنید.

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

اگر اینگونه نباشد ، CSS موضوع شما بر آن غلبه دارد. بهترین روش برای بررسی استفاده از ابزار عناصر را بازرسی کنید در مرورگر خود.

کافیست روی Gravatar در مرورگر خود راست کلیک کرده و Inspect Element را کلیک کنید.

Inspect Element Comments Gravatar

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

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

Gravatar Image Size WordPress

متوجه خواهید شد که این دو متفاوت هستند. این بدان معنی است که فایل style.css طرح زمینه شما بیش از اندازه پیش فرض تصویر است. بسیاری از مضامین از جمله تم پیش فرض Twenty Sixteen از CSS برای کنترل اندازه تصویر Gravatar برای اندازه های مختلف صفحه استفاده می کنند.

شما باید فایل style.css را در پوشه طرح زمینه خود باز کرده و آواتار را جستجو کنید. شما به احتمال زیاد یک کلاس CSS پیدا خواهید کرد: .comment-author .avatar که حاوی کدی مانند این است:

.comment-author .avatar {
ارتفاع: 42 پیکسل
موقعیت: نسبی؛
بالا: 0.25em؛
عرض: 42 پیکسل
}

پیش بروید و عرض و ارتفاع را تغییر دهید تا با مقداری که قبلاً در فایل comments.php تنظیم کرده اید مطابقت داشته باشد.

این همه است. شما با موفقیت اندازه تصویر gravatar را در نظرات وردپرس خود تغییر داده اید.

اکنون ممکن است از خود بپرسید که آیا می توانید اندازه تصویر را با استفاده از CSS نادیده بگیرید ، پس چرا ما avatar_size را در فایل comments.php تغییر دادیم؟

بله ، در حالی که می توانید از میانبر CSS استفاده کنید ، انجام این روش دو مزیت دارد:

1 تصاویر تار

وجود ندارد

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

2. بارهای سریعتر

حال اگر می خواهید Gravatar را کوچکتر از اندازه پیش فرض تصویر قرار دهید ، روش CSS فقط خوب به نظر می رسد.

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

تغییر اندازه Gravatar برای نویسنده Bio

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

شما باید فایل تم را پیدا کنید که بیوگرافی را اضافه می کند. این می تواند در پرونده single.php ، فایل توابع.php یا حتی به عنوان یک فایل جداگانه از قسمت الگو باشد. قالب پیش فرض Twenty Sixteen از فایل قسمت الگو به نام biography.php استفاده می کند.

هنگام جستجوی پرونده ها ، باید به دنبال کد get_avatar باشید.

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

/wp-content/themes/twentysixteen/template-parts/biography.php

اینگونه خوانده می شود:

$ author_bio_avatar_size = اعمال_ فیلترها ('twentysixteen_author_bio_avatar_size' ، 32)؛

echo get_avatar (get_the_autor_meta ('email_ user') ، $ author_bio_avatar_size)؛

فقط باید شماره 32 را به هر آنچه دوست دارید تغییر دهید.

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

get_avatar (دریافت_نویسنده_متا ('نامه_ کاربر) ، 32)؛

بعد از تغییر اندازه ، صفحه را تازه کنید تا ببینید آیا اندازه به روز شده است. در غیر اینصورت ، لازم است کلاس avatar را در پرونده style.css مانند آنچه برای نظر نشان دادیم جستجو کنید و اندازه را نیز در آنجا به روز کنید.

امیدواریم این مقاله به شما کمک کند تا اندازه gravatar را در وردپرس تغییر دهید. همچنین ممکن است بخواهید راهنمای ما را در 25 رایج ترین خطای وردپرس و نحوه رفع آنها .

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

منبع:
https://www.wpbeginner.com/wp-themes/how-to-change-the-default-gravatar-image-size-in-wordpress/.

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