Website owners on WordPress face challenges in dealing with templates or…

Website owners on WordPress face challenges in dealing with templates or plugins that are not properly localized or do not support the Arabic language well. So, they find themselves needing to edit the translation manually, which may require some programming expertise in finding and editing the required template or plugin files.

Website owners can overcome these challenges by relying on the TranslatePress add-on, as it allows them the ability to translate all site content in real time, as the add-on searches for template files or add-ons automatically and applies the required translation directly to the site interface. Thus, website owners can translate the website into multiple languages ​​without having to modify the website files.

During today’s article, we will give you a detailed guide on how to use the TranslatePress plugin to effectively translate website content by detecting the required content and then translating it into the selected language, as well as converting it into a multilingual website.

WordPress website translation

In the first stage of the explanation, we will rely on how to translate the content of a WordPress website into Arabic. This detail is very useful for people who rely on plugins or templates that are not well translated, and some of their texts appear in the website interface. We will carry out the translation process through the following steps:

1- Install the TranslatePress plugin on WordPress

First, you will install a plugin TranslatePress On your site by going to the WordPress control panel, then choose “Extras” From the side menu, then choose “Add a new addition.” Next, search for an extension TranslatePress – Multilingual sites Via the search bar and install it on your site.

02 - Install The Translatepress Plugin On Wordpress
02 – Install the TranslatePress plugin on WordPress

After completing the installation of the add-on, activate it on your site by clicking the “Activate” button. This way, the plugin has been successfully installed on your site. You can also read: An explanation of installing a WordPress plugin on your site correctly

2- Set the main site language

Next, you need to select the main site language into which the site contents will be translated. To do this, go to the TranslatePress plugin settings by selecting “Settings” from the side menu in WordPress, then choose “TranslatePress“.

03 - Access The Translatepress Plugin Settings On Wordpress
03 – Access the TranslatePress plugin settings on WordPress

Then, go to the “General” tab from the top menu, and select the main site language through the “General” option.Default Language“. In our case, we need to translate the template and plugins into Arabic. Therefore, we will specify Arabic as the main site language as follows:

04 - Specify Arabic As The Main Language Of The Site
04 – Specify Arabic as the main language of the site

3- Translating the site’s contents By adding TranslatePress

Now, you can translate all site elements using the TranslatePress add-on. To do this, select the “tab.”Translate Site” from the TranslatePress settings menu as shown in the following image:

05 - Translating A Wordpress Website Using The Translatepress Plugin
05 – Translating a WordPress website using the TranslatePress plugin

You will be directed to your website’s main panel, where you select the part of the website that needs to be translated and translate it directly. For example in the Travel Agency template all the main interface elements were not translated correctly by the template developers. We select the part to be translated, then click on the pen icon next to it as shown in the following image:

06- Translate The Search Bar On The Home Page
06- Translate the search bar on the home page

After that, we write the correct Arabic translation in the “ContextThen you save the translation by pressing the “button.”Save“. You will also find the add-on providing automatic translation suggestions based on the automatic translation options.

07 - Modify The Translation Of The Search Bar On The Home Page
07 – Modify the translation of the search bar on the home page

In the same format, you can edit all sections of the site, including the main and sub-headings. For example, you can modify the title of the site’s search bar as shown in the following image

08 - Translate The Search Bar Title On The Home Page
08 – Translate the search bar title on the home page

You can also translate search bar elements e.g. search sections, alt text, etc. You select the desired part of the search bar, then click on the pen icon, and write the appropriate translation text.

09 - Translate Search Bar Items On The Home Page
09 – Translate search bar elements on the home page

After completing the translation of all template elements, click the “Save“to apply translation directly to your website.

10 - The Final Appearance After Translating The Template Based On The Translatepress Add-On
10 – The final appearance after translating the template based on the TranslatePress add-on

Another practical application we can do is translate the payment form on the checkout page to another template. All you have to do is click on the form fields that you want to translate, and then click on the “pen” icon next to the field. After that, you can write the appropriate Arabic translation as shown in the following image:

11 - Translate The Payment Form On The Payment Completion Page
11 – Translating the payment form on the payment completion page

The guide text can also be translated.”Placeholder” which appears inside the payment form fields with the appropriate translation, as shown in the following image:

12 - Translation Of Guidance Texts &Quot;Placeholder&Quot; That Appear Within The Payment Form Fields
12 – Translating the “Placeholder” guidance texts that appear within the payment form fields

After completing all modifications to the payment form, click on the “” button.Save” to apply modifications to your site.

