WooCommerce の翻訳方法: 詳細なステップバイステップ ガイド
公開: 2022-10-12WooCommerce ストアの翻訳方法を知りたいですか?
世界のさまざまな地域から顧客を引き付けている場合、WooCommerce ストアを別の言語に翻訳すると、ビジネスの成長と利益の増加に役立つ可能性があります。
製品情報️を母国語で表示すると、訪問者はより迅速な意思決定を行うことができます。 より良い顧客体験を提供し、信頼を築き、売上の増加につながる可能性があります。
この記事では、人気のある言語翻訳プラグインを使用して WooCommerce ストアを翻訳する方法を紹介します。
それに加えて、プラグインを使用せずに、ストアのフロント エンドと管理ダッシュボードのテキストのみを翻訳する方法を紹介します。
チュートリアルに飛び込みましょう！
WooCommerce 言語の変更方法
WooCommerce 言語を変更するには 3 つの方法があります。 それらは：
- 組み込みのサイト言語オプションを使用して、ストアの言語を変更します (単一言語のストアの場合)。
- 組み込みのプロファイル言語オプションを使用して、ダッシュボードの言語を変更します (管理者の管理を簡素化するため)。
- 翻訳プラグインを使用して、ストアの言語を複数の言語に変更します。
基本的に、最初のセクションでは、単一言語ストアの WooCommerce 言語を変更する方法を紹介します。
次のセクションでは、WooCommerce を翻訳して多言語ストアを作成する方法を学習します。 ここをクリックして、そのセクションに直接スキップしてください。
1. ストアの言語のみを変更する
この方法を使用して、「カートに追加」ボタン、カート ページ、チェックアウト ページ、マイ アカウント ページ、およびその他のデフォルトの WooCommerce ページのテキストを変更します。
ただし、この方法では、製品のタイトルや説明など、ストアに手動で挿入するテキストの言語を変更することはできません. 製品エディターを介して手動で行う必要があります。
一言で言えば、この方法は、単一言語ストアの言語を変更する場合に機能します。
WordPress サイトの言語を変更する
WooCommerce ストアの言語のみを変更するには、管理ダッシュボードを開き、 [設定] → [一般]に移動します。 次に、[サイトの言語] ドロップダウンを探します。
ドロップダウン メニューから選択した言語を選択し、[保存] ボタンをクリックします。
WordPress/WooCommerce の翻訳を更新する
次に、 Dashboard → Updatesに移動し、Translations セクションまで下にスクロールして、 Update Translationボタンをクリックします。
これにより、前のステップで選択した言語の WooCommerce 言語パックを WordPress にダウンロードするように促されます。
それでおしまい。 WooCommerce ストアのデフォルト コンテンツが、選択した言語に翻訳されます。
2. ダッシュボードの言語のみを変更する
この方法を使用すると、サイトのフロント エンドの言語は同じままで、管理ダッシュボードの言語を変更できます。
この方法は、あなたまたは他のストア管理者がフロントエンド言語とは異なる言語でストアを管理することを好むシナリオで役立ちます。
ただし、この方法では、フロントエンド ストアが 1 つの言語でしか利用できないことを前提としています。
ストアの言語を変更して言語パックをダウンロードします (前の手順に従って)
まず、前のセクションの手順に従ってストアの言語を変更し、翻訳パックをダウンロードします。
簡単に要約すると、それはあなたがすべきことを意味します…
- [設定] → [一般]に移動し、[サイトの言語] ドロップダウンを使用して、ダッシュボードを提供する言語を選択します。
- Dashboard → Updatesに移動し、下にスクロールして Translations セクションに移動し、 Update Translationボタンをクリックします。
ここでも、前のセクションと同じ手順に従うことができます。
ストアの言語を元に戻す (必要な場合)
必要に応じて、 [設定] → [一般]に戻り、[サイトの言語] ドロップダウンを使用して、ストアのフロントエンド言語を元の言語に戻すことができます。
ユーザー向けに WooCommerce ダッシュボードの言語を調整する
フロントエンド ストアの言語が正しいことを確認したら、ダウンロードした新しい言語パックから選択して、個々のユーザーのバックエンド言語を手動で上書きできます。
- ユーザー → プロファイルに移動して、ユーザー プロファイルを開きます。
- 言語オプションを使用して、優先する WooCommerce ダッシュボードの言語を選択します。
- 変更を保存します。
この方法を使用して、他のユーザーのダッシュボード言語を変更できます。 [ユーザー] → [すべてのユーザー] に移動し、ユーザーのプロファイルを開き、言語を選択して [保存] ボタンをクリックします。
WooCommerce を翻訳して多言語ストアを作成する方法
多言語ストアを作成する場合、翻訳プラグインを使用すると、WooCommerce Web サイト全体を 1 つまたは複数の言語に翻訳できます。
選択できる翻訳プラグインはいくつかありますが、このチュートリアルでは無料の TranslatePress プラグインを使用します。
無料のプラグインを使用すると、ストアをすべてのフロントエンド コンテンツ (単一の製品、ショップ、カート、チェックアウトなど) を含む 1 つの言語に翻訳できます。
ストアを多言語に翻訳したり、多言語 SEO を改善したりしたい場合は、年間 89 ユーロからのプレミアム バージョンに登録する必要があります。
- TranslatePress のインストールとセットアップ
- WooCommerce の商品ページを翻訳する
- カートページとチェックアウトページを翻訳
- ウェブサイトの投稿、ページ、メニューを翻訳する
1. TranslatePress のインストールと設定
最初のステップは、WordPress Web サイトにTranslatePress をインストールして有効にすることです。
次に、 [設定] → [TranslatePress] → [一般] → [すべての言語] に移動し、ドロップダウン メニューから言語を選択します。 追加して設定を保存します。
2. WooCommerce の商品ページを翻訳する
翻訳可能な WooCommerce 製品ページには 4 つの主要な要素があります。 それらは：
- 商品説明
- 動的コンテンツ
- 製品画像
- ページ タイトル、スラッグ、ドロップダウン アイテム
それらを見てみましょう：
商品説明、タイトルなどを翻訳します。
WooCommerce製品ページの 1 つを開き、管理バーの [ページを翻訳] オプションをクリックします。
画面の左側に翻訳エディタが表示されます。 このエディターを使用して、製品ページのテキストを翻訳します。
翻訳したい商品説明にカーソルを合わせます。 青いペンのアイコンが表示されます。 それをクリックすると、テキストが選択され、翻訳エディタはテキストの翻訳版を書くことができるボックスを提供します。
一度に翻訳できるのは 1 段落だけです。
各翻訳を行った後、[翻訳を保存] ボタンをクリックするか、 Ctrl + Sキーボード ショートカットを使用します。
動的コンテンツを翻訳する
動的コンテンツとは、ユーザーのアクションによってトリガーされるサイトに表示されるコンテンツを指します。
WooCommerce の商品ページでは、訪問者が [カートに追加] ボタンをクリックすると動的コンテンツが表示されます。 緑色のペンアイコンをクリックすると、テキストと[カートを見る] ボタンの両方を翻訳できます。
補足:エディターが青色のペンアイコンではなく緑色のペンアイコンを表示しているのはなぜでしょうか? 緑色のペンは、現在のテーマまたはサイトにインストールされているプラグインに関連するテキストの上に表示されます. 青いペンのアイコンと同じように機能します。 アイコンをクリックし、翻訳エディタを使用してテキストを翻訳します。
商品画像の翻訳
キャプション付きの製品画像も、同じ方法でさまざまな言語に翻訳できます。
画像をクリックすると、キャプションが青いペン アイコンで表示されます。 アイコンを選択し、翻訳エディターでキャプションの翻訳を開始します。
ページ タイトル、スラッグ、ドロップダウン アイテムの翻訳 (有料プラグイン バージョンが必要)
ページのタイトルとスラッグを翻訳するには、TranslatePress による SEO パック アドオンが必要です。 1 つのサイトで年間約 89 ユーロかかります。
購入して SEO パック プラグインを有効にしたら、製品ページを開きます。 翻訳エディターには、メタ情報と文字列リストと呼ばれる追加オプションが表示されます。
メタ情報セクションでは、ページのスラッグとタイトルを変更できます。 また、文字列リスト オプションを使用すると、可変商品にあるドロップダウン メニュー項目を変更できます。
3. カートページとチェックアウトページの翻訳
カートページになると、満たされた状態または空の状態で見つけることができます。
ページを空の状態に変換するには、Web サイトの URL を開いて、次のように末尾に「カート」を追加します: https://yoursite.com/cart/ 。
ペン アイコンを使用してテキストを翻訳します。
カートが満たされた状態でカート ページを翻訳するには、少なくとも 1 つの商品をカートに追加し、カート ページを開いてページの翻訳を開始します。
現在、チェックアウト ページには 1 つのバージョンしかありません。 チェックアウト ページを翻訳するには、 https ://yoursite.com/checkout/ のようにサイトの URL の末尾に「チェックアウト」を追加し、チェックアウト フィールドの翻訳を開始します。
4. ウェブサイトの投稿、ページ、メニューを翻訳する
ウェブサイト全体を翻訳する場合は、すべての投稿、ページ、メニューを翻訳してください。 メニューにはヘッダー、フッター メニューを含め、ページにはホームページ、ログイン、登録、マイ アカウント ページを含める必要があります。
ホームページでは、エディタを使用してロゴ画像を変更してください。 まず、翻訳されたテキストを含む新しいロゴを作成する必要があります。次に、青いペンのアイコンをクリックし、エディターを使用して新しいロゴを Web サイトにアップロードします。
以上です、皆さん！ 以上で、このチュートリアルは終了です。
WooCommerce ストアを今すぐ翻訳
Web サイトをさまざまな言語に翻訳すると、オンライン ストアを急速に成長させることができます。
デフォルトの WooCommerce ページとボタンのみを翻訳するか、WordPress ダッシュボードのみを翻訳するか、翻訳プラグインを使用して WooCommerce Web サイト全体を翻訳するかを選択できます。
プラグインを使用してストアを翻訳するときは、製品の説明、動的コンテンツ、製品画像、ページ タイトル、スラッグ、およびサイトマップや hreflang タグなどのその他の SEO 要素を含む製品ページを翻訳していることを確認してください。
また、ブログの投稿、ヘッダー、フッター メニュー、およびホームページ、カートとチェックアウト、ログイン、登録、マイ アカウント ページなどのページも翻訳する必要があります。
WooCommerce ストアの翻訳方法について質問がある場合は、下のコメント欄でお知らせください。