شارك المقال

كيفية إنشاء موقع متعدد اللغات باستخدام Elementor و TranslatePress

A VPN is an essential component of IT security, whether you’re just starting a business or are already up and running. Most business interactions and transactions happen online and VPN

في هذه المقالة ، سنقدم لك نظرة عامة مختصرة على ما يفعله TranslatePress ، ونوضح لك كيفية استخدامه مع Elementor لترجمة صفحات موقعك مباشرة من الواجهة الأمامية.

يعد إنشاء موقع ويب لعملك أو محفظتك أمرًا سهلاً بفضل ووردبريس والمكونات الإضافية مثل Elementor. إنها طريقة رائعة للعملاء المحتملين لملاحظتك والعثور عليك عبر الإنترنت. ولكن ، مثلما يمكن للعملاء في بلدك العثور عليك بسهولة ، كذلك يمكن للعملاء المحتملين من بقية العالم.

وإذا كنت تدير نوعًا من الأعمال التجارية التي يمكنها خدمة العملاء من جميع أنحاء العالم ، ألن يكون من الجيد أن تقوم بتوجيههم إلى إصدار موقعك الذي يتم عرضه بلغتهم الأم؟

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

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

ما هي خدمة TranslatePress؟

TranslatePress هو مكون إضافي للترجمة لـ ووردبريس يمكن تنزيله مجانًا واستخدامه لترجمة موقعك بالكامل مباشرة من الواجهة الأمامية. المكوّن الإضافي متوافق أيضًا مع WooCommerce بحيث يمكنك بسهولة ترجمة واجهة متجرك بالكامل. تشمل الميزات الرئيسية ما يلي:

واجهة سهلة الاستخدام تعرض الترجمة في الوقت الفعلي

متوافق تمامًا مع جميع السمات والإضافات

دعم كل من الترجمة اليدوية والآلية (عبر ترجمة جوجل)

القدرة على ترجمة السلاسل الديناميكية المضافة بواسطة ووردبريس والإضافات والقوالب.

عنصر تحكم تحريري يسمح لك بنشر لغتك فقط عند الانتهاء من جميع ترجماتك

و اكثر.

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

لماذا يجب عليك استخدام TranslatePress بدلاً من الترجمة من Google

قد تتساءل عن سبب استخدامك  TranslatePress  بدلاً من الترجمة من Google. تتمثل الفائدة الرئيسية لاستخدام TranslatePress في قدرتك على ترجمة جميع الصفحات الموجودة على موقعك بنفسك. بقدر جودة الترجمة من Google ، لا يمكن مقارنة الترجمة الآلية بدقة المترجم البشري.

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

كيفية استخدام TranslatePress مع Elementor

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

1. قم بتثبيت وتنشيط المكون الإضافي Translatepress

تثبيت البرنامج المساعد TranslatePress

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

2. تكوين إعدادات البرنامج المساعد

إعدادات البرنامج المساعد

بعد تثبيت المكون الإضافي ، انتقل إلى الإعدادات> TranslatePress. من هناك ، ستتمكن من ضبط اللغة التي تريدها وتهيئة الإعدادات الأخرى للمكون الإضافي. كما ترى من لقطة الشاشة أدناه ، يمكنك اختيار كيفية عرض اسم اللغة ، وما إذا كنت تريد استخدام الترجمة من Google ، وشراء وتفعيل الوظائف الإضافية ، والمزيد.

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

3. قم بإنشاء صفحة ليتم ترجمتها

إنشاء الصفحة

بمجرد إعداد المكون الإضافي ، سننشئ صفحة جديدة سيتم ترجمتها بمساعدة المكون الإضافي TranslatePress. انتقل إلى الصفحات> إضافة جديد. قم بتسمية صفحتك ثم انقر فوق تحرير باستخدام Elementor.

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

قوالب العنصر

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

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

الصفحة النهائية

4. ترجمة الصفحة

لبدء ترجمة الصفحة ، ستحتاج إلى العودة إلى لوحة التحكم الخاصة بك ، والتوجه إلى Pages> All Pages ، ثم النقر فوق “عرض” أسفل الصفحة التي أنشأتها للتو. بمجرد تحميل الصفحة ، يمكنك النقر فوق صفحة الترجمة من شريط الإدارة العلوي.

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

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

ترجمة عناصر القائمة

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

يمكنك معاينة ترجمتك عن طريق تغيير اللغة في الجزء العلوي من واجهة TranslatePress:

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

ترجمة مربعات المعلومات

بطريقة مماثلة ، يمكنك ترجمة الأزرار. قم بالتمرير فوق الزر الذي تريد ترجمته واتبع نفس العملية. في هذا المثال ، دعنا نترجم الزر “تطبيق الآن”:

زر الترجمة

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

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

5. عرض عناصر واجهة مستخدم أو أقسام مختلفة بناءً على اللغة (اختياري)

لنفترض الآن أنك ترغب في الحصول على محتوى مختلف لكل لغة في صفحتك.

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

لتحقيق ذلك ، ما عليك سوى النقر فوق عنصر واجهة مستخدم أو قسم ثم الانتقال إلى علامة التبويب خيارات متقدمة ، حيث ستجد خيار Boh Restrict by Language وكذلك خيار Exclusion from Language .

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

يمنحك هذا قدرًا كبيرًا من المرونة عندما يتعلق الأمر بوجود محتوى مختلف للغات مختلفة.

افكار اخيرة

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

توضيح

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

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

أرسل تصحيح

شاركنا رايك وتقييمك للموضوع

{{ reviewsTotal }}{{ options.labels.singularReviewCountLabel }}
{{ reviewsTotal }}{{ options.labels.pluralReviewCountLabel }}
{{ options.labels.newReviewButton }}
{{ userData.canReview.message }}