13 - The Final Appearance Of Translating The Payment Form Using The Translatepress Add-On
13 – The final appearance of translating the payment form using the TranslatePress add-on

You can also access the page translator directly while browsing your site by clicking on the “” icon.Translate Page” in the top bar of WordPress, as shown in the following image:

14 - Access The Translatepress Add-On Translator Directly From Your Site Pages
14 – Access the TranslatePress add-on translator directly from your site pages

It is worth noting that you cannot translate the main titles of pages, articles, categories, tags, or anything similar by relying on the TranslatePress plugin, but they must be modified directly from within the designated part of the WordPress control panel.

Create a multilingual WordPress website

You can also create a multilingual WordPress website using the TranslatePress plugin. This is done by adding more than one language while selecting the main language to add. After that, you can easily translate site elements into both languages.

To do this, go to the TranslatePress add-on settings, then press the “Add“From an option”All Language“And add the secondary language. For example, we add the English language as shown in the following image:

15 - Add A Secondary Language To The Wordpress Site
15 – Add a secondary language to the WordPress site

After that, go to the “Language Switcher“, and enable the option “Floating language selection“. This will show the list of languages ​​to visitors in the website interface as a drop-down list. Next, you can customize the menu’s appearance in terms of color tone and where the menu appears. In addition to specifying how languages ​​appear in the list, whether by logo only or logo and name.

16 - Activate The Language Switcher In The Translatepress Add-On
16 – Activate the language converter in the TranslatePress add-on

It is also preferable to activate the “Native language name“So that the main and secondary site languages ​​appear translated into the original language, not activating this option makes all site languages ​​appear in English in the list.

17 - Activate Language Translation In The Original Language On The Website Interface
17 – Activate language translation in the original language on the website interface

Now, translate the site as we explained in the previous points. You will find the addition of a second language in the translation options, so that you can write the translation in Arabic and English as suits you, as follows:

18 - Translation Of The Home Page In Arabic And English
18 – Translation of the home page in Arabic and English

You can repeat the previous step for all site elements until the entire site is translated into the required secondary language.

After completion, you will find on the main page of the site a list of the appearance that you customized, which customers can use to convert between the languages ​​of the site “Arabic/English”, as follows:

19 - Language Conversion Menu In The Main Interface Of The Site.
19 – Language conversion menu in the main interface of the site.

When you choose the secondary language “English”, the writing direction will be changed from left to right to suit the English language, and the English translation of all site elements will also appear as you set them up.

20 - The English Appearance Of The Template Based On The Translatepress Add-On
20 – The English appearance of the template based on the TranslatePress add-on

You can also include site languages ​​within the site’s main menus instead of the previous menu. To do this, go to the Lists section of your site, and you will find that the option “Language Switcher” within the menu items.

Choose the languages ​​to be included in the list in the appropriate order, with the option to include “Opposite Language“For only the other language of the site to appear, or the option”Current Language” so that only the current language of the site appears in the list, or add both languages.

21 - Add Site Languages ​​To The Main Menu.
21 – Add site languages ​​to the main menu.

After adding languages ​​to the lists and arranging them, click on the “keep the list“. Next, you will find the appearance of the final website languages ​​for clients as shown in the following image:

22 - The Final Appearance Of The Site'S Languages ​​In The Main Menu.
22 – The final appearance of the site’s languages ​​in the main menu.

In the end, the TranslatePress plugin is one of the easiest WordPress plugins to translate all site elements, whether from templates, plugins, or content directly, without the need to search for source codes or associated files. Therefore, it is an especially ideal choice for beginners in translating their websites.

You can rely on the TranslatePress add-on to create secondary languages ​​without a specific maximum number of languages, with the ability to easily modify parts of the site, whether in the main language or secondary languages.

In this way, we have reached the end of the article after explaining how to use the TranslatePress add-on to translate all parts of your site, and add secondary languages ​​in various ways in the main interface.

The largest Arab community for WordPress users

Join the Arab WordPress community, the largest Arab community to support WordPress users. Through the community you will get the necessary assistance in creating your WordPress site or customizing your store on WooCommerce

Visit the Arab WordPress Forum ←


أنا مطور ويب HAKAM. من هنا ستحصل على الكثير من المعلومات القيمة مجانًا ودعوة لتحديث WordPress وBlogger حتى يتم قبول مواقعك في Google AdSense وأيضًا إتقان SEO بشكل صحيح والأفضل للأسهل.

اترك تعليقاً

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *