How to make Flatsome theme multilingual with content translation

画像とテキストを表示する複数のスクリーンショット
Table of Contents

ウェブサイトでオンラインストアを構築したいけれど、どのテーマを使えばいいかまだ迷っていませんか?ご安心ください、Flatsomeがその解決策になります。Flatsomeは、魅力的で機能的な特徴を多数備えたオンラインストアを構築するための人気のある WordPress テーマです。.

サイトを構築するだけでなく、サイトをさまざまな言語に翻訳する必要もあります。なぜでしょうか?それについても以下で説明します。それでは、Flatsomeテーマを多言語化してコンテンツを翻訳する方法を見ていきましょう。.

Flatsomeテーマ WordPressとは何ですか?

Flatsomeは、2013年から提供されているオンラインストア構築用の WordPress テーマとして人気があります。このテーマは、さまざまなデバイスでの表示に適応できるレスポンシブデザインを提供しています。これにより、Flatsomeは22万人のユーザーにダウンロードされる成功を収めています。.

このテーマは有料ですが、一度支払えば永久に使用できます。.

FlatsomeはWooCommerceと完全に統合されているため、オンラインストアを簡単に作成・管理できます。このテーマには直感的なビジュアルページビルダー、豊富なデザインオプション、柔軟なカスタマイズオプションが備わっています。FlatsomeはSEOにも最適化されており、充実したカスタマーサポートも提供しています。Flatsomeを使えば、魅力的で機能的なオンラインストアを簡単に作成できます。.

しかし、オンラインストアだけでなく、企業のウェブサイトやフリーランサーなどにもFlatsomeを使用できます。.

Flatsomeの主な機能

Flatsomeとは何かを理解したところで、なぜ多くのサイトオーナーがFlatsomeを使うようになったのでしょうか?そこで今回は、サイト構築に本当に役立つFlatsomeの主な機能についてご紹介します。.

Flatsome が提供する主な機能は数多くあるため、今回はそれらを箇条書き形式で紹介します。以下にその一部を挙げます。.

  • UXビルダー
  • ヘッダーデザイナー
  • ライブテーマオプション
  • Flatsomeスタジオ
  • 高速パフォーマンス
  • フッター機能
  • 要素ライブラリ
  • ブロック要素
  • パララックススクロール
  • 単一ページナビゲーション
  • 固定セクション
  • フラットサムコミュニティ
  • ビデオドキュメント

これらはFlatsomeが提供する主な機能の一部であり、カスタマイズ、パフォーマンス、ライブラリ、コミュニティからFlatsomeの使用に関するドキュメントまで、非常に充実した機能を利用できます。.

上記の機能とは別に、Flatsomeは以下のようなコア機能も備えていると述べています。.

複数のサービスと機能のチェックボックス

Flatsome エレメントライブラリ

ElementsライブラリはFlatsomeの機能の一つで、以下で説明するように30以上の要素を利用できます。Flatsomeはセクション、テキスト、ギャラリー、グリッド、料金表、フォーム、カウントダウンなど、充実した要素を提供しています。.

さまざまな要素向けのフラットアイコンのコレクション、フラットデザインアイコンのセット

これで、各要素の主な機能とコア機能がわかりました。次のステップは、 WordPress のウェブサイトにFlatsomeをインストールすることです。.

Flatsomeテーマでウェブサイトを構築する

Flatsomeテーマを使ってウェブサイトを構築するには、テーマのダウンロード、アップロード、インストール、カスタマイズなど、いくつかの手順を踏む必要があります。以下が各手順です。.

Flatsome テーマの購入とダウンロード

少し上で説明したように、Flatsomeは有料のウェブサイトテーマです。そのため、テーマを入手するにはまず購入する必要があります。.

Flatsomeテーマは、さまざまな WordPress テーマの売買サイトで購入できます。その一つがThemeforetです。では、Themeforest.comサイトを開き、Flatsomeを検索してください。.

テーマは59ドルで販売されています。「カートに追加」をクリックできますが、その前にアカウントを作成していることを確認してください。次に ダウンロード > すべてのファイルとドキュメント、およびライセンス証明書を選択します。

ビジネス向け多目的レスポンシブウェブサイトテンプレート

その後、Flatsomeテーマのzip形式ファイルがお使いのデバイスに正常にダウンロードされるまで、プロセスを最後まで進めてください。zipファイルのほかに、後で入力する必要がある購入コードも取得できます。次のステップに進んだら、テーマを WordPressにインポートします。.

Flatsomeテーマを WordPressにアップロードする

