This shows you the differences between two versions of the page.
Both sides previous revision Previous revision Next revision | Previous revision Next revision Both sides next revision | ||
how_to:translate_moosocial [2015/09/03 02:55] mooeditor |
how_to:translate_moosocial [2015/09/03 04:55] mooeditor [II. How to translate Menu or Widget using Admin Dashboard] |
||
---|---|---|---|
Line 11: | Line 11: | ||
Note: use Poedit from [[http://www.poedit.net/|http://www.poedit.net/]] to easily edit the .po files | Note: use Poedit from [[http://www.poedit.net/|http://www.poedit.net/]] to easily edit the .po files | ||
- | ===== //__**II/How to use Poedit:** __ // ===== | + | ===== I. How to use POEDIT ===== |
+ | |||
+ | POEDIT is used for translating static data (ex: notifications, messages, error messages…etc) | ||
Find our language package, located at [mooSocial/app/Locale/], look for a folder //eng//, this is English default language, copy this folder and paste into location you preferred (backup) | Find our language package, located at [mooSocial/app/Locale/], look for a folder //eng//, this is English default language, copy this folder and paste into location you preferred (backup) | ||
Line 98: | Line 101: | ||
{{:how_to:142bbce5ff76ff8577ef47d707044ccd.jpg}} | {{:how_to:142bbce5ff76ff8577ef47d707044ccd.jpg}} | ||
- | ===== //__III/How to translate Menu & Widgets using Admin Dashboard __ // ===== | + | ===== II. How to translate Menu or Widget using Admin Dashboard ===== |
+ | |||
+ | In this section, we will show you how to Translate Menu's title, Widgets Title, Category Name, which are dynamic data by using Admin Dashboard. | ||
+ | |||
+ | To use this method, an installed package is required. (Please access this link if you dont know how to install a language package: [[:admin_dashboard:site_manager:languages_manager|https://moosocial.com/wiki/doku.php?id=admin_dashboard:site_manager:languages_manager]]) | ||
+ | |||
+ | ==== Translating Menu: ==== | ||
+ | |||
+ | Taking example, now we go on a try with Home on menu. Let's get to the Menu section in Admin Dashboard/System Admin. | ||
+ | |||
+ | After pressed on dropdown button to explore Home menu settings, we will see a Translation button below the Navigation Label's field: | ||
+ | |||
+ | {{:how_to:90a9442980c33aceadcac24f70fbdc00.png}} | ||
+ | |||
+ | //#Press on Translation to begin translating the Home menu title.// | ||
+ | |||
+ | Now, the Translation popup is displayed, all you need to do is input your translated content to the language you preferred and press on Save Change to make it effective: | ||
+ | |||
+ | {{:how_to:40b4bf1bd8e4ee7d10df414841a86701.png}} | ||
+ | |||
+ | //#Input your translated content to the preferred language's field, save change to make it effective.// | ||
+ | |||
+ | Let us return to Front-end and see how it's effective, remember to change language to your preferred language. | ||
+ | |||
+ | {{:how_to:7a98fe3a969a4ad59e2dcb0861aaa41e.png}} | ||
+ | |||
+ | //#Change language to your preferred language.// | ||
+ | |||
+ | Now, the content you applied for Home menu is now taken effect from translation: | ||
+ | |||
+ | {{:how_to:f91acf18c6eb174c600bd12b0606f47c.png}} | ||
+ | |||
+ | //#The content is now translated.// | ||
+ | ==== Translating Widget: ==== | ||
+ | |||
+ | To begin translating a widget, we must go to Layout Editor in Admin Dashboard, which located: Admin Dashboard/Site Manager/Themes Manager/Layout Editor. | ||
+ | |||
+ | With this guideline, we taking an example on Who's Online widget which is at Home page. | ||
+ | |||
+ | Now go to Layout Editor, select Home Page at dropdown and begin editing. | ||
+ | |||
+ | {{:how_to:b164853be52c993f594ac38180b9a2b9.png}} | ||
+ | |||
+ | //#Select Home page to begin editing.// | ||
+ | |||
+ | Next, we find the Who's Online widget, press on it's edit button. | ||
+ | |||
+ | {{:how_to:0b7b22bdfc96c4f63b8b7e6730f9860c.png}} | ||
+ | |||
+ | //#Press on edit button on widget you wanted to begin translating//. | ||
+ | |||
+ | Now the edit pop up displayed, we need to press on Translation to begin translation | ||
+ | |||
+ | {{:how_to:65c1822bd5c1be0decf3ddb4031ada7e.png}} | ||
+ | |||
+ | //#Press on Translation.// | ||
+ | |||
+ | Now, input translated text to your preferred language, then click save change to make it effective. | ||
+ | |||
+ | {{:how_to:ec1acf3cfca9b86eac674074ea0577d4.png}} | ||
+ | |||
+ | //#Input your translated text, and save change to make it effective.// | ||
+ | |||
+ | Now at Front-end, users that using your preferred language will see it translated. | ||
+ | |||
+ | {{:how_to:c8a0eaf0d8099549a8ab220a5e7e3532.png}} | ||
+ | |||
+ | //#The preferred language is now translated the Widget Title.// | ||