كيفية إضافة أيقونة مفضلة إلى شوبيفي

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

قبل أن تبدأ، جهز صورة مربعة مفضلة. يوصي Shopify بحجم مفضل يبلغ 32 × 32 بكسل، على الرغم من أن الصورة مقاس 16 × 16 بكسل مدرجة أيضًا كحجم مفضل مثالي في وثائق Shopify. يمكن تقليل الصور التي يزيد حجمها عن 32 × 32 بكسل إلى 32 × 32 بكسل عند تحميلها.

كيف يمكنك إضافة المفضلة إلى Shopify؟

يوفر Shopify إعداد الأيقونة المفضلة من خلال محرر السمات للمتاجر المؤهلة. يمكن أن يختلف الموقع الدقيق للإعداد حسب إصدار السمة. تضعه تعليمات Shopify الحالية ضمن إعدادات السمة، حيث قد يظهر كرمز مفضل أو ت��ت الشعار.

1. تسجيل الدخول إلى شوبيفاي: قم بتسجيل الدخول إلى مسؤول Shopify الخاص بك. تحتاج إلى الوصول إلى المتجر الذي تريد تغيير رمزه المفضل.
2. افتح المتجر الإلكتروني > السمات: من مسؤول Shopify، انتقل إلى متجر على الإنترنت> المواضيع. حدد السمة التي تريد تعديلها.
3. افتح محرر السمات: انقر تخصيص (أو تحرير السمة) بجوار السمة التي تريد تخصيصها. النقطة المهمة هي فتح محرر السمات للموضوع الذي تريد تغييره.
4. افت�� إعدادات الموضوع: داخل محرر السمات، انقر فوق إعدادات الموضوع أيقونة (يمثلها رمز الترس على اللوحة اليسرى).
5. ابحث عن إعداد الأيقونة المفضلة: اعتمادًا على إصدار السمة لديك، انقر فوق الشعار أو الرمز المفضل. يشير Shopify على وجه التحديد إلى أن الموقع يمكن أن يختلف اعتمادًا على إصدار السمة. لا تفترض أن كل سمة Shopify ستعرض إعدادًا مسمىًا بشكل مماثل في نفس المكان.
6. حدد صورة الأيقونة المفضلة لديك: في قسم صورة الأيقونة المفضلة، انقر فوق حدد الصورة. يمكنك بعد ذلك إما تحديد صورة تم تحميلها بالفعل إلى مشرف Shopify الخاص بك، أو النقر عليها إضافة الصور وتحميل صورة من جهاز الكمبيوتر الخاص بك. حدد الرمز المفضل الذي قمت بإعداده.
7. انقر فوق تم: بعد اختيار الصورة اضغط تم. سيعيدك Shopify إلى إعدادات الأيقونة المفضلة.
8. أضف نصًا بديلاً عندما يكون متاحًا: تتيح لك بعض السمات إضافة نص بديل إلى الأيقونة المفضلة. للقيام بذلك، انقر فوق تحرير في قسم الصورة المفضلة وأدخل وصفًا مختصرًا للصورة. يلاحظ Shopify أن بعض السمات توفر هذا الخيار. مثال وصفي سيكون: الأحرف الأولى من العلامة التجارية باللون الأبيض على خلفية سوداء.
9. احفظ تغييراتك: انقر حفظ في أعلى اليمين. يؤدي هذا إلى تطبيق الرمز المفضل على السمة التي تقوم بتحريرها.
10. تحقق من المتجر المباشر: افتح متجر Shopify المنشور في نافذة متصفح عادية. انظر إلى علامة تبويب المتصفح وتحقق مما إذا كان الرمز المفضل الجديد الخاص بك يظهر بجانب عنوان الصفحة. لا تعتمد فقط على المعاينة داخل محرر السمات Shopify. يلاحظ Shopify أن الرموز المفضلة لا يتم عرضها عند عرض سمة من خلال محرر السمات لأن المحرر جزء من مسؤول Shopify بدلاً من واجهة المتجر المباشرة.

أين يوجد إعداد Favicon في Shopify؟

في تعليمات Shopify الحالية، يتم الوصول إلى إعداد الرمز المفضل من خلال محرر السمات:

مسؤول Shopify → المتجر عبر الإنترنت → السمات → تحرير السمة/تخصيص → إعدادات السمة

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

