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

سلام خدمت شما دوستان عزیز

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

با ای تاتس همراه باشید 🙂

قدم اول : تغییر اندازه Gravatar برای نظرات وردپرس


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

شما باید با استفاده از FTP به وب سایت خود متصل شوید و سپس به / wp-content / themes / yourtheme / بروید.

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

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

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

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

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

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

در حال حاضر پستی با نظرات داشته باشید تا ببینید آیا تغییرات شما زنده هستند.

اگر اینطور نیست، CSS تم شما آن را مورد تاکید قرار می دهد. بهترین روش برای بررسی این است که از ابزار Inspection Elements در مرورگر خود استفاده کنید.

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

Inspect Element Comments Gravatar

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

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

Gravatar Image Size WordPress

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

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

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

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

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

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

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

1. بدون تصاویر مبهم

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

2. بار سریع تر

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

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

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


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

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

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

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

/wp-content/themes/twentysixteen/template-parts/biographic.php فایل

این چنین خواندنی است:

$author_bio_avatar_size = apply_filters( 'twentysixteen_author_bio_avatar_size', 32 );
 
echo get_avatar( get_the_author_meta( 'user_email' ), $author_bio_avatar_size );

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

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

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

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

امیدوارم بهره کافی را از این مطلب برده باشید

مطالب مرتبط

آموزش نصب و فعالسازی IDM

آموزش تصویری ساخت حساب جیمیل Gmail Account

نحوه اضافه کردن لوگو داشبورد سفارشی در وردپرس

نحوه کپی کردن پایگاه داده وردپرس با استفاده از phpMyAdmin

نحوه استفاده از کد کوتاه در وردپرس

نحوه حذف لینک وردپرس

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

محتوای مطلب

کامنت ها

لطفا اگر سوالی نامرتبط با این مطلب دارید، از تب «پرسیدن سوال» استفاده کنید

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

نشانی ایمیل شما منتشر نخواهد شد.

<