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

ضعیفمتوسطخوببسیار خوبعالی
( 0 رای , میانگین : 0,00 از 5)
بارگذاری...

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 را انتخاب کنید. بعد از پیدا کردن کد مورد نظر در بالای کدها مسیر آن را نوشته است و با بردن ماوس روی آن آدرس را به صورت کامل نمایش خواهد داد به آدرس مورد نظر رفته و آن کدها را جستجو کنید و بعد از پیدا کردن اندازه ها را تغییر دهید.

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



رویا مفاخر
( عضو از 6 سال قبل )
  • 263 نوشته
  • 1401 دیدگاه
  • 0 محصول
  • 0 دوره آموزشی
از اعضای بخش پشتیبانی مجموعه نوین وردپرس

نظرات کاربران

ثبت دیدگاه

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

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

مطالب مرتبط



اسکیما چیست و نحوه استفاده از schema چگونه است؟

420
0
اسکیما که به آن نشانه‌گذاری نیز گفته می‌شود، یک زبان کدگذاری در سایت محسوب می‌شود که با استفاده از آن در صفحات مختلف سایت می‌توانید به موتورهای جستجوگر ...
جزییات بیشتر آموزش را بخوانید!

آموزش نحوه رفع خطای انتشار ناموفق در وردپرس؛ 7 راه حل برای این مشکل

1264
0
خطای انتشار ناموفق یکی از خطاهای رایج وردپرس است که ممکن است برای هر وب سایتی حداقل یکبار پیش آمده باشد. دلایل مختلفی وجود دارد که باعث می ...
جزییات بیشتر آموزش را بخوانید!

آموزش تغییر اندازه لوگو در وردپرس | چگونه سایز لوگو را در وردپرس تنظیم نماییم؟

2310
0
یکی از مهم ترین بخش های هرنوع سایتی، لوگوی آن می باشد. در واقع لوگو؛ نشان دهنده هویت سایت می باشد و به افزایش اعتبار سایت شما کمک ...
جزییات بیشتر آموزش را بخوانید!

آموزش تبدیل ریال به تومان در افزونه EDD

3484
0
سلام عزیزان امروز در خدمت شما خواهیم بود با یک آموزش مفید و ضروری دیگر برای آن دسته از دوستان که از افزونه easy digital downloads یا EDD استفاده ...
جزییات بیشتر آموزش را بخوانید!

معرفی خطاهای 4xx و نحوه رفع آن‌ها

225
0
به عنوان یک کاربر ممکن است تعجب کنید که خطای 4XX به چه معناست، چرا رخ می دهد و چگونه می توان خطاهای مربوط به ردهٔ 4XX را ...
جزییات بیشتر آموزش را بخوانید!

Cross Sell چیست و راه اندازی Cross Sell در ووکامرس

404
0
آیا قصد دارید فروش خود را افزایش دهید؟ برای رسیدن به فروش های بیشتر در فروشگاه انلاین تکنیک های بازاریابی مختلفی وجود دارد که علاوه بر اینکه می ...
جزییات بیشتر آموزش را بخوانید!

ایجکس چیست؛ کاربردها، مزایا و معایب Ajax

82
0
اگر مدیر وب سایت هستید و کسب و کار شما به صورت آنلاین است، به احتمال خیلی زیاد عبارت ایجکس به گوشتان خورده است، اما ممکن است معنا ...
جزییات بیشتر آموزش را بخوانید!

آموزش ارسال خودکار مطالب وردپرس به شبکه های اجتماعی

5243
2
آیا میخواهید مطالب سایت وردپرس خود را به شبکه های اجتماعی مختلف ارسال کنید، آن هم به صورت خودکار؟ فیس بوک، اینستاگرام و توئیتر هم اکنون بزرگترین شبکه ...
جزییات بیشتر آموزش را بخوانید!

دسته بندی مطالب

محصولات حرفه ای

جستجو کنید…

همکار ما شوید

اگر دوست دارید در زمینه آموزش ، افزونه ، قالب وردپرس و ووکامرس ، آموزش سئو و… مقالات آموزشی خود را در نوین وردپرس منتشر کنید میتوانید به عنوان نویسنده در نوین وردپرس فعالیت کنید.

  • تولید کننده فیلم آموزشی کار با محصولات
  • نویسندگی و ارسال مطالب آموزشی
  • تولید کننده دورهای آموزشی برنامه نویسی
  • فارسی سازی و ترجمه انواع قالب
  • و هر آنچه که توانایی دارید...
  • فهرست مطالب