چگونه اندازه تصاویر Gravatar را در وردپرس بزرگتر کنیم؟
GVATAR یک نماد جهانی است که آدرس ایمیل یک کاربر را به تصویر آن مرتبط می کند برنامه های محبوب مانند وردپرس و دیگر برنامه ها برای نمایش تصاویر کاربران از آن استفاده میکنند. تصویر آواتار یک اندازه خاص دارد و شما باید تصاویر خود را برای نمایش دادن به اندازه انتخاب شده ذخیره کنید.
تغییر اندازه گراواتار برای نظرات وردپرس
برای انجام این کار ابتدا باید از طریق هاست به فایل comments.php در مسیر wp-content/themes/yourtheme مراجعه کنید و آن را در حالت ویرایش قرار دهید.
در فایل comments.php شما باید کد avatar_size را پیدا کنید در داخل wp_list_comments کد ها به شکل زیر خواهد بود :
</p> <pre><?php wp_list_comments( array( 'style' => 'ol', 'short_ping' => true, 'avatar_size' => 32, ) ); ?></pre>
شما براحتی میتوانید سایز آواتار تغییر دهید چون شکل آن مربع است و میتوانید عرض و ارتفاع آن را تغییر دهید تا به سایز دلخواه شما در بیاید . بعد از انداختن کد مربوطه باید تغییراتی در آواتار وبسایت شما ایجاد شود ولی اگر تغییرات ایجاد نشده بود برای انجام این کار بر روی گراواتار مرورگر خود کلیک راست نموده و گزینه Inspect Element را انتخاب کنید.
شما باید عرض و ارتفاع تصاویر گراواتور را ببنید تا بتوانید اندازه آن را تنظیم کنید هنگامی که ماوس را بر روی تصاویر قرار دهید آن را به صورت برجسته نشان میدهد و شما اندازه واقعی آن را مشاهده خواهید کرد.
بعد مشاهده این موارد شما در داخل قالب به پوشه style.css مراجعه کرده و سپس گراواتار مورد نظر را جستجو کنید شما باید آدرس comment-author .avatar را پیدا کنید که شامل کدهای زیر میباشد :
.comment-author .avatar { height: 42px; position: relative; top: 0.25em; width: 42px; }
حال اندازه مورد نظر را در این قسمت وارد کرده و بعد از آن نتیجه را با ctrl+f5 مشاهده کنید خواهید دید که اندازه ها تغییر کرده است.
در بعضی موارد کدهای آواتار از قسمت comments.php قابل تغییر است ولی اگر تغییر نکرد میتوانید از قسمت style.css این موارد را براحتی تغییر دهید.در بعضی قالب ها این اندازه آواتار از دیگر فایل های موحود در هاست تغییر میکند و شما برای یافتن آن باید همانند آموزش بالا روی گزینه مورد نظر کلیک راست کرده و Inspect Element را انتخاب کنید. بعد از پیدا کردن کد مورد نظر در بالای کدها مسیر آن را نوشته است و با بردن ماوس روی آن آدرس را به صورت کامل نمایش خواهد داد به آدرس مورد نظر رفته و آن کدها را جستجو کنید و بعد از پیدا کردن اندازه ها را تغییر دهید.
نظرات کاربران
ثبت دیدگاه