April 13, 2016

Trik Multi languages untuk plugin/themes osclass

Tutorial Step by step membuat "translate" multi languages untuk plugin/themes osclass

Cara Membuat sistem multilang/terjemahan/translate pada osclass sebenarnya tidak jauh berbeda dengan
wp atau cms web lain, namun pada osclass rata2 themes dan plugin masih sangat terbatas untuk penggunaan multi languages, Kalaupun ada terjemahan nya suka aneh2, ini juga terjadi untuk osclass bahasa indonesia
dan bahasa2 lain. Maklum yang terjemahin mesin dan kalau orang juga belum tentu orang indonesia,
yang mengerti bahasa lugas ala indonesia.

Lanjut...

Tutorial osclass nya.

Guna:
- Translate manual Plugin/themes osclass yang belum ada folder languanges nya ke bahasa lain selain english US.
- Translate plugin atau themes osclass hasil buatan sendiri ke bahasa lain.

Dalam tutorial osclass indonesia kali ini gw akan bikin multi-lang untuk plugin osclass :
Plugin Name: Pre-resize Images
Description: Pre-resize images on client side before uploading them
Version: 1.1.1
Author: teseo
Short Name: preResize_images
Plugin update URI: pre-resize-images
Link = Download
Forum tentang plugin ini = Link Forum

bumbu dan bahan2 :
1. tools = POedit download dan install : Link Poedit
2. plugin yang tidak atau belum dilengkapi multi languages, ciri2 nya tidak ada folder languages dalam plugin tsb.

Cara memasak :
1. download extract plugin tsb. (di sini gw extract di desktop biar gampang)


2. buka file php di editor dan tambahkan path yaitu "nama folder root plugin" pada semua fungsi gettext keywords "__" "_e" "_n:1,2" dan sebagainya yang ada di setiap file php umum nya di index.php dll .
lihat gambar :
sebelum ditambah path :
pada gambar terlihat string (underscore e) "_e" apa ini? selengkapnya tentang gettex Baca disini
sesudah ditambah path :


setelah semua ditambahkan path, save file php tsb

3. buat folder baru di dalam folder plugin beri nama languages dan buat lagi folder didalam folder languages beri nama en_US

kenapa en_US ?
karena secara default, Osclass installations adalah English (US) untuk folder bahasa lain bisa dilihat nama nya di : Link daftar nama

4. Jalankan Poedit yang tadi sudah diinstall

5. buat projec baru dengan klik : file pilih new (ctrl+n)
bikin untuk bahasa default dulu, maka pada field Translation language pilih : English (United States)
lalu klik OK
6. Langsung save ke folder en_US, dan beri nama messages dengan format .po

setelah di save, akan terlihat 2 file dengan nama messages dan format .po dan .mo

7. Kembali ke poedit, sekarang setting catalog dengan masuk ke properties

8. Pada tab Translation Properties isi seperti di gambar
ket : bagian Project name and version = isikan nama folder plugin.
di tutor ini ya nama nya preResize_images

9. Pada tab Sources Paths = Tambahkan folder plugin sebagai sumber



10. Pada tab Sources Keywords = Tambahkan additional keywords
underscoreunderscore = "__"
underscoree = "_e"
underscoren:1,2 = "_n:1,2"
(Tanpa tanda petik) dan klik OK


11. Tampilan Poedit akan seperti pada gambar dibawah, lalu klik Extract from sources akan muncul lagi sebuah popup window klik OK tunggu hingga selesai


selesai kemudian save

12. ingat....!!! Save terlebih dahulu dengan menekan ctrl+s, atau save dari pilihan tab
13. Baru diCompile dengan memilih : file dan pilih compile to MO

close poedit.
Sampai disini kita telah berhasil membuat default language English US untuk plugin : preResize_images
ngopi dulu...mbil bakar cigar....

Catatan : perbedaan pembuatan multilang pada themes osclass vs plugin osclass.
yang beda hanya pada
A. penempatan folder laguages.
.../themes/folder_themes_kamu/laguages = themes
.../plugin/folder_plugin_kamu/laguages = plugin
B . langkah 6
save jadi themes.po = untuk themes
save jadi messages.po = untuk plugins

Sekarang tinggal bikin translate ke languages lain osclass,

misal nya bahasa indonesia pada plugin PRERESIZE IMAGE osclass.
1. Buat folder baru didalam folder languages (..\preResize_images\languages\),
karena translate nya ke indonesia maka nama folder nya :
id_ID untuk folder bahasa lain lihat nama folder di : Link

2. copy paste file messages.po pada folder en_US ke folder id_ID


3. Buka file po yang di folder id_ID dengan poedit.
perhatikan source dan translation nya masih english dan english United State,
agar file ini bekerja dengan baik kita harus rubah dulu translation nya.

4. Buka catalog properties, ganti field laguage dengan Indonesian(Indonesia) lalu klik ok
maka akan terlihat seperti
Translation sudah dalam bahasa indonesia.
jangan lupa di save dulu.... klo ada alert replace ya pilih yes lah.

5. lanjut bikin terjemahan nya klik pada text bagian source.
Ketik arti kata tersebut pada bagian inputpane sebelah bawah.
(Translation yang masih kosong.) jangan takut salah ini editable hahahaha

6. Lakukan pengetikan pada semua kata yang ingin diterjemahkan,
(saran gw biar irit waktu,tenaga,keringat dan airmata....
ketik yang kira2 nongol di client/user saja yang buat admin ga usah hehehe...)
setelah selesai jangn lupa save (ctrl+s) dan kemudian di compile (compile to MO)
selesai sekarang folder laguages siap di zip dan di upload ke website,
../oc-content/plugins/folderpluginkamu/languages
../oc-content/plugins/preResize_images/languages

hasil penampakan :
sebelum ditambah folder languages dan isinya, dengan bahasa yang dipilih oleh user Bahasa Indonesia.

sesudah ditambah folder languages dan isinya, dengan bahasa yang dipilih oleh user Bahasa Indonesia.

untuk bahasa lain ulangi langkah2 seperti pembuatan untuk id_ID.

Link Yang berguna :
1. https://poedit.net/trac/wiki/Doc/Keywords
2. https://poedit.net/download
3. http://market.osclass.org/plugins/miscellaneous/pre-resize-images_496
4. http://forums.osclass.org/plugins/%28plugin%29-pre-resize-images
5. http://www.roseindia.net/tutorials/I18N/locales-list.shtml

end....

Rimbaraya Nyatadimaya we do green...

1 comment:

  1. Bgs gan... Thx.
    Ada tutorial utk merubah osclass web menjadi spt ebay ga gan? Jd org bs beli melaui web kt..

    ReplyDelete

Thank's
We will contact you soon..