آموزش تغییر اندازه GRAVATAR

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

با سلام خدمت شما دوستان نوین وردپرسی

با آموزش دیگر در خدمت شما هستیم.GRAVATAR یک نماد جهانی است که آدرس ایمیل یک کاربر را به تصویر آن مرتبط می کند.برنامه هایی مانند قالب وردپرس و دیگر برنامه ها از آن برای نمایش تصاویر کاربران در وب سایت استفاده می کنند.

gravatar1

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

برای اینکار نیاز هست فایل comment.php در پوشه‌ی قالب وردپرسی خود را باز کنید و به مسیر/wp-content/themes/yourtheme/ بروید

اگر یک نظر را باز کنید تغییرات را مشاهده خواهید کرد . ولی اگر تغییرات ایجاد نشده بود به این معنی است که تنظیمات css ارجح تر می باشد.بهترین راه برای چک کردن استفاده از Inspect Elements tool در مرورگر می باشد.
inspectelementcomments

شما برای اینکار نیاز به  ارتفاع و عرض تصاویر دارید تا  آواتار را ببینید و بتوانید مقادیر آن را تنظیم کنید.هنگامی که موس روی تصویر قرار می گیرد تصویر برجسته شده و اندازه واقعی آن را خواهید دید.(همانند تصویر زیر)

gravatarimagesize-1

شما می بینید  که اندازه ها متفاوت هستند و این  به این معنی می باشد که فایل style.css اندازه تصاویر را مشخص کرده است.در بسیاری از قالبهای وردپرس مانند۲۰۱۶ از طریق css اندازه تصاویر آواتار را مشخص می کنند.شما باید فایل style.css را در قالب وردپرس خود باز کنید و آواتار را جستجو کنید. باید فایل css که شامل کلاس  .comment-author .avatar می باشد پیدا کنید که شامل کد زیر می باشد:

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

حالا مقادیر طول و عرض را مطابق با مقادیری که در فایل comment.php قرار داده اید تغییر دهید.شاید برای شما سوال پیش بیاید که چرا وقتی تغییر سایز با css امکان داشت چرا ما  avatar_size در فایل comment.php را تغییر داده ایم؟

زمانی که از میانبر css استفاده می کنیم دو منفعت برای ما دارد:

۱/ اگر شما بخواهید تصاویر آواتار را در قالب وردپرس خود تغییر دهید و اندازه آن را بزرگتر از اندازه پیش فرض کنید تصاویر تار خواهد شد.

۲/حالا اگر شما بخواهید تصاویر آواتار قالب وردپرس خود را از اندازه معمولش کوچکتر کنید بهترین گزینه تغییر فایل css  می باشد. با این حال با تغییر سایز در فایل comment.php اندازه واقعی فایل کوچکتر خواهد شد در نتیجه باعث بهبود سرعت سایت می شود.

تغییر اندازه تصاویر آواتار برای نویسندگان

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

برای اینکار باید یک فایل single.php  یا function.php یا یک فایل جدا در قالب وردپرس شما باشد.

در قالب وردپرس ۲۰۱۶ از فایل biography.php استفاده می شود .هنگام جستجو شما باید کد get_avatar. را پیدا کنید.برای مثال ما قالب پیش فرض وردپرس ۲۰۱۶ را بیان می کنیم.

مسیر پوشه ها در این قالب وردپرس /wp-content/themes/twentysixteen/template-parts/biography.php file می باشد.

 $author_bio_avatar_size= apply_filters(‘twentysixteen_author_bio_avatar_size’, ۳۲ ); echoget_avatar( get_the_author_meta( ‘user_email’), $author_bio_avatar_size);

بجای عدد ۳۲ که در متن می بینید عدد دلخواه خود را وارد کنید.

در برخی از قالبهای وردپرس ممکن است کد به این صورت باشد:

get_avatar( get_the_author_meta( ‘user_email’), ۳۲);</p>
به پایان این آموزش رسیدیم امیدواریم این آموزش مورد پسند شما باشد.
پایان

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



مینا رضوی
( عضو از 7 سال قبل )
  • 187 نوشته
  • 335 دیدگاه
  • 0 محصول
  • 0 دوره آموزشی
فراتر از همه با نوین وردپرس

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

ثبت دیدگاه

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

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

مطالب مرتبط



آموزش رفع مشکل ریدایرکت شدن و خطاهای redirection در وردپرس

2203
0
آیا در سایت وردپرسی خود با خطای تغییر مسیر روبه رو می شوید؟ به طور کلی؛ خطای ریدایرکت در وردپرس یکی از رایج ترین خطاهای وردپرس می باشد ...
جزییات بیشتر آموزش را بخوانید!

بازاریابی محتوا در وب سایت چه مزایایی به همراه دارد ؟

2494
0
با سلام در این بخش از مقالات آموزشی وردپرس قصد داریم در مورد بازاریابی محتوا صحبت کنیم . بازاریابی محتوا عبارتی آشنا برای صاحبان کسب و کار اینترنتی است ...
جزییات بیشتر آموزش را بخوانید!

آموزش اضافه کردن ابزارک به وردپرس در چند گام

4818
0
آیا قصد اضافه کردن انواع ابزارک ها به سایت وردپرسی خود را دارید؟ به طور کلی؛ ابزارک ها به شما این امکان را می دهند که بدون نیاز ...
جزییات بیشتر آموزش را بخوانید!

آموزش انتقال وبلاگ از WordPress.com به WordPress.org

1169
0
خب شما تا الان کاربری بوده اید که از WordPress.com استفاده می کردید. اتفاقاتی افتاده و شما به این نتیجه رسیده اید که از WordPress.com به سیستم دیگری ...
جزییات بیشتر آموزش را بخوانید!

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

289
0
یکی از قابلیت های جذاب سیستم مدیریت محتوای وردپرس، امکان منتشر کردن پست های خصوصی می باشد. زمانی که شما یک پست خصوصی منتشر می کنید، آن پست ...
جزییات بیشتر آموزش را بخوانید!

آموزش گام به گام نصب وردپرس در یک زیرگروه (Subdomain )

1877
4
آیا می خواهید وردپرس را در یک زیر گروه نصب کنید؟ نصب وردپرس در یک پوشه فرعی اجازه می دهد تا چندین نمونه وردپرس را در یک دامنه ...
جزییات بیشتر آموزش را بخوانید!

آموزش نحوه افزودن منوی سفارشی به پیشخوان وردپرس

1599
0
با سلام خدمت شما دوستان گرامی یا یکی دیگر از آموزش ها در خدمت شما هستیم در نمایش وردپرس به طور پیش فرض یک نوار ابزار در همه صفحات کاربران ...
جزییات بیشتر آموزش را بخوانید!

آموزش افزودن بنر فلش و گیف در وردپرس

4687
5
سلام خدمت عزیزان وردپرسی تعدادی از بازدیدکنندگان به ما ایمیل میزدند که چطوری میشه یک بنر فلش رو توی وردپرس قرار دهیم بدون اینکه پیکره بندی وطراحی سایت مان به ...
جزییات بیشتر آموزش را بخوانید!

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

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

جستجو کنید…

همکار ما شوید

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

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