طريقة تغيير حجم الشعار في متجرك الإلكتروني

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

قبل أن تبدأ

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

طريقة تغيير حجم الشعار

1. افتح تصميم المتجر ثم شاشة التصميم واختر الهيدر ثم الهيدر الرئيسي. وابحث عن مجموعة الحجم.

   

2. حرّك عرض الشعار (سطح المكتب) إلى الحجم الذي تريده. وهو من 50 إلى 250 بكسل. ثم حرّك عرض الشعار (الموبايل) وهو من 40 إلى 200 بكسل.

   

3. إذا بدا الهيدر ضيقًا أضف المسافة العلوية أو المسافة السفلية حتى 36 بكسل لكل منهما. راجع المعاينة ثم اضغط نشر.

   

ماذا يعني تلقائي

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

الكمبيوتر والموبايل

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

المسافة حول الشعار

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

أمثلة ناجحة

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

نصائح للحصول على أفضل نتيجة

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

مراجعة سريعة قبل النشر

• انظر إلى المعاينة بلغتَي متجرك إذا كنت تستخدم لغتين.
• انتقل إلى معاينة الموبايل والتابلت وتأكد أن الشعار غير مقطوع.
• تأكد أن القائمة وأيقونة السلة ما زالتا سهلتي الوصول.
• إذا لم تكن متأكدًا فاضغط إعادة إلى تلقائي وجرّب تغييرًا أصغر.

أخطاء شائعة

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

مهام مرتبطة

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