How to Translate your WordPress Website using qTranslate Plugin

user-1
Neeraj Agarwal

UPDATE – In Latest version of WordPress 4.1 q-translator plugin don’t work.. Kindly refer this particular post

WordPress Tips Check it Now. 

For expanding the client base, increasing sales volume, multilingual websites become a necessity for businesses and organisations. So that you will be able to deliver your products or services in different parts of the world.

WordPress by default is not multilingual, so you need to add multilingual functionality to your website.

This tutorial will teach you how to translate your WordPress based website in multi-languages using qTranslate plugin. Below are step by step implementation with Colorway theme.

Remember, this process is only applicable with WordPress themes.

1. Introduction

qTranslate is a free plugin which helps to translate the theme to multilingual content with the help of WordPress.

qTranslate supports infinite languages, which can be easily added/modified/deleted via the comfortable Configuration Page.

All you need to do is activate the plugin and start writing the content!

2. Download qTranslate plugin

Download Now

3. Plugin Installation

Installation of plugin is very easy.

  • Finish downloading the plugin
  • Extract the files.
  • Paste the qTranslate plugin directory in /wp-content/plugins/ directory
  • Activate the qTranslate plugin through the ‘plugins’ tab in WordPress.

Refer image below.

q-translate

As soon as you do that, your qTranslate will show on widgets i.e.

Appearance  -> Widgets

From here you can drag and drop it to any of your widget areas, This will be explained in depth later on.

q-translate widget

4. Configuring qTranslate with Colorway WordPress Theme

To configure, go to settings and then choose languages from WordPress dashboard i.e.

Settings -> Languages

This will open a setting window in WordPress as shown below

q-translate configuration Selecting language

You can enable or disable language in which you want to translate. You can choose multiple language at a time.

language settings

When you enable a language it will show under general setting heading.

From here you can select the default language what do you want under “Default Language / Order”.

And also you can choose the order of the language from here.

q-translate configuration

5. Enabling the qTranslate widget

Enabling the widget is very easy.

Just go to widgets section and drag and drop the “qTranslate Language Chooser” in your desired position i.e. in footer or in sidebar area.

Appearance -> Widgets

You can write the name of your widget, by default it is blank

widgets

Suppose we add the widget in the first footer area then it will be displayed like this-

widget in footer

6. How to add content in different languages

Changing the content of Home page

To change  the content of home page just go to theme option panel and using language ISO code, put all the language translation in the same text area.

Example is shown below.

Suppose you want  to translate the ‘Home Page Intro’ of the ‘Home Page’

Then put the code in the text area, As shown in the image below.

The en, de, it, fr ISO codes stands for English, German, Italian & French languages.

You can similarly use the ISO codes for other languages as well.

Then put the code in the text area.

<!- -:en- ->Your text in English.<!- -:- ->
<!- -:de- ->Your text in Deutsch<!- -:- ->
<!- -:it- ->Your text in Italiano<!- -:- ->
<!- -:fr- ->Your text in Français<!- -:- ->

As shown below.

colorway theme option panel

Then this will convert the home page intro in the desired language when selected by user.

Firstly the content is shown in English shown in image.

colorway home page

Now when you translate the intro in French then it will be shown like this-

translated page

 

Adding the page in different language

To add the page in different languages you have to add a new page from page section.

And put the heading in different language and also there are different tag for every language to write their content.

Suppose we are making a ‘Fullwidth’ page, then we will write the name in each text box.

add new page

 

And write the text in text area in each tab i.e.

 

different languages tags

After writing the text publish the page.

Now if we select the French language for fullwidth page the it will be shown like this-

translated textAdding the post in different language

To add the post in different language you have to just add a new post from post section.

And put the heading in different language and also there are different tag for every language to write their content.

Suppose we are adding a post in blog page. Then we have to write the heading in different languages in text box. Shown in image-

post heading

And write the text in text area in each tab i.e

tags

After writing the text publish the post.

Now if we select the French language for post then it will be shown like this-

translation in french

 

Translate text in php files

Translating the text in the php files is very easy. You just need to edit front-page.php file and place given code as shown in image.

<?php _e(“<!–:en–>english text<!–:–><!–:sv–>german text<!–:–>”); ?>

You just need to mention your language text in place of english text and german text.

frontpage.php

Translate Widget title

To translate the widget title you just need to drag and drop your widget and put the following code in your field.

[:en]My English Title[:sv]My Swedish Title

widget

It’s really easy to convert your WordPress based website in different languages with q-translator. Any theme of InkThemes can be translated with q-translator. You can download any theme and try it by yourself.

Another possible way to translate your website into multiple languages is by using the Google Language Translation plugin.

PS- Checkout the entire WordPress plugins collection by InkThemes here-

SEE ALL PLUGINS

You might also be interested in:

Comments and Responses

Your email address will not be published. Required fields are marked *