Here you need to upload the Flatsome theme zip file that you downloaded earlier. To do this, enter the WP dashboard > Appearance > Themes > Add new > Upload theme > choose file.

入力フィールド付きの Add Themes カラーテストページ。.

アップロードプロセスが完了したら、次はFlatsomeテーマを有効化する時です。 外観メニュー > テーマ と進むと、次のような画面が表示されるので、Flatsomeをクリックしてください。

もし 有効化 オプションがある場合は、そのオプションをクリックしてください。

アクションパズルゲームインターフェースのスクリーンショット

Flatsomeテーマのインストール

次のステップは、テーマを有効化してインストールを開始することです。有効化を選択すると、次のようなページが表示されるので、 Let’s Go! を選択して始めましょう。

Flatsome セットアップウィザードのウェルカムページ

購入コード欄に、先ほどダウンロード時に取得したライセンスキーを入力し、 有効化を選択します。

Flatsome テーマの有効化ページ

さらに、デフォルトでは子テーマの列があり、名前を変更するか、デフォルトのままにしておくことができます。テーマに満足したら、 子テーマを作成して使用 をクリックしてください。そうでない場合は、このステップをスキップしてください。

Flatsome 子テーマ設定の構成

次のステップでは、Contact Form 7、Nextend Social Login、Unlimited Sidebar WooSidebars、YITH WooCommerce ウィッシュリストなど、Flatsome に含まれるいくつかのプラグインをインストールするよう求められます。.

問題なければ、 Continue をクリックしてインストールを開始してください。

Flatsome ウェブサイトのデフォルトプラグイン設定

プラグインをインストールした後は、次にデモコンテンツのインストールです。これによりコンテンツの作成やページのカスタマイズなどが可能になるので、 続行をクリックしてください。

デモコンテンツのインストールオプション

デモコンテンツのダウンロードが完了したら、ここでWebサイトのデザインを選択し、サイトのロゴをアップロードできます。ロゴのアップロードは任意であることを知っておく必要があります。 続行をクリックした場合。

例を含むロゴデザインのアップロードページ

次の画面で 「同意して続行」 をクリックすると、ウェブサイトがすぐに使える状態になります。

提供されるヘルプとサポートサービス

インストールが完了したら、WordPressダッシュボードに戻り、ウェブサイトのリンクを開きます。これは、Flatsomeテーマをインストールした結果です。.

ブラックフライデーで最大70%オフの大セール

Flatsomeウェブサイトをカスタマイズ

この時点でウェブサイトのインストールは完了していますが、上記のウェブデザインのインストールは既存のテンプレートに合わせて調整されるため、あなたの好みに合わない可能性があります。.

しかし、心配する必要はありません。Flatsomeを使えば、ウェブサイトを簡単にカスタマイズできます。必要な手順は、 WPダッシュボード > 外観 > カスタマイズ

その後、次のような画面が表示されます。左側には、カスタマイズするために選択できるいくつかのサブメニューがあります。たとえば、ここでは ヘッダーを選択してみます。

真夏のファッションテキストが入った黒い背景

ヘッダーをクリックすると、いくつかのオプションが表示されるので、 プリセットを選択してみます。すると、以下のような画面が表示され、ヘッダーナビゲーションセクションのデザインとレイアウトを編集できることがわかります。

ビッグセールが始まりました。様々な商品が大幅割引

上記のヘッダーカスタマイズは、Flatsomeテーマでできる数多くのカスタマイズのほんの一例です。まだまだ多くのカスタマイズが可能です。.

Flatsomeのウェブサイトを多言語に翻訳すべき理由

Flatsomeのウェブサイトを無事に構築したら、次はそのウェブサイトをさまざまな言語に翻訳する番です。では、なぜさまざまな言語に翻訳する必要があるのでしょうか。ここではいくつかの問題点を紹介します。.

  • グローバルなリーチ: 顧客が好む言語でコンテンツを提供することで、新たな市場にリーチし、世界中の顧客とつながることができます。
  • ユーザーエクスペリエンスの向上: 訪問者の母国語で情報や商品説明を提供することで、シームレスな閲覧体験を実現します。
  • コンバージョンの増加: 言語の壁を取り払い、信頼を築き、顧客の言語の好みに合わせた Web サイトを通じて購入を促します。
  • 競争優位性: 多様な顧客ニーズに応えることへのコミットメントを示し、包括的な体験を創出することで、競合他社と差別化できます。
  • SEO効果: ウェブサイトを地域に特化したキーワードとコンテンツに最適化することで、さまざまな地域での検索エンジンでの可視性を向上させます。
  • 顧客エンゲージメントと信頼: 多言語でコンテンツを提供することで、文化的多様性への理解を示し、信頼を築き、長期的な顧客関係を育みましょう。

