كيفية عرض صور Gravatar المستديرة في ووردبريس

في الآونة الأخيرة، عرضنا لك كيفية نمط التخطيط تعليقاتكم و كيفية أسلوب شكل تعليقك . قام أحد مستخدمينا بإرسال بريد إلكتروني إلينا وسألنا “كيف جعلت صور Graatar الخاصة بك مستديرة؟ هل تقوم بتخزين صور الجرافاتار محليًا لجعلها مستديرة؟ ” في هذه المقالة ، سوف نوضح لك كيفية عرض صور Gravatar في  ووردبريس. سنستخدم خاصية border-radius في CSS3 لإنشاء صور غرافيتار دائرية.

أول شيء عليك القيام به هو تعديل ملف style.css الخاص بالثيم الخاص بك. يمكنك القيام بذلك باستخدام برنامج FTP أو بالانتقال إلى المظهر »محرر في مسؤول  ووردبريس الخاص بك. بعد ذلك ، تريد إضافة الكود التالي في ملف CSS الخاص بك:

.avatar {
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
}

يجب أن يعمل هذا على معظم سمات  ووردبريس. ومع ذلك ، إذا كان هذا لا يعمل على السمة الخاصة بك ، فمن المحتمل أن يكون هناك بعض المكونات الإضافية أو وظيفة السمة الخاصة بك تعبث بالفئات الافتراضية المستخدمة في gravatar في  ووردبريس. من أجل اكتشاف صور Graatar لفئة css التي تستخدمها في قالبك ، تحتاج إلى فتح منشور مدونة به تعليقات. قم بالتمرير لأسفل إلى قسم التعليقات ، وانقر بزر الماوس الأيمن على صورة Graatar لتحديد فحص العنصر. سيُظهر لك الكود المصدري لغراتار الخاص بك ، مثل هذا:

البحث عن فئة css المستخدمة من قبل أيقونة Gravatar

إذا كانت صورة Gravatar بها شيء آخر غير الصورة الرمزية ، فاستخدم ذلك بدلاً من avatar. في كود css أعلاه.

نأمل أن تساعدك هذه المقالة في عرض صور Graatar على مدونة  ووردبريس الخاصة بك. أخبرنا إذا كان لديك أي أسئلة أو تعليقات من خلال ترك تعليق أدناه.

خدمات مميزة لآجلك

نأمل أن تساعدك هذه المقالة في تعلم كيفية تغيير نظام ألوان الادمن في الووردبريس. قد ترغب أيضًا في رؤية مختارات حول الإضافات (بلجن) في الووردبريس ودليلنا حول كيفية اختيار أفضل شركات حجز النطاقات والاستضافات وكيفية التعامل معها.

اشترك معنا لمزيد من المعرفة

إذا أعجبك هذا المقال ، فيرجى الاشتراك في قناتنا على اليوتيوب لدروس فيديو في الووردبريس. ويمكنك أيضًا أن تجدنا على فيسبوك وتويتير وانستجرام وتيكتوك، لطفاً لا تنسى متابعتنا، فنحن نسعد برؤيتك..