سألنا أحد قرائنا مؤخرًا عما إذا كان من الممكن تغيير حجم صورة Gravatar. الجواب نعم. في هذا البرنامج التعليمي ، سوف نوضح لك كيفية تغيير حجم صورة Gravatar على WordPress.
Gravatar هو صورة رمزية معترف بها عالميًا تربط عنوان البريد الإلكتروني للمستخدم بصورة. تستخدمه التطبيقات الشائعة مثل WordPress وغيرها لعرض صورة المستخدم على الموقع.
معظم وورد المواضيع بشكل افتراضي ، أضف Gravatar بجوار كل تعليق مستخدم. حتى أن البعض يستخدمه في السيرة الذاتية للمؤلف.
دعنا نلقي نظرة على كيفية تغيير حجم صورة Gravatar على موقع WordPress الخاص بك.
ريمارك: نظرًا لأن حجم صورة Gravatar محددًا بواسطة السمة الخاصة بك ، يجب عليك تعديل ملفات السمة الخاصة بك لتغييرها.
كيفية تغيير حجم غرفتر للتعليق ورد
أول شيء عليك القيام به هو فتح ملف comments.php الموجود في مجلد القالب الخاص بك.
سوف تحتاج إلى تسجيل الدخول إلى الخاص بك موقع انترنت باستخدام عميل FTP ثم الوصول إلى دليل السمات الخاص بك ، باتباع مسار مشابه لهذا: " / الفسفور الابيض بين المحتوى / المواضيع / yourtheme / ".
وبدلاً من ذلك، إذا كان المورد الخاص بكالإقامة يقدم مدير ملفات، يمكنك تحرير هذا الملف باستخدام واجهة الويب في لوحة التحكم الخاصة بك.
في ملف comments.php ، يجب أن تجد الكود التالي: avatar_size »
سيكون داخل " wp_list_comments " هكذا:
'ol'، 'short_ping' => true، 'avatar_size' => 32،)) ؛ ؟>
فقط قم بتغيير الحجم للأبعاد التي تريدها. Gravatars مربعة ، وبالتالي فإن مجموعة القيمة ستكون هي نفسها للعرض والارتفاع.
المضي قدما وحفظ التغييرات الخاصة بك. إذا كنت تستخدم عميل FTP ، فستحتاج إلى تحميل ملفك على الخادم. افتح الآن مقالة تحتوي على تعليقات لمعرفة ما إذا كانت التغييرات التي أجريتها سارية المفعول.
إذا لم يكن الأمر كذلك ، فمن المحتمل أن يكون CSS لموضوعك هو السبب. أفضل طريقة للتحقق من ذلك هي استخدام " فحص العنصر ".
فقط انقر بزر الماوس الأيمن على Gravatar في متصفحك وانقر على "فحص العنصر".
تحتاج إلى إلقاء نظرة على ارتفاع وعرض صورة Gravatar لمعرفة ما إذا كانت تتطابق مع الصورة التي حددتها.
عندما تحوم فوقها ، فسوف تبرز أيضًا أبعاد Gravatar الفعلية والأبعاد المحددة في سماتها.
ستلاحظ أن الاثنين مختلفان. هذا يعني أن ملف style.css الخاص بالسمة مسؤول عن الحجم الافتراضي للصورة. العديد من الموضوعات بما في ذلك الموضوع الافتراضي عشرون ستة عشر يستخدم CSS لتغيير حجم الصور.
تحتاج إلى فتح ملف style.css في مجلد النسق الخاص بك والبحث عن الصورة الرمزية. من المحتمل أن تجد فئة CSS: ".كيف مؤلف .avatar الذي يحتوي على رمز مثل هذا:
.comment-author .avatar {height: 42px؛ الموقف: نسبي ؛ أعلى: 0.25em ؛ العرض: 42 بكسل ؛ }
المضي قدما وتغيير العرض والارتفاع لمطابقة القيمة المحددة سابقا في ملف comments.php.
هذا كل شيئ. لقد نجحت في تغيير حجم الصورة الرمزية " غرفتر في تعليقات وورد الخاص بك.
الآن قد تتساءل ، إذا كان من الممكن تجاوز حجم الصورة باستخدام CSS فلماذا تفعل ذلك في ملف comments.php؟
هناك ميزتان للقيام بذلك مع هذه الطريقة:
1 - عدم وجود صور ضبابية
إذا كنت ترغب في تغيير حجم غرفتر ورد المقترحة وجعلها أكبر، وجعله من قبل CSS سيجعل هذه الصورة غير واضحة.
2- أسرع وقت التحميل
الآن ، إذا كنت ترغب في تعيين حجم صورة أصغر من الحجم الافتراضي ، من أجل التحسين ، فإن استخدام كود CSS لجعل الصورة صغيرة لن يؤدي إلى تحسين تحميل الصورة.
ولكن عن طريق تغيير حجم الصور إلى " comments.php يمكنك جعل الصورة أصغر ، مما يمكن من تحسين تحميل الصور.
هذا كل شيء في هذا البرنامج التعليمي ، لا تتردد في مشاركة هذا البرنامج التعليمي مع أصدقائك على الشبكات الاجتماعية المفضلة لديك.
