WordPress qTranslate Add Language Select on Header

Issue:

qTranslate is the best free multilingual plugin of WordPress, but its standard method to include language selector is adding widget. One deficiency of WordPress is that most themes do not provide many defined widget areas (same as regions in other CMS). In case the language select is to be displayed on the header, then some codes modification has to be done.

Solution:

1.  Create child theme (if not yet available)

2.  Copy header.php from mother theme to child theme

3.  Include the following codes before </div></div></header> of file header.php under child theme

<div style=”float:left; margin-top:25px; margin-left:40px;”>

<?php qtrans_generateLanguageSelectCode(‘both’); ?>

</div>
4.  To remove the bullet points at the front of each language, add the following codes at the end of file style.css under child theme:
.qtrans_language_chooser { list-style-type:none }
.qtrans_flag { border:1px solid #b6b6b6 }
#qtranslate-chooser li {
margin-bottom: -3px;
}
Config:
  • WordPress    3.8.2
  • qTranslate    2.5.39
  • shopifiq theme 2.0.8