يتطلب Shopify أيضًا أن تحتوي السمات المقدمة إلى متجر السمات الخاص به على إعداد أيقونة مفضلة، مما يعني أنه من المتوقع أن توفر السمات المصممة لنظام Shopify البيئي دعمًا لهذا التخصيص.

ماذا لو لم تتمكن من العثور على إعداد Favicon؟

أولاً، تأكد من أنك تقوم بتحرير السمة الصحيحة. ثم تحقق:

• اذهب الى متجر على الإنترنت> المواضيع.
• افتح الموضوع الذي تريد نشره بالفعل.
• مفتوح إعدادات الموضوع.
• تحقق على حد سواء الرمز المفضل و الشعار.
• ابحث في لوحة إعدادات السمة الكاملة. تنظم بعض السمات إعداداتها بشكل مختلف.

إذا كان المظهر الخاص بك لا يعرض حقًا إعداد الأيقونة المفضلة، فقد يوفر رمز المظهر بديلاً. يمكن أن تعرض سمات Shopify الإعدادات العامة من خلال settings_schema.json، وتظهر وثائق مطور Shopify أنه يمكن عرض إعدادات الأيقونة المفضلة من خلال كائن الإعدادات العامة الخاص بالسمة. لا ينبغي أن يكون تحرير التعليمات البرمجية هو الخيار الأول عندما يوفر القالب بالفعل إعدادًا مفضلاً.

ما الحجم الذي يجب أن يكون عليه Shopify Favicon؟

يوصي Shopify بـ 32 × 32 بكسل للرمز المفضل. تحدد وثائق المساعدة أيضًا أن 16 × 16 بكسل هو الحجم المثالي للأيقونات المفضلة وتوضح أنه يمكن تقليل الصور الأكبر حجمًا إلى 32 × 32 بكسل عند تحميلها.

الأولوية العملية ليست مجرد اختيار رقم. يجب أن تظل الصورة قابلة للتمييز بعد عرضها بحجم الأيقونة المفضلة. على سبيل المثال، قد يكون رمز 32 × 32 بكسل الذي يحتوي على اسم الشركة بالكامل مناسبًا من الناحية الفنية ولكن لا يزال من المستحيل قراءته. يمكن للرمز البسيط ذو التباين القوي أن يعمل بشكل أفضل.

كيف يمكنك إنشاء أيقونة مفضلة لـ Shopify؟

لديك العديد من الخيارات اعتمادًا على أصول العلامة التجارية التي لديك بالفعل.

قم بإنشاء أيقونة مفضلة من شعارك

ابدأ بالجزء الأكثر شهرة في شعارك. يجب عادةً تبسيط الشعار الأفقي الذي يحتوي على رمز واسم طويل للشركة بدلاً من تصغيره بشكل متناسب حتى يصبح النص غير قابل للقراءة. استخدم الرمز بمفرده أو قم بدمج حرف أو اثنين من الأحرف الأولى التي يمكن التعرف عليها.

قم بإنشاء رمز مفضل من الأحرف الأولى

إذا لم يكن لشركتك رمز مميز، فقم بإنشاء رمز مفضل بسيط باستخدام حرف واحد أو حرفين. على سبيل المثال، ن.س يمكن أن تمثل علامة تجارية تدعى North Star. استخدم محرفًا واضحًا وتباعدًا كافيًا وتباينًا قويًا.

تحويل PNG الموجودة إلى المفضلة

إذا كان لديك بالفعل صورة مربعة PNG، فيمكنك تحويلها إلى عمل فني جاهز للأيقونات المفضلة قبل تحميلها. أداة مثل PNGtoFavicon.com يمكن تحويل PNG إلى أيقونة مفضلة، وهو أمر مفيد عندما يكون لديك بالفعل صورة علامة تجارية ولكنك تحتاج إلى إصدار مفضل مخصص.

بعد التحويل، قم بفحص الأيقونة الناتجة بحجم صغير قبل تحميلها على Shopify.

أنشئ رمزًا مفضلاً مخصصًا للعرض على الشاشة الصغيرة

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

كيف يمكنك التحقق مما إذا كان رمز Shopify المفضل الخاص بك يعمل؟

بعد حفظ الرمز المفضل، قم بإثبات ملكيته على واجهة المتجر المباشرة.

