PrestaShopにLinguise自動翻訳をインストールする

目次

PrestaShopの技術要件

ニューラル自動翻訳は使用するための PrestaShop はPHPスクリプトの使用が必要です(以下からダウンロード可能)。Linguiseスクリプトをインストールするには、以下の要件が必要です:

  • PHP 8+ を実行
  • Apache、LiteSpeed、NGINX、IIS サーバー
  • PrestaShopの設定でURL書き換えを有効にする

PrestaShop 翻訳のインストール方法

1. API キーを生成する

Linguiseダッシュボードへの接続後、 Linguise dashboard 新しいドメインをまず設定し、その設定を保存してAPIキーを取得する必要があります。

APIキーは、PrestaShopサイトで翻訳を有効化するために必要なものです。基本的に、APIキーはどのドメインでどの言語が有効になっているかを確認し、ニューラル翻訳ページの生成を可能にします。.

API キーをコピーして、クリップボードに保存してください。.

ステップ2/2、完了です。翻訳を開始できます!

次に、タブ “Script PHP” をクリックすると、ここで詳しく説明するインストール手順が取得できます。.

WordPress プラグインのインストール手順のスクリーンショットで、ウェブサイトにソーシャルプルーフをインストールする手順を示しています。.

2. Linguise 翻訳スクリプトをアップロードして接続する

Linguise翻訳スクリプトは、PrestaShopがインストールされているサーバーにアップロードする必要があります:

スクリプトをダウンロードしたら、解凍してCMSがインストールされているルートフォルダーにアップロードしてください。.

  • ウェブサイトの ルートレベル にあることを確認してください(PrestaShopのファイルが配置されている場所)。
  • フォルダーが正しいことを確認してください デフォルト名を保持してください “linguise”
フォルダ付きファイルシステムのディレクトリ一覧

Linguiseスクリプトインターフェースへのアクセス方法は?

Linguise のインストールが完了したら、次の URL 形式でウェブサイトにアクセスしてダッシュボードに入ることができます:
https://www.domain.com/linguise

ウェブサイトのアドレスに合わせてドメインアドレスを変更してください*
Linguise に適切な読み取り・書き込み権限があることを確認してください*

パスワードとデータベース接続の設定

スクリプトインターフェースにアクセスすると、設定画面が表示され、パスワードを作成し、希望のデータベースに接続できます。.

以下が可能です:

  • このインターフェースへの今後のアクセスに必要となるパスワードを設定してください。.
  • データベースの種類を選択してください — MySQL または SQLite のいずれか、設定や好みに応じて。.

この初期設定により安全なアクセスが確保され、環境に合わせてスクリプトを構成できるようになります。.

MySQL データベース接続

MySQL を選択した場合、以下の MySQL 設定項目の接続詳細を入力する別のインターフェースが表示されます。

情報が正しいことを確認し、MySQL データベースへの接続を成功させてください。. 

MySQL vs SQLite – What’s の違いは何ですか?
MySQL と SQLite は、ウェブサイトやアプリケーションのデータを保存・管理するために使用される人気のデータベースシステムです。ただし、用途が異なり、いくつかの重要な違いがあります:

機能SQLiteMySQL
設定非常に簡単(SQLite のインストールが必要)サーバーの設定が必要
ストレージ単一ファイルMySQL サーバーによって管理されます
パフォーマンス小規模アプリに最適大規模でトラフィックの多いシステムに最適
ユースケースローカルアプリ、テスト、小規模サイトウェブアプリ、eコマース、エンタープライズシステム

Linguise スクリプトインターフェース:PHP プラットフォームの設定

Linguise 翻訳ダッシュボードは、以前は Joomla と WordPress のみで利用可能でしたが、現在は PHP およびその他のプラットフォームにも対応しています。このアップデートにより、ユーザーは CMS やフレームワークに関係なく、統一されたインターフェースから直接、言語設定—表示オプションやフラッグスタイル、外観カスタマイズなど—をシームレスに構成できるようになります。.

api-interface

