Introduction
Starting from this semester, our team (Xiu) began to work on the General Stilwell Scholarship (GSS) project. General Stilwell made tremendous contributions to the victory of Asian War zone during the World War II by helping Chinese people to defeat the imperial Japanese army. Stilwell family devoted a lot to improve Sino-US relationship as well. The Stilwell Scholarship is to offer financial assistance to Chinese students and help them complete their master degree at Middlebury Institute of International Studies at Monterey (MIIS).
The scope of this project includes building a presentation-oriented website for GSS, presenting MIIS and GSS in Chinese social medias and localizing the website into Chinese.
I would like to talk website localization in details in this blog. However, first of all, I will brief basics of this project.
Project Brief
Our client is Ms. Shirley who is in charge of fund raising and alumni relationship at Middlebury Institute of International Studies at Monterey (MIIS). She currently runs the Stilwell Scholarship Foundation.
The project began with the client meeting in which we set up the goals, tasks and responsibilities. The most important things we learned is the scope of this project, client’s expectations, and resources we need for completing it.
After the first client meeting, we hosted our first internal meeting to discuss our plan for the project, to decide respective roles within our team, and to come up with detailed working items for the project. The most important task is to create a whole new website for the client and localize it afterwards. This task does not only involve website design or relevant technological matters but also requires communicating with the client to decide content for the website.
In our team we have two Stilwell Scholarship recipients, so we decided to shoot an interview for current receipts. In this regard, people could get a more personal perspective of the scholarship. Video shooting is another important working item. Our colleague Seoyoung from the media department helped us complete this part of project.
As we began the Stilwell project, our client asks us to help set up a WeChat account or a mini-program in the hope of increasing MIIS’s presence in China. Therefore, we got the chance to meet with the WeChat development team to discuss the details of this matter, and we also talked about the possibilities of incorporating the MIIS account into Monterey Travel Mini-Program, which is under the development. We have not done much in the WeChat part of the project due to the time and resource limit, but we set up the communication channel for future colleagues.
Website Migration and Localization
First of all, we wireframed the website on the notebook reflecting the client’s expectations and requirements. There should be 4 pages: Home, About (under this tab, there are two subpages – About MIIS and About Scholarship), Recipients and Donate. After deciding the structure for each page, we are ready for creating the website for the General Stilwell Scholarship.
For this project, we build the website on the WordPress in order to quicken the workflow. WordPress has many useful plugins ranging from website design to multilingual internationalization. After picking up the appropriate theme for the project, we started building the website.
In terms of website creation, we employed the Elementor plugin to facilitate the website development process. In this blog, I will not focus on this aspect of the project. The picture below is the interface of Elementor when building the website.
Website Migration
Normally, the development phase of the WordPress website is on the local computer. After the website development phase, the developer will migrate the website to a remote server. However, for the General Stilwell Scholarship project, three people of our team need to work together closely to develop the website. Therefore we used a website platform called MiddCreate in which one can develop their own website with very few limitations.
After completing the website development, we installed a plugin called One-in-All WP Migration which could zip up all WordPress files and generate a .wordpress file. The plugin is easy to use by simply clicking “Export” button, and then one could get the .wordpress file of their website and migrate it to a remote server to host the website.
After selecting a remote website server and securing a domain, we installed the WordPress in the cPanel. Here one need to make sure not install WordPress in a folder, otherwise, the url to the website will be links such as “www.xxx.com/blogs”. Then we installed One-in-All WP Migration in the WordPress in the cPanel, and import . wordpress file to the remote server. The website migration is completed after finishing these steps.
Website Localization
The final task is to localize the website and make sure the multi-lingual website functions smoothly and gets the same effects when switching between languages. The Stilwell Scholarship is to offer financial assistance to Chinese students, so we only need to localize the website into Chinese.
We installed the WPML plugin to complete the localization process. First of all, one can click “Translation Management” to select pages that need to be translated.
One can oversee the progress of all pages of the website. In this case, all pages have already been translated. If there is a page that is ready to be translated, one can check the box beside the page.
The following step is to add it to translation basket. In the translation basket, one can assign the translation job to local translators. Exporting the page in a xliff format is also an option, so one can assign it to a external translator.
Otherwise, by clicking “Translators” tab, one can add a new translator or edit the current translators database.
The translator can start the translation process by simply logging in the WordPress and going to the “Translation” tab.
The above picture is the translation interface in the WordPress. After translating a segment, one can mark the translation as complete. When finishing translating all segments, one can see the translation progress bar is marked as “100% Complete”.
Even though the localization process is easy and efficient by employing the WPML plugin, there are several places we need to be cautious of, such as strings that were generated by theme or plugins as well as differences in format between languages.