عند إنشاء موقع ويب متعدد اللغات، من المهم الانتباه إلى عناصر تبديل اللغة. يقوم المستخدمون بزيارة هذا القسم بشكل متكرر عندما يريدون تبديل اللغات.
الشيء نفسه ينطبق عليك كمالك لموقع Squarespace متعدد اللغات. لذلك، من الضروري إنشاء محول لغة لـ Squarespace يكون سهل الاستخدام وسهل الوصول إليه وسهل الاستخدام.
ستناقش هذه المقالة كيفية تصميم محوّل لغة لـ Squarespace ، مع نصائح التصميم والأسباب التي تدفعك إلى القيام بذلك.
قبل مناقشة كيفية تصميم Squarespace ، تحتاج أيضًا إلى فهم سبب أهمية زر اللغة Squarespace متعدد اللغات .
من خلال تضمين أزرار اللغة المصممة بحكمة على موقع Squarespace الإلكتروني الخاص بك، فإنك لا تلبي احتياجات جمهور متعدد اللغات فحسب، بل تظهر أيضًا التزامًا بتوفير تجربة مستخدم متميزة، وتعزيز الشمولية، ووضع علامتك التجارية كمنافس عالمي في مجال عملك.
قبل مناقشة كيفية تصميم زر لغة Squarespace ، من المهم فهم موضع زر اللغة بحيث يسهل على المستخدمين الوصول إليه.
فيما يلي العديد من المواضع الموصى بها وأمثلة لمواقع الويب ذات الصلة باستخدام موضع زر اللغة.
يعد وضع زر اللغة في منطقة الرأس هو الخيار الأكثر الموصى به. الرأس هو العنصر الأول الذي يراه الزوار عند تصفح موقع الويب.
ومن خلال وجود زر اللغة في هذه المنطقة، يصبح مستوى الرؤية وإمكانية الوصول من أي صفحة داخل الموقع مرتفعًا جدًا. يتوافق هذا الموضع أيضًا مع ممارسات تصميم الويب القياسية، حيث يتوقع المستخدمون العثور على وظائف مهمة للموقع بأكمله، مثل اختيار اللغة، في الرأس.
أحد الأمثلة على زر اللغة الموجود في الرأس يأتي من الموقع الرسمي لشركة Dell.
على الرغم من أنه أقل بروزًا من الرأس، إلا أنه يمكن أن يكون التذييل موقعًا بديلاً مناسبًا لزر اللغة في مواقف معينة. لنفترض أن منطقة الرأس مزدحمة بالفعل بعناصر مهمة أخرى. في هذه الحالة، يمكن استخدام التذييل كمكان لزر اللغة لتجنب الفوضى في شريط التنقل الرئيسي.
بالإضافة إلى ذلك، بالنسبة لمواقع الويب التي تحتوي على تدفق محتوى خطي في المقام الأول، حيث يميل الزوار إلى التمرير إلى أسفل الصفحة، فإن وضع زر اللغة في التذييل يضمن بقاء هذا الخيار مرئيًا ويمكن الوصول إليه بعد قراءة المحتوى بالكامل. يمكن أن يكون التذييل أيضًا اختيارًا مناسبًا إذا كان زر اللغة خيارًا ثانويًا أو إضافيًا بينما يكون الزر الرئيسي موجودًا في رأس الصفحة أو قائمة التنقل.
يضع موقع Feel Unique زر اللغة الخاص به في التذييل مع رمز العلم واسم البلد.
يمكن لمواقع الويب ذات تخطيطات الشريط الجانبي استخدام تلك المنطقة لوضع زر اللغة. من خلال وجوده في الشريط الجانبي، سيكون زر اللغة مرئيًا دائمًا أثناء تجربة تصفح المستخدم لأن الشريط الجانبي يظل مرئيًا بشكل دائم على الصفحة. وهذا يضمن سهولة الوصول للمستخدمين عند الحاجة.
يمكن أيضًا أن يكون الموضع في الشريط الجانبي حلاً جيدًا إذا كانت الرأس أو قائمة التنقل مليئة بالفعل بعناصر مهمة أخرى، لذا فإن إضافة زر اللغة في تلك المنطقة لن يؤدي إلا إلى خلق فوضى. بالنسبة لمواقع الويب التي تحتوي على قدر كبير من المحتوى أو الوظائف في المنطقة المركزية، يمكن أن يكون الشريط الجانبي موقعًا مثاليًا لزر اللغة، مع إبقاء الزر مرئيًا ولكن يمكن الوصول إليه بسهولة دون إعاقة منطقة المحتوى الرئيسية.
فيما يلي مثال لموقع Lulu Lemon مع أزرار اللغة في قائمة الشريط الجانبي على اليمين.
الخيار الأخير هو زر اللغة العائم أو الثابت، خاصة بالنسبة للأجهزة المحمولة أو مواقع الويب ذات التصميمات البسيطة. على الشاشات الصغيرة مثل الأجهزة المحمولة، تكون الأزرار العائمة أو الثابتة أكثر وضوحًا ويمكن الوصول إليها من تلك الموجودة في الرأس أو التذييل، والتي قد تكون مخفية أو تتطلب تمريرًا إضافيًا.
ومع ذلك، يجب تنفيذ هذا النهج بعناية لتجنب تعطيل عرض المحتوى أو خلق تجربة مستخدم غير مريحة. يجب مراعاة موضع الزر وحجمه ونمطه لضمان التكامل السلس مع التصميم العام لموقع الويب.
كما هو موضح أدناه، يوجد موقع باتاغونيا يحتوي على أزرار لغة تستخدم عناصر لاصقة. يمكنك العثور على الزر الموجود في الزاوية اليمنى السفلية وبعد ذلك يظهر مربع عرض كما يلي لتحديد الدولة واللغة.
حتى هذه اللحظة، أنت تدرك بالفعل مدى أهمية زر اللغة لموقع Squarespace متعدد اللغات والتوصيات المتعلقة بموضع زر اللغة. لذلك، من المهم العثور على خدمة ترجمة توفر خيارات تخصيص سهلة لزر اللغة.
على الرغم من أن خدمات الترجمة توفر عادةً محولات لغة، إلا أنها لا توفر جميعها خيارات مرنة وقابلة للتخصيص بسهولة مع تعديلات مختلفة. ومع ذلك، فإن خدمة الترجمة Linguise Squarespace سهل الاستخدام وقابل للتكيف بسهولة .
لا تقلق لأن Linguise لا تفرض مثل هذه القيود. إنها خدمة ترجمة آلية توفر للمستخدم تخصيص زر اللغة. فيما يلي بعض الفوائد الأخرى التي ستحصل عليها باستخدام Linguise في إنشاء زر لغة Squarespace :
بدون مزيد من اللغط، إليك خطوات تصميم زر لغة Squarespace الخاص بك باستخدام Linguise في مراحل قليلة.
لتصميم زر تبديل اللغة لموقع Squarespace الخاص بك باستخدام Linguise ، فإن الخطوة الأولى هي تسجيل حساب على منصة Linguise . يمكنك التسجيل مجانًا واستخدام نسخة تجريبية مجانية مدتها شهر واحد، مما يتيح لك الوصول إلى الميزات المتنوعة المتوفرة في هذه الخدمة.
الخطوة التالية هي إضافة نطاق موقع الويب إلى Linguise . يجب إدخال بعض البيانات، بما في ذلك معلومات الحساب، وعنوان URL، واختيار النظام الأساسي ( Squarespace )، واللغة الأصلية، واللغة المراد ترجمتها، وإعدادات عنوان URL للترجمة.
يمكنك الاطلاع على تثبيت الترجمة التلقائية Linguise في Squarespace للحصول على الخطوات الكاملة لإضافة مجال.
الخطوة التالية هي دمج Linguise في موقع Squarespace الخاص بك عن طريق إضافة رمز البرنامج النصي المقدم إلى لوحة المعلومات مثل هذا.
بعد ذلك، قم بالوصول إلى Squarespace ، واختر موقع الويب المطلوب الذي ترغب في جعله متعدد اللغات، وانتقل للأسفل، واختر أدوات موقع الويب.
بعد ذلك، ضمن قائمة أدوات موقع الويب، حدد خيار إدخال التعليمات البرمجية.
ذلك ، هناك الرأس والتذييل . إذا كنت تريد زر اللغة في الرأس، ضع الكود في الرأس . وبالمثل، إذا قمت بوضعه في التذييل، فأدخل الرمز في FOOTER .
بعد دمج Linguise و Squarespace ، ستقوم Linguise تلقائيًا بإنشاء زر اللغة على موقع Squarespace . ومع ذلك، فإن المظهر لا يزال هو الافتراضي.
لذلك، يمكنك تخصيص تصميم زر اللغة في بضع خطوات.
تأكد من تسجيل الدخول إلى Linguise ، ثم حدد الإعدادات > عرض أعلام اللغة. بعد ذلك ستظهر عدة أقسام أولها كالتالي.
يوجد في هذا القسم عدة إعدادات:
تحتوي خيارات عرض القائمة على 3 خيارات، جنبًا إلى جنب، والقائمة المنسدلة، والقائمة المنبثقة. فيما يلي معاينة للخيارات الثلاثة.
بعد ذلك، بالنسبة لموضع زر اللغة نفسه، تقدم Linguise عدة مواضع يمكنك الاختيار من بينها.
التالي هو تعديل الموضع، حيث يمكنك اختيار المكان الذي سيتم وضع محوّل اللغة فيه. لديك مجموعة متنوعة من خيارات الموضع للاختيار من بينها. تأكد من اختيار موضع يسهل على الزوار الوصول إليه.
أخيرًا، حدد مجموعة العلم + اسم اللغة، أو العلم + الاسم المختصر، أو العلم فقط.
أسفل الواجهة الرئيسية، توجد إعدادات تصميم العلم. تظهر العديد من خيارات الإعداد في الصورة أدناه.
بعد تكوين تصميم العلم، فإن الخطوة التالية هي ضبط الألوان والأحجام والعناصر الأخرى المتنوعة. في الشاشة التالية، هناك العديد من الإعدادات القابلة للتخصيص، مثل:
في المرحلة النهائية، يمكنك تكوين إعدادات الظل للأعلام. يتيح لك الإعداد الأول تحديد الظلال لكل علامة على موقع الويب الخاص بك، والإعداد التالي مخصص للظلال الموجودة على أعلام اللغة عند التمرير فوقها.
إذا كنت راضيًا، فلا تنس تحديد حفظ للحفاظ على تخصيصات محوّل اللغة لديك.
يمكنك استخدام ميزات تصميم زر تبديل اللغة Squarespace هذه في Linguise . يمكنك ضبط الإعدادات أعلاه لتناسب احتياجات موقع الويب الخاص بك.
يوجد أدناه مثال لما يبدو عليه موقع Squarespace باستخدام أزرار لغة التصميم المخصصة.
كم هو سهل، أليس كذلك؟ قد يتساءل البعض عن مكان وجود زر لغة Squarespace الصحيح حتى يتمكن المستخدمون من الوصول إليه بسهولة. سنناقش هذا أكثر.
الآن بعد أن عرفت كيفية إنشاء زر لغة Squarespace ، عليك تحسينه من خلال تنفيذ النصائح التالية:
الآن بعد أن فهمت سبب أهمية زر اللغة لموقع Squarespace متعدد اللغات، وكيفية تصميم زر لغة Squarespace ، ونصائح لإنشائه.
من خلال تصميم زر تبديل اللغة بشكل صحيح، يمكنك تحسين تجربة المستخدم لموقع Squarespace الخاص بك بشكل كبير. وسيكون لذلك تأثيرات مختلفة، كما أوضحنا سابقًا.
فلماذا الانتظار أكثر من ذلك؟ قم بالتسجيل في Linguise ، وقم بتسجيل Squarespace ، وقم بتخصيص تكوين زر تبديل اللغة لتوفير تجربة مستخدم أفضل.
تلقي أخبار حول الترجمة الآلية للمواقع الإلكترونية وتحسين محركات البحث الدولية والمزيد!
لا تغادر دون مشاركة بريدك الإلكتروني!
لا يمكننا ضمان فوزك باليانصيب ، ولكن يمكننا أن نعدك ببعض الأخبار المفيدة حول الترجمة والخصومات العرضية.