管理者は Linguise の設定をより効率的に管理でき、言語選択ポップアップや影効果、地域別フラグ選択バリエーションなどの一貫した機能を備えています。ダッシュボードはユーザーフレンドリーなデザインを保ちつつ、多様なウェブ環境に対する互換性を拡大しています。.

表示インターフェース
外観インターフェース
URL の設定や言語スイッチャーは少し技術的であることは理解していますが、良いニュースです!無料でインストールを提供します。

3. 言語 URL の設定

URL 書き換えは通常、PrestaShop でデフォルトで有効になっており、SEO の目的に使用されます。もしそれが当てはまらない場合は、設定を見つけることができます。 ショップパラメータ > トラフィックと SEO > フレンドリー URL。 詳細は 公式 PrestaShop ドキュメント

二要素認証設定ページ。セキュリティのために 2FA を有効にしてください。.

.htaccess で言語別の URL を設定する必要があります。このコードをコードの後にコピーしてください RewriteEngine onデフォルトの PrestaShop で利用可能です .htaccess:

				
					<IfModule mod_rewrite.c> RewriteEngine On RewriteRule ^(af|sq|am|ar|hy|az|eu|be|bn|bs|bg|ca|ceb|ny|zh-cn|zh-tw|co|hr|cs|da|nl|en|eo|et|tl|fi|fr|fy|gl|ka|de|el|gu|ht|ha|haw|iw|hi|hmn|hu|is|ig|id|ga|it|ja|jw|kn|kk|km|ko|ku|ky|lo|la|lv|lt|lb|mk|mg|ms|ml|mt|mi|mr|mn|my|ne|no|ps|fa|pl|pt|pa|ro|ru|sm|gd|sr|st|sn|sd|si|sk|sl|so|es|su|sw|sv|tg|ta|te|th|tr|uk|ur|uz|vi|cy|xh|yi|yo|zu|zz-zz)(?:$|/)(.*)$ linguise/linguise.php?linguise_language=$1&original_url=$2 [L,QSA] </IfModule>
				
			

最後に、あなたのPrestaShop .htaccessは次のようになるはずです:

画面上のエラーメッセージ付きPHPコード
URL の設定や言語スイッチャーは少し技術的であることは理解していますが、良いニュースです!無料でインストールを提供します。

4. 言語スイッチャーを有効化

URLを使用して、例えば: www.shop.com/fr/ のように、すべての翻訳ページをロードできます。

カスタムテキストブロックを含むウェブサイトのスクリーンショット

この 言語スイッチャー は、希望する言語を選択するためのフラッグポップアップです。ロードするには、ウェブサイト設定の最後にあるコードをHTMLページのにコピーする必要があります。フラッグ言語スイッチャーは自動的にロードされます。

ウェブサイト上のクッキー同意バナー

Ii はページヘッダーにロードする必要があります。Prestashop では、次の場所にコードをコピーできます:…/themes/your-theme/templates/_partials/head.tpl

言語スイッチャーはデフォルトで、ウェブサイトの右上の浮動位置に表示されます。CSS を使用して好きなようにカスタマイズしてください。.

ウェブサイト上で言語を選択するためのドロップダウンメニューです。利用可能な言語は英語、ドイツ語、ギリシャ語、スペイン語、フランス語、日本語、オランダ語、ロシア語、そして中国語です。.

SEO 重要な注意点: 設定する言語数は SEO に大きな影響を与えます。翻訳言語を設定する際、インデックスされたページが多数(>500)ある場合、検索エンジンの処理に多くの時間がかかることがあります。これにより、元の言語での SEO に影響が出る可能性があります。That’は、最初に最大5言語を追加することを推奨する理由です。その後、インデックスが完了したら、月に3言語ずつ追加できます。

言語スイッチャーの設定

言語スイッチャー は Linguise ダッシュボード > 設定 > 言語フラッグ表示 からカスタマイズできます。ここでのすべての変更はウェブサイトに反映されます。

英語のオプションがある言語設定を選択するドロップダウンメニューを示すスクリーンショットです。.

画面の右側に言語スイッチャーのプレビューがあります。設定できる要素は以下の通りです:

  • 3つのレイアウト:横並び、ドロップダウン、ポップアップ
  • 言語スイッチャーの位置
  • 言語スイッチャーの内容
  • 英語または母国語での言語名
  • 旗の形状とサイズ
  • 色とボックスシャドウ