• تحقق من علامة تبويب المتصفح: افتح المتجر المنشور وانظر بجوار عنوان الصفحة في علامة تبويب المتصفح. يحدد Shopify علامة تبويب المتصفح كأحد الأماكن الرئيسية التي تظهر فيها الأيقونة المفضلة.
• التحقق من تاريخ المتصفح: قم بزيارة صفحة أخرى، ثم عد إلى متجرك، وتحقق من إدخالات سجل المتصفح. يسرد Shopify سجل المتصفح كموقع آخر يمكن أن يظهر فيه الرمز المفضل.
• التحقق من الإشارة المرجعية: قم بوضع إشارة مرجعية على المتجر وتحقق مما إذا كان الرمز المفضل يظهر بجانب الإشارة المرجعية. يحدد Shopify على وجه التحديد المتاجر التي تم وضع إشارة مرجعية عليها كموقع آخر يمكن عرض الرمز المفضل فيه.
• اختبار نافذة خاصة أو نافذة متخفية: إذا كان الرمز المفضل القديم لا يزال مرئيًا في متصفحك العادي، فافتح نافذة خاصة أو نافذة تصفح متخفي وقم بزيارة المتجر المباشر. يساعد هذا في فصل مشكلة ذاكرة التخزين المؤقت للمتصفح عن مشكلة تكوين Shopify.
• اختبار متصفح آخر: افتح المتجر في متصفح سطح مكتب آخر. إذا ظهر الرمز الجديد في متصفح واحد دون آخر، فإن التخزين المؤقت للمتصفح أو السلوك الخاص بالمتصفح هو تفسير أكثر ترجيحًا من فشل تحميل Shopify.
• التحقق من سلوك الهاتف المحمول: لا تفترض أن متصفحات سطح المكتب والجوال ستعرض الرمز المفضل بشكل متماثل. والأهم من ذلك، التمييز بين واجهة المتجر المباشرة وواجهات إدارة Shopify. ينص Shopify على أن الرموز المفضلة لا تظهر في معاينة Theme Editor ن��سها.

لماذا لا يظهر رمز المفضلة الخاص بي في Shopify؟

عدة مشاكل مختلفة يمكن أن تنتج نفس الأعراض.

كيف يمكنك إصلاح أيقونة Shopify المفضلة التي لا يتم تحديثها؟

قم بإجراء هذه الفحوصات بالترتيب:

1. مفتوح متجر على الإنترنت> المواضيع.
2. تأكد من أنك تقوم بتحرير الموضوع الصحيح.
3. مفتوح إعدادات الموضوع.
4. تحقق من الرمز المفضل أو الشعار الإعداد.
5. تأكد من تحديد الصورة الصحيحة.
6. انقر حفظ.
7. افتح واجهة المتجر المنشورة، وليس محرر السمات.
8. اختبر الموقع في نافذة متصفح خاصة أو متخفية.
9. اختبار متصفح آخر.
10. تحقق من الرمز المفضل مرة أخرى في علامة تبويب المتصفح.

يساعد هذا التسلسل في تحديد ما إذا كانت المشكلة تأتي من إعدادات Shopify أو السمة المحددة أو التخزين المؤقت للمتصفح.

كيف يمكنك تغيير أو استبدال Shopify Favicon؟

يستخدم استبدال الرمز المفضل نفس إعدادات السمة مثل التحميل الأولي.

• قم بتسجيل الدخول إلى مسؤول Shopify الخاص بك.
• انتقل إلى المتجر عبر الإنترنت > السمات.
• ابحث ��ن السمة التي تريد تحديثها.
• انقر فوق تحرير الموضوع/تخصيص.
• افتح إعدادات الموضوع.
• انقر فوق الشعار أو الأيقونة المفضلة، وفقًا لموضوعك.
• في قسم صورة الأيقونة المفضلة، انقر فوق تحديد صورة.
• اختر الرمز المفضل البديل أو قم بتحميل صورة جديدة.
• انقر فوق تم.
• انقر فوق حفظ.
• افتح المتجر المباشر وتحقق من الرمز الجديد.

تؤكد وثائق Shopify الحالية سير العمل هذا وتنوع الشعار/الرمز المفضل المعتمد على السمة.

كيف يمكنك إزالة Shopify Favicon؟

تعتمد عملية الإزالة على عناصر التحكم التي يعرضها موضوعك.

فتح:

المتجر عبر الإنترنت → السمات → تحرير السمة/تخصيص → إعدادات السمة

ثم افتح منطقة الأيقونة المفضلة أو الشعار وابحث عن عنصر التحكم المرتبط بصورة الأيقونة المفضلة المحددة حاليًا.