ウェブサイトをさまざまな言語に翻訳するには、サードパーティ、つまり多言語プラグインの助けが必要です。 WordPress で利用できる多言語プラグインは多数あり、そのうちの1つが Linguiseです。.

Linguise は、80以上の言語から選択できるウェブサイト翻訳サービスです。多彩な機能を備えた Linguise は、わずか数分でFlatsomeサイトを翻訳できます。.

AI翻訳技術により、 Linguise は人間の翻訳と97%類似した翻訳を生成することができます。では、 Linguise を使ってFlatsomeサイトを翻訳するにはどうすればよいでしょうか?

言語の壁を突破する
言語の壁に別れを告げ、無限の成長を手に入れましょう!今すぐ自動翻訳サービスをお試しください。.

LinguiseでFlatsomeのウェブサイトを翻訳する

Linguiseを使用してFlatsomeウェブサイトを翻訳するには、まず Linguise、メールアドレスとパスワードを入力して 無料でアカウント登録 を行う必要があります。その後、 Linguise の無料トライアル版を1か月間利用できます。

最初のステップは、 Linguise アカウントを登録し、 Linguise ダッシュボードに移動して ドメインを追加 を選択します。ここでは、URL、プラットフォーム、言語など、入力する必要がある項目がいくつかあり、選択したら 保存をクリックします。

暗い画像で、かすかな横線が入っています。この画像は空白またはプレースホルダーのグラフィックのようです。.
ダークテーマのインターフェースのスクリーンショット。スクリーンショットには暗い背景が表示されています。.

次のステップは、 Linguise をウェブサイトに接続することです。そのためには 設定 を選択し、API KEY欄で クリップボードにコピー

次に、 WordPress ダッシュボードに移動して、 Linguise プラグインをインストールします。コツは、 プラグイン > 新規プラグインを追加 > 言語 > 今すぐインストール > 有効化 をクリックすることです。 インストールプロセスが完了するまで待ちます。

完了したら、 Linguise メニューに入り、 Linguise APIキー欄に、先ほどコピーしたAPIコードを入力して、 適用をクリックします。

取引を確認するためにLitecoin APIキーを登録する

もう一度下にスクロールすると、ウェブサイトに表示される言語設定のリストが表示されます。位置、リストの形状、表示される言語ロゴ、フルネームか略称かを設定できます。最後に、 設定を保存

言語リストを表示するための設定

もしお持ちであれば、翻訳が表示されているかどうかに関わらずウェブサイトを開くことができます。以下に示すように、ウェブサイトはスペイン語への翻訳に成功しました。言語リストの表示位置は右下です。.

大幅な割引がついた大セールのオファー画像
新しい市場を開拓する準備はできていますか?1ヶ月の無料トライアルで、自動翻訳サービスを無料でお試しください。クレジットカードは不要です!

Flatsomeウェブサイトに除外ルールを追加する

前述のとおり、 Linguise は多くの便利な機能を提供しており、その一つが文や単語を翻訳対象から除外するグローバル翻訳除外ルールです。.

 

この機能を使用すると、単語を原文のままにするか、そのまま保持することができます。技術用語、ブランド名など、除外されることが多い単語もあります。.

この機能を使用するには、 WordPress ダッシュボードで ルール > 新しいルールを追加 を選択し、以下に示すようないくつかの既存のルールタイプを選択します。

黒い背景に大きな白い空白スペース。.
  • テキスト無視: ブランド名など、翻訳の対象とすべきでないテキストを指定するために使用します。
  • テキスト置換: あるテキストを別のテキストに置き換えるために使用されます。
  • コンテンツ除外: ページから特定のコンテンツを除外することを指します。
  • URLで除外: URLに基づいてコンテンツを除外することを指します。
  • インラインを無視: 複数行にまたがるコンテンツを除外するために使用されます。

ライブエディター機能でFlatsomeの翻訳を編集する

翻訳を設定した後は、 Linguiseのライブエディター機能を使って翻訳結果を直接編集することもできます。.

これを実行するには、 Linguise ダッシュボードにアクセスし、 ライブエディター > ライブエディターを開く に移動して、翻訳したい言語を選択します。完了すると、以下に示すようなユーザーインターフェースが表示されます。翻訳を変更したい特定のセクションをクリックし、その後必ず変更を保存してください。