PrestaShop コンテンツに言語スイッチャーをロードする

フラグ-位置-イン-プレース

CMS コンテンツ内で特定の場所に 言語スイッチャー を表示するには、位置を “In place” に設定する必要があります。 
Linguise ダッシュボードで位置を設定したら、以下のショートコードを追加して組み込むことができます。下のコードをクリックしてクリップボードにコピーしてください。

				
					<div>[linguise]</div>
				
			

一度それ’が追加されたら、フロントエンドであなた’はフラグと語名が表示され、コードを追加したHTML領域に表示されます。.

ローカルキャッシュシステムを有効化する

オプションとして、URL とそれに関連する多言語コンテンツを保存し、ページを高速に提供するローカルキャッシュシステムを有効化できます。ローカルキャッシュは Linguise サーバーとウェブサイトサーバー間のデータ転送を削減します。キャッシュは、ページが既に翻訳済みで更新されていない場合にのみ使用されます。優先的に保持されるキャッシュは、最も閲覧された多言語ページのキャッシュです。.

Laravel の翻訳設定コード例。翻訳設定の構成例です。.

オプションとして、キャッシュの容量をMB単位で定義できます。以下の例ではキャッシュが有効化され、保持するキャッシュ容量は500MBです:

				
					    /** 基本設定 **/ public $cache_enabled = true; public $cache_max_size = 500; // メガバイト単位
				
			

Windows IIS サーバー上での自動翻訳

Web.config ファイルに、あなたのウェブサイトビルダーに対応する行を追加してください。
他のリダイレクトよりも先に設定すべきです。特に、PHP のメインファイルへのリダイレクトの前に設定してください。

				
					<rule name="Linguise" stopProcessing="true"> <match url="^(af|sq|am|ar|hy|az|eu|be|bn|bs|bg|ca|ceb|ny|zh-cn|zh-tw|co|hr|cs|da|nl|en|eo|et|tl|fi|fr|fy|gl|ka|de|el|gu|ht|ha|haw|iw|hi|hmn|hu|is|ig|id|ga|it|ja|jw|kn|kk|km|ko|ku|ky|lo|la|lv|lt|lb|mk|mg|ms|ml|mt|mi|mr|mn|my|ne|no|ps|fa|pl|pt|pa|ro|ru|sm|gd|sr|st|sn|sd|si|sk|sl|so|es|su|sw|sv|tg|ta|te|th|tr|uk|ur|uz|vi|cy|xh|yi|yo|zu|zz-zz)(?:$|/)(.*)$" ignoreCase="false" /> <conditions logicalGrouping="MatchAll" trackAllCaptures="false" /> <action type="Rewrite" url="linguise/linguise.php?linguise_language={R:1}&original_url={R:2}" appendQueryString="true" /> </rule>
				
			

NGINX サーバーでの自動翻訳

NGINX サーバー設定ブロックに、あなたの CMS に対応する行を追加してください。.
他のリダイレクトよりも先に設定すべきです。特に、PHP のメインファイル内のリダイレクトの前に設定してください。.
				
					書き換え ^/(af|sq|am|ar|hy|az|eu|be|bn|bs|bg|ca|ceb|ny|zh-cn|zh-tw|co|hr|cs|da|nl|en|eo|et|tl|fi|fr|fy|gl|ka|de|el|gu|ht|ha|haw|iw|hi|hmn|hu|is|ig|id|ga|it|ja|jw|kn|kk|km|ko|ku|ky|lo|la|lv|lt|lb|mk|mg|ms|ml|mt|mi|mr|mn|my|ne|no|ps|fa|pl|pt|pa|ro|ru|sm|gd|sr|st|sn|sd|si|sk|sl|so|es|su|sw|sv|tg|ta|te|th|tr|uk|ur|uz|vi|cy|xh|yi|yo|zu|zz-zz)(?:$|/)(.*)$ /linguise/linguise.php?linguise_language=$1&original_url=$2 最後;