إذا كان المظهر الخاص بك يوفر خيار إزالة أو مسح، فاستخدمه واحفظ السمة. لا تقم بإضافة تعليمات برمج��ة مخصصة لمجرد إزالة الرمز المفضل عندما يوفر المظهر الخاص بك بالفعل إعدادًا لإدارته.

هل يمكنك إضافة أيقونة Shopify المفضلة برمز مخصص؟

نعم، ولكن يجب على معظم المتاجر استخدام إعداد السمة المضمن أولاً.

تدعم بنية سمة Shopify الإعدادات العامة من خلال settings_schema.json. يمكن للموضوع تحديد إعداد صورة الأيقونة المفضلة والوصول إلى قيمته من خلال كائن إعدادات Liquid. تتضمن وثائق مطور Shopify مثالاً يعرض أيقونة PNG المفضلة من settings.favicon.

بالنسبة للموضوع المخصص، يمكن أن يكون الكود جزءًا من التنفيذ. بالنسبة لمتجر Shopify عادي، فإن تحرير Liquid فقط لإضافة رمز مفضل ليس ضروريًا عندما يوفر المظهر الإعداد بالفعل.

متى يجب عليك استخدام إعدادات السمة بدلاً من التعليمات البرمجية؟

استخدم إعداد السمة المضمن عندما يكون متاحًا. من الأسهل إدارتها، وأقل احتمالية لإدخال أخطاء في السمات، ويمكن تغييرها لاحقًا دون تعديل الملفات السائلة.

ما الذي يجب عليك التحقق منه قبل تحرير رمز الموضوع؟

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

الأخطاء الشائعة في Shopify Favicon التي يجب تجنبها

• استخدام شعارك بالكامل: يمكن أن يصبح الشعار الطويل غير قابل للقراءة عند تقليله إلى أبعاد الرمز المفضل.
• باستخدام نص صغير: قد يعمل حرف واحد أو حرفين أوليين. الشعار الكامل عادة لن يكون كذلك.
• باستخدام صورة معقدة: من السهل التعرف على علامة العلامة التجارية البسيطة بدلاً من الرسم التوضيحي التفصيلي.
• باستخدام صورة غير مربعة: ابدأ بعمل فني مربع بحيث لا يعتمد الرمز المفضل على الاقتصاص أو القياس القوي.
• استخدام مصدر منخفض الجودة: ستنتج صورة المصدر الباهتة رمزًا مفضلاً سيئًا حتى بعد تغيير حجمها.
• نسيان الحفظ: اختيار الصورة لا يكفي. حفظ تغييرات الموضوع.
• التحقق من محرر السمات فقط: قد لا يظهر الرمز المفضل في معاينة محرر السمات في Shopify. اختبر واجهة المتجر المنشورة بدلاً من ذلك.
• التحقق من متصفح واحد فقط: لا يعني وجود أيقونة مفضلة قديمة في أحد المتصفحات تلقائيًا أن تكوين Shopify خاطئ.
• اختبار موضوع غير منشور: يمكنك تخصيص سمة غير نشطة حاليًا، ولكن هذا لا يغير الأيقونة المفضلة التي يراها الزائرون على واجهة متجرك المنشورة.
• تحرير الكود دون داع: إذا كان القالب يحتوي بالفعل على إعداد أيقونة مفضلة، فاستخدمه بدلاً من تغيير Liquid.

الأسئلة الشائعة الخاصة بـ Shopify Favicon

كيفية إنشاء أيقونة مفضلة قبل رفعها على Shopify

إذا لم يكن لديك بالفعل رمز مفضل، فاستخدم سير العمل البسيط هذا:

1. ابدأ بشعارك أو رمز علامتك التجارية أو الأحرف الأولى من اسمك.
2. إنشاء نسخة مربعة من التصميم.
3. قم بإزالة التفاصيل التي ستختفي عند الأحجام الصغيرة.
4. استخدم تباينًا قويًا بين الأيقونة والخلفية.
5. قم بإعداد الصورة حول حجم 32 × 32 بكسل الموصى به من Shopify أو استخدم مصدرًا أكبر نظيفًا يمكن لـ Shopify تقليله.
6. قم بتحويل ملف PNG موجود باستخدام أداة المفضلة عند الضرورة.
7. قم بتحميل الصورة النهائية من خلال إعدادات السمة.
8. احفظ الموضوع.
9. اختبر الأيقونة المفضلة على واجهة المتجر المباشرة.

خاتمة

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