اريد تغيير تصميم ايقونة الترس في القالب الذي استخدمه

Saad

أهلًا بك.

ما اسم القالب الذي تستخدمه، وأين تظهر هذه الأيقونة بالضبط؟

Saad ويكومرس ارغب في تغير ايقونة الترس لايقونات مخصصة من خلالي هل بامكان احد مساعدتي في ذلك

لدى الووكومرس ولا أعرف أين أجد هذه الأيقونات .

ممكن تعطينا صورة أوسع من لوحة التحكم لنعرف بالضبط أين تظهر هذه الأيقونات ؟

Saad

لوحة التحكم المعروضة في صورتك ليست ضمن الووردبريس الافتراضي، ولوحة التحكم الافتراضية هي التي في الصورة التالية:

هذا يعني أن المطور الذي صمم لوحة التحكم لك صممها بشكل مخصص إما باستخدام أحد إضافات إنشاء لوحات تحكم مخصصة أو بشكل مخصص بطريقة ما (هذا إن كنت تستخدم ووردبريس في الأساس).

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

هناك حل آخر وهو أن تستخدم خاصية الـ inspect الموجودة في متصفح الكروم:

• اضغط كليك يمين على صورة الترس ثم من القائمة تختار inspect
• حدد مسار صورة الترس داخل مجلدات موقعك بالضبط، وحملها لجهازك
• أنشئ صورة مختلفة بنفس الاسم ونفس الامتداد وارفعها لنفس المسار (اي استبدل صورة الترس بالصورة التي تريدها)
• امسح الكاش (إذا كنت تستخدم أحد إضافات الكاش)
• أعد تحميل الصفحة أو استعرضها من متصفح كروم نسخة الـ incognito وستلاحظ أنه الصورة تغيرت بنجاح.

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

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

Saad

إذا أردت استخدام الطريقة الثانية وأردت مساعدة في اكتشاف إن كانت هذه الطريقة تصلح معك أو لا، فطبق الخطوات التالية على صورة الترس عندك وأعطنا الرابط وسنخبرك.

الخطوة الأولى أن تضغط كليك اليمين على الصورة وتختار inspect من القائمة

الخطوة الثانية، سيتم فتح كود الموقع وسيتم تظليل رابط الصورة كما في المثال في الصورة التالية

رابط الصورة يبدأ بكلمة img src

Saad

بالإضافة إلى الطرق التي أخبرك بها الأخ صلاح، يمكنك كتابة كود جافاسكريبت وتطبيقه في الموقع لتغيير الأيقونة.

يجب أولًا أن تحصل على محدد العنصر الخاص بالأيقونة. يمكنك الوصول إلى العنصر بالطريقة التي شرحها الأخ صلاح في التعليق السابق، وللحصول على محدده تنقر على زر + الموجود في قسم Styles، حيث يظهر المحدد في الأسفل مباشرة.

وبعد الحصول على المحدد، يمكنك استخدام الكود التالي في الموقع لتغيير الأيقونة، حيث تضع مكان تسجيل الدخول لعرض الكود رابط الأيقونة الجديدة، ومكان تسجيل الدخول لعرض الكود تضع محدد العنصر.

لكن لاحظ أنه يجب أن تضبط الكود ليعمل في الواجهة الخلفية للموقع وليس في الواجهة الأمامية. يمكنك فعل ذلك عبر إدارج الكود باستخدام إضافة [سجل الدخول لترى الرابط] وضبط خاصية Location لـ Admin header.