[Cocoon] Việt hoá theme Cocoon đơn giản và nhanh chóng

Hướng dẫn Việt hoá theme Cocoon miễn phí nổi tiếng nhất ở Nhật Bản.

Bước 1: Tạo file /cocoon-child-master/lib/language.php

Tạo mới thư mục lib trong cocoon-child-master.

Copy file /cocoon-master/lib/language.php sang thư mục mới tạo /cocoon-child-master/lib/

<?php //WordPressマルチ言語化の設定
/**
 * Cocoon WordPress Theme
 * @author: yhira
 * @link: https://wp-cocoon.com/
 * @license: http://www.gnu.org/licenses/gpl-2.0.html GPL v2 or later
 */
if ( !defined( 'ABSPATH' ) ) exit;

global $locale;
//_v($locale);
if (preg_match('/^ja/', $locale)){
  //日本語環境では何もしない
} elseif (preg_match('/^en/', $locale)) {
  //言語の最初の文字がenだったら全てen.moを呼び出す（英語）
  $locale = 'en';
} elseif (preg_match('/^de/', $locale)) {
  //言語の最初の文字がdeだったら全てde.moを呼び出す（ドイツ語）
  $locale = 'de';
} elseif (preg_match('/^fr/', $locale)) {
  //言語の最初の文字がfrだったら全てfr.moを呼び出す（フランス語）
  $locale = 'fr';
} elseif (preg_match('/^pt/', $locale)) {
  //言語の最初の文字がptだったら全てpt.moを呼び出す（ポルトガル語）
  $locale = 'pt';
} elseif (preg_match('/^ko_/', $locale)) {
  //言語の最初の文字がkoだったら全てko.moを呼び出す（韓国語）
  $locale = 'ko';
}

//親テーマの翻訳ディレクトリ
$language_dir = get_template_directory() . '/languages';
//load_theme_textdomain( THEME_NAME, $language_dir );

//子テーマの翻訳ディレクトリ
$child_language_dir = get_stylesheet_directory() . '/languages';
//子テーマの翻訳ファイル
$child_language_file = $child_language_dir.'/'.$locale.'.mo';
// _v(file_exists($child_language_dir));
// _v(file_exists($child_language_file));
// _v(($child_language_file));
//子テーマを利用していて子テーマにファイルがある場合
if (is_child_theme() && file_exists($child_language_file)) {
  load_theme_textdomain( THEME_NAME, $child_language_dir );
} else {
  load_theme_textdomain( THEME_NAME, $language_dir );
}

Bước 2: Thêm ngôn ngữ Tiếng Việt

Chèn thêm đoạn mã sau vào file /cocoon-child-master/lib/language.php

elseif (preg_match('/^vi/', $locale)) {
  //言語の最初の文字がviだったら全てvi.moを呼び出す（ベトナム）
  $locale = 'vi';
}

Sau khi chèn ta sẽ được nội dung file language.php đầy đủ như sau:

<?php //WordPressマルチ言語化の設定
/**
 * Cocoon WordPress Theme
 * @author: yhira
 * @link: https://wp-cocoon.com/
 * @license: http://www.gnu.org/licenses/gpl-2.0.html GPL v2 or later
 */
if ( !defined( 'ABSPATH' ) ) exit;

global $locale;
//_v($locale);
if (preg_match('/^ja/', $locale)){
  //日本語環境では何もしない
} elseif (preg_match('/^en/', $locale)) {
  //言語の最初の文字がenだったら全てen.moを呼び出す（英語）
  $locale = 'en';
} elseif (preg_match('/^de/', $locale)) {
  //言語の最初の文字がdeだったら全てde.moを呼び出す（ドイツ語）
  $locale = 'de';
} elseif (preg_match('/^fr/', $locale)) {
  //言語の最初の文字がfrだったら全てfr.moを呼び出す（フランス語）
  $locale = 'fr';
} elseif (preg_match('/^pt/', $locale)) {
  //言語の最初の文字がptだったら全てpt.moを呼び出す（ポルトガル語）
  $locale = 'pt';
} elseif (preg_match('/^ko_/', $locale)) {
  //言語の最初の文字がkoだったら全てko.moを呼び出す（韓国語）
  $locale = 'ko';
} elseif (preg_match('/^vi/', $locale)) {
  //言語の最初の文字がviだったら全てvi.moを呼び出す（ベトナム）
  $locale = 'vi';
}

//親テーマの翻訳ディレクトリ
$language_dir = get_template_directory() . '/languages';
//load_theme_textdomain( THEME_NAME, $language_dir );

//子テーマの翻訳ディレクトリ
$child_language_dir = get_stylesheet_directory() . '/languages';
//子テーマの翻訳ファイル
$child_language_file = $child_language_dir.'/'.$locale.'.mo';
// _v(file_exists($child_language_dir));
// _v(file_exists($child_language_file));
// _v(($child_language_file));
//子テーマを利用していて子テーマにファイルがある場合
if (is_child_theme() && file_exists($child_language_file)) {
  load_theme_textdomain( THEME_NAME, $child_language_dir );
} else {
  load_theme_textdomain( THEME_NAME, $language_dir );
}

Bước 3: Tạo mới file /cocoon-child-master/languages/vi.po

Vào đường dẫn cocoon-master/languages/ để copy file en.po qua thư mục /cocoon-child-master/languages/ rồi rename thành vi.po sau đó mới tiến hành dịch.

Bước 4: Chuyển ngôn ngữ trang web sang Tiếng Việt

Bạn có thể vào Settings -> General -> Site Language để đổi qua Tiếng Việt.

Bước 5: Tiến hành dịch file vi.po

Bạn tải phần mềm edit file PO miễn phí tại đây.

Poedit Translation Editor — Poedit

Danh sách các chuỗi có sẵn trong file sẽ được liệt kê.

Bạn chỉ cần mở cửa sổ tìm kiếm(Ctrl + F trên Windows) rồi nhập chuỗi muốn dịch sang Tiếng Việt sau đó dịch nó.

Bước 6: Lưu file vi.po để phần mềm tự tạo file vi.mo

Khi bạn save nội dung file vi.po đang chỉnh sửa thì phần mềm sẽ tự động biên dịch ra file vi.mo cho bạn. File này được lưu cùng thư mục với file vi.po mà bạn đang lưu trữ.

Bạn chỉ việc upload 2 file vi.po và vi.mo này lên thư mục /cocoon-child-master/languages/ và tận hưởng thành quả.

Lưu ý nếu bạn đang sử dụng phần mềm Cache trang web như WP Rocket hay Litespeed Cache thì có thể bạn sẽ cần xoá cache để thông tin mới nhất bạn đã dịch được cập nhật lên trang web.

Kết luận

Bài viết này mình đã hướng dẫn bạn cách Việt hoá thành công theme Cocoon một cách đơn giản và dễ hiểu nhất.

Hi vọng bạn sẽ làm được.

Nếu thấy bài viết hay và bổ ích hãy chia sẻ cho mọi người cùng biết nhé.