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

تغییر-از-اندازه-DIMAGE-آواتار-در-وردپرس

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

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

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

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

چگونه می توان اندازه Gravatar را برای نظرات وردپرس تغییر داد

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

شما باید به سیستم خود وارد شوید وب سایت با استفاده از یک سرویس گیرنده FTP و سپس دسترسی به دایرکتوری تم خود، مسیری مشابه این را دنبال کنید: / فایل wp-content / themes در / YOURTHEME / '.

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

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

این در داخل " wp_list_comments مثل این:

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

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

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

در غیر این صورت ، احتمالاً CSS موضوع شما دلیل این امر است. بهترین راه برای بررسی این استفاده از " عنصر را بازرسی کنید '.

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

بازرسی یک عنصر بر روی وردپرس

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

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

نماد-آواتار-بازرسی از کد

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

شما باید فایل style.css را در پوشه تم خود باز کرده و آواتار را جستجو کنید. احتمالاً یک کلاس CSS پیدا خواهید کرد: “.نویسنده نویسنده .آوار که حاوی کد مانند این است:

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

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

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

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

دو روش برای انجام این کار با این روش وجود دارد:

1 - بدون تصاویر تار

اگر میخواهید Gravatar را تغییر دهید که وردپرس ارائه می دهد و آن را بزرگتر می کند، انجام این کار توسط CSS این تصویر را تار می کند.

2 - زمان بارگذاری سریعتر

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

با این حال با تغییر اندازه تصاویر به " comments.php می توانید تصویر را کوچکتر کنید ، که می تواند بارگذاری تصاویر را بهینه کند.

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