The PDF version of the manual is downloadable from the end of this instruction page.
With Dzongkha Language pack for Wordpress published, it is now easy to have Dzongkha monolingual or bilingual (Dzongkha and English) Wordpress website. This is the updated instruction on how to create Dzongkha English bilingual Wordpress website.
For Dzongkha monolingual website, set the Dzongkha as the default language by going to Setting->General-> Site Language and choose རྫོང་ཁ from the list and save the changes.
For creating Dzongkha and English bilingual website, you will have to set it using multilingual plugin which is discussed below in section (b).
The better and easier way of having WordPress website in multiple languages could be using multi-language plugins. A multi-language plugin will provide you with a means to reproduce your content in another language or languages. This could be done post by post – meaning you would manage it manually – or you could go so far as to reproduce your entire site in the target language. Some plugins even offer automatic translation, although the quality of the translation is questionable at this point of time. However, automatic translation to Dzongkha is not provided by any of the plugins.
Amongst others, Polylang is free, easy to use and useful multi-language plugins. With this plugin, we can translate posts and pages, the site title and the description, the widget titles and also the menus.
i) Installation and Activation of Polylang plugin
If you tried other multilingual plug-in, deactivate them before activating Polylang. Go to Plugins->Add new and search for "polylang". Install and activate the plugin.
If any further instructions are shown on the page, you can skip it.
ii) Adding content Language
Go to the languages settings page and first add English as one of the content language.
Once English language is added, it is very likely that you get following notification:
"There are posts, pages, categories or tags without language. You can set them all to the default language." Please click on "You can set them all to the default language". By doing so, all your existing post in English will be assigned English language.
Now similarly, add Dzongkha as a content language. Dzongkha now is in the predefined list.
Once you have added content languages, you can translate the website title, the description by going to Language -> String Translation.
iv) Adding the language switcher widget
Follow these steps to add the 'language switcher' widget to let your visitors switch the language.
If the Widgets option is missing under Appearance, go to Appearance -> Themes and activate any one theme.
The Widgets option should now appear under Appearance.
Now, follow the steps in iv (a) to add language switcher.
Note: If Dzongkha language widget is not shown, add Dzongkha content and save it.
v) Adding menus
You can add menus both in Dzongkha and English by going to Appearance->Menus.
Give a name to the menu and click on create menu.
Create another similar menu for English.
Add pages, links and categories to the menu by choosing the menu to edit and checking the check boxes for pages, categories etc. you want to add. Then click on Add to Menu.
Reorder the menu items by dragging and dropping under the Menu Structure Section and click on Save Menu.
Manage the locations of the menu by clicking on Manage Locations tab and assigning a menu against the Theme Location. Click on Save Changes.
Menus, now will be available both in English and Dzongkha .
You can create pages in English and its translation in Dzongkha or vice versa.
Create a new page by clicking on Pages-> Add new. Choose the language in which you want your page to be. Enter the page title and the content.
To add an English version of the page and have it automatically linked, click on blue ‘+’ button under the Translations of the Languages section in the right side of the page.
Enter the Title and Content for the page and Click on Publish button. (You will notice that the Dzongkha version of the page is already linked to the English version as indicated in the picture).
The page now will be available both in English and Dzongkha and you can switch between the two by clicking on the links of the language switcher widgets.
vii) Creating posts, categories and Tags
Creating a post is as same as creating pages. You can create posts both in English and Dzongkha as we can do for pages. Unlike for pages, we can add categories and tags for posts.
You can also create categories and tags in English or Dzongkha and its translation.
Create a css file in the active theme's folder and name it dzo.css.
An important property to keep in mind is the font-family. It is important that we use the Dzongkha fonts for the proper display of Dzongkha. How to embed and use Dzongkha font is described below.
For the proper display for Dzongkha, it is important that we use Dzongkha fonts. Not all the devices used to access the internet may have the Dzongkha fonts installed. However, CSS3 Web Fonts allows Web designers to use fonts that are not installed on the user's computer.
You can just include the desired font file on your web server, and it will be automatically downloaded to the user’s computers when needed.
Your "own" fonts are defined within the CSS3 @font-face rule. For detailed information on CSS3 @font-face rule, visit http://www.w3schools.com/css/css3_fonts.asp.
We have used CSS3@font-face rule on our website allowing our website to be viewed properly even from the devices having no Dzongkha fonts installed.
For the Wordpress site in Dzongkha, click here to download the Dzongkha Web Fonts. Dzongkha calligraphic font is a preferred web font. Then create a new fonts folder in your active theme’s folder and upload the downloaded Dzongkha web fonts in it.
Currently, we have DDC_Uchen font and Dzongkha_calligraphic font in True Type file format and Embedded OpenType file format with which it will be enough to display Dzongkha properly in any browsers.
Use the following CSS codes embedding Dzongkha font.
@font-face
{
font-family: 'dzongkha';
src: url('fonts/dzongkha_calligraphic.eot?#iefix') format('embedded-opentype'),
url('fonts/dzongkha_calligraphic.ttf') format('truetype');
}
Though, the TrueType Font file is supported by all the web browsers, Embedded Opentype Font file is still used for the older versions of IE which some users with Windows XP still uses it.
In your CSS file, you can assign the value “dzongkha” to the font-family property of the desired selectors as follows:
* {
font-family:dzongkha !important;
}
You will have to use the appropriate css file for the Dzongkha and English language and it can be done by editing wordpress’s header.php file.
Use wordpress get_locale() function to know the current locale and switch the css file accordingly as shown in the following code.
The idea is to use the dzo.css file when locale dzo is selected (for Dzongkha pages).
In the header.php file of the theme in use, paste the following code exactly before closing head tag.
<?php
If (get_locale()=="dzo")
{ ?>
<link rel='stylesheet' id='dzongkha' href='<?php echo get_stylesheet_directory_uri() ?>/dzo.css?ver=1.9' media='all' />
<?php
}
?>