デジタルビデオ安定化のためのコンピューターインターフェースのスクリーンショット

翻訳者を追加してウェブサイトを手動で翻訳する

多言語対応のウェブサイトを運営する場合、 Linguiseが提供する翻訳の正確性を確保することが不可欠です。これを実現するには、専門の翻訳者に依頼することができます。.

Linguise では、チームに外部の翻訳者を追加できます。ウェブサイトに含める各言語に対して、複数の翻訳者を柔軟に追加できます。.

翻訳者を招待するには、 Linguise ダッシュボードにアクセスし、メンバーセクションに移動するだけです。そこから「新しいメンバーを招待」を選択し、翻訳者のメールアドレス、役割(翻訳者)、ウェブサイト、担当する特定の言語など、必要な詳細を入力できます。.

招待を送信すると、翻訳者に届き、翻訳者のアクセスを設定する方法についての記事に記載された手順に従います。その記事では包括的な説明が提供されています。.

メール、ビデオ通話、言語のフィールドを含む新規受講者登録フォームを作成する

Linguiseを通じてプロの翻訳者と協力することで、多言語ウェブサイトに正確で高品質な翻訳を提供できます。.

Google アナリティクスと Search Console に接続してパフォーマンスを監視します

次の機能は、ウェブサイトをGoogle AnalyticsおよびSearch Consoleと連携することです。この機能により、訪問数、デモ訪問者、訪問者の地域といった指標から、ユーザーが最もよく閲覧するコンテンツまで、サイトのパフォーマンスを把握・分析できます。.

これらのデータを活用することで、サイトやオンラインストアのオーナーであるあなたは、今後より多くの人々がサイトを訪れるように戦略を改善することができます。.

Google Analyticsを使用するには、 Google Analytics v4と多言語統計 をご覧ください。Google Search Consoleを使用するには、こちらのチュートリアル 多言語ウェブサイト向けGoogle Search Consoleの設定方法に従ってください。

FlatsomeウェブサイトのLinguise 価格

Linguise は、Flatsomeウェブサイト向けにサブスクリプションモデルに基づく料金プランを提供しています。 Linguise は無制限での利用には対応していないため、ユーザーは月額または年額のサブスクリプションプランを選択する必要があります。.

月額または年額のどちらのサブスクリプションを選んでも、Flatsome翻訳サイトを管理するための Linguiseの強力な機能と機能性にアクセスできます。.

Linguiseに登録すると、Flatsomeウェブサイトの翻訳を効率的に管理でき、 Linguise チームからの継続的な更新とサポートのメリットを享受できます。.

START

$ 165
/ 年
  • 初月無料トライアルに含まれる
  • 200 000 翻訳済み単語
  • 無制限 の翻訳ページビュー
  • 無制限 の言語
  • 10% OFF 月額料金と比較して
  • プランごとに1つのウェブサイト、 1か月無料

PRO

$ 275
/ 年
  • 初月無料トライアルに含まれる
  • 600,000語の翻訳済みテキスト
  • 無制限 の翻訳ページビュー
  • 無制限 の言語
  • 10% OFF 月額料金と比較して
  • プランごとに1つのウェブサイト、 1か月無料

LARGE

$ 495
/ 年
  • 登録&購読
  • 翻訳語数無制限
  • 無制限 の翻訳ページビュー
  • 無制限 の言語
  • 10% OFF 月額料金と比較して
  • プランごとに1つのウェブサイト、 1か月無料

Conclusion

この記事では、コンテンツ翻訳を備えた多言語のFlatsomeテーマを作成する方法をすでにご理解いただけたはずです。Flatsomeは、魅力的で機能的な特徴を備えた、オンラインストア構築用の WordPress テーマです。.

このガイドに従うことで、Flatsomeテーマを使用した多言語ウェブサイトを構築し、 Linguiseの助けを借りてコンテンツを翻訳でき、最適なユーザー体験を確保してグローバルなオーディエンスにリーチできます。.

こちらもお読みになることをお勧めします

Don't miss out!
Subscribe to our Newsletter

ウェブサイトの自動翻訳、国際SEOなどに関するニュースを受け取りましょう!

Invalid email address
ぜひお試しください。月に1回の配信で、いつでも配信停止できます。.

メールアドレスを共有せずに離脱しないでください!

宝くじに当たる保証はできませんが、翻訳に関する興味深い情報ニュースや時折の割引をお約束します。.

Don't miss out!
Invalid email address