اختيار الثيم والألوان والخطوط

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

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

اختر ثيماً، واعرف ماذا يغيّر

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

تكبير

ينتقل الإطار إلى تلك البطاقة، ويظهر اسمها في عنوان المجموعة، وتتغير المعاينة كلها. جرّب ما تشاء من الثيمات: لا شيء يظهر للعملاء قبل النشر.

اختيار الثيم يضبط كل ما يلي دفعة واحدة:

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

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

لون العلامة واللون المميّز واللون المحايد

في الألوان لونا علامتك، ومقدار تأثيرهما على خلفية واجهة متجرك.

تكبير

لتحديد لون:

في مربع الكود، اكتب # ثم ستة أرقام وأحرف من A إلى F، مثل ‎#5E4352. المربع لا يتحقق مما تكتبه: اسم لون مثل plum، أو كود ينقصه حرف، يعطي واجهة متجرك ألواناً خاطئة. إذا بدت المعاينة غريبة بعد أن تضغط Enter، راجع الكود، أو اختر اللون من العيّنة بدلاً منه.

وعندما تكون المجموعة مطوية، يظهر في عنوانها كود لون علامتك، مثلاً ‎#3B2A22.

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

أزواج الخطوط

يحدد الخط، في مجموعة الخطوط، خطوط واجهة متجرك كلها. ومعظم الخطوط هنا أزواج تغطي الحروف اللاتينية والعربية، فتبدو الإنجليزية والعربية علامة واحدة.

تكبير

1. في الخطوط، انقر قائمة الخط.

تكبير

2. انقر خطاً. يظهر وصفه تحت القائمة، وتتغير المعاينة.

الخطوط الثلاثة الأخيرة خطوط عرض للعناوين، ويُكتب باقي النص بالخط الأمتن المذكور في وصفها.

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

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

خط العناوين وخط النص

الخط الأساسي يحدد العناوين والنصوص معاً. وإذا أردت المزج بين خطين، اختر غيره لأحدهما:

1. انقر قائمة خط العناوين واختر خطاً.

تكبير

2. انقر قائمة خط النص واختر خطاً، أو اتركها على من الخط الأساسي.

تكبير

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

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

مقياس الخط والأرقام

لا يظهر خيار الأرقام إلا إذا كان متجرك يبيع بالعربية، ولا يغيّر إلا واجهة المتجر العربية: الإنجليزية والفرنسية تستخدمان 123 دائماً. اختر ١٢٣ إذا كان عملاؤك يفضّلون الأرقام الهندية، أما 123، وهو الافتراضي، فيُبقي الأرقام الغربية.

راجع كل لغة، ثم انشر

الألوان والخطوط مشتركة بين كل لغات متجرك، لكن كل لغة تستخدم نصفها من زوج الخطوط، فراجعها كلها:

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