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

目次

ProcessWire CMS の技術要件

ProcessWire CMS で使用するニューラル自動翻訳には、PHP スクリプトを使用する必要があります (以下からダウンロードできます)。 Linguise スクリプトをインストールするには、次の要件が必要です。

  • PHP 7+を実行する
  • Apache、LiteSpeed、NGINX、IIS サーバー
  • サーバー上で URL 書き換えが有効になっていることを確認してください
  • ProcessWire CMS 2.x または 3 以降

1.APIキーを生成します

Linguiseダッシュボードに接続または登録した後、まず新しいドメインをセットアップし、その設定を保存して API キーを取得する必要があります。

「その他の PHP」プラットフォームを選択して、このドキュメントやソース言語と宛先言語などの Linguise 登録ドメインを続行できます。

ウェブサイトのプラットフォームと翻訳言語の設定

その後、次のものが得られます。

  • メンバーシップを検証する API キー
  • 言語スイッチャーの Linguise スクリプトへのリンク

 

ウェブサイトの翻訳に関するビデオが掲載されたウェブページのスクリーンショット

API キーは、 ProcessWire CMS Web サイトで翻訳をアクティブ化するために必要なものです。 基本的に、API キーはドメインでアクティブ化されている言語を確認し、コンテンツの自動翻訳を許可します。

現時点では、API キーをコピーしてクリップボードに保存できます。

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

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

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

  • Web サイトのルート レベル ProcessWire CMS ファイルが配置されている場所)にあることを確認してください。
  • フォルダーがデフォルト名 linguise
ProcessWire-CMS-ファイル

Linguise Scriptインターフェイスにアクセスする方法は?

Linguiseを完了したら、次のURL形式でWebサイトにアクセスしてダッシュボードにアクセスできます:
https://www.domain.com/ linguise

あなたのウェブサイトに従ってドメインアドレスを変更するアドレス*
Linguise適切な読み取りと書き込みの許可があることを確認

パスワードとデータベース接続のセットアップ

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

あなたはできる:

  • このインターフェイスへの将来のアクセスに必要なパスワードを設定します。
  • セットアップと好みに応じて、データベースタイプ(MySQLまたはSQLiteのいずれか)を選択します。

この最初のセットアップにより、安全なアクセスが保証され、環境に応じてスクリプトを構成できます。

MySQLデータベース接続

MySQLを選択すると、以下のMySQL構成フィールドの次の接続の詳細を要求する別のインターフェイスが表示されます。

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

mysql vs sqlite - 違いは何ですか?
MySQLとSQLiteはどちらも、Webサイトとアプリケーションのデータを保存および管理するために使用される一般的なデータベースシステムです。ただし、さまざまなユースケース向けに設計されており、いくつかの重要な違いがあります。

特徴sqlitemysql
設定非常に簡単(SQLiteのインストールが必要)サーバーのセットアップが必要です
ストレージ単一ファイルMySQL Serverによって管理されています
パフォーマンス小規模なアプリに最適です大規模で高トラフィックシステムの方が適しています
使用事例ローカルアプリ、テスト、小さなサイトWebアプリ、eコマース、エンタープライズシステム

Linguise Scriptインターフェイス:PHPプラットフォームのセットアップ

以前は Joomla と WordPressでのみ利用可能な Linguise Translation Dashboardは、PHPと追加のプラットフォームへのサポートを拡張しています。この更新により、ユーザーは、CMSやフレームワークに関係なく、統一されたインターフェイスから直接、ディスプレイオプション、フラグスタイル、外観のカスタマイズなど、言語設定をシームレスに構成できます。

APIインターフェイス

管理者は、言語選択ポップアップ、シャドウエフェクト、地域固有のフラグの選択バリアントなどの一貫した機能を備えた、より効率的に Linguise 設定を管理できます。ダッシュボードはユーザーフレンドリーなデザインを保持しながら、多様なWeb環境に幅広い互換性を提供します。

ディスプレイインターフェイス
外観インターフェイス
URL の設定と言語スイッチャーの設定には少し技術が必要であることは理解しています。 しかし朗報です! 無料のインストールを提供します

3. ProcessWire CMS URL 書き換えをセットアップする

デフォルトでは、URL 書き換えは ProcessWire CMS でアクティブになります。 そうでない場合は、ホスティング プロバイダーからアクティブ化できます。

言語ごとの URL は .htaccess で設定する必要があります。 デフォルトのProcessWire CMS RewriteEngine on の後に以下のコードをコピーするだけです

				
					<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>
				
			

最終的に、 ProcessWire CMS .htaccess は次のようになります。

				
					# 8. Enable Apache mod_rewrite (required)
# -----------------------------------------------------------------------------------------------

<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]
 
  
  # 8A. Optionally (O) set a rewrite base if rewrites are not working properly on your server.
  # -----------------------------------------------------------------------------------------------
				
			

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

言語スイッチャーをロードしましょう。

URL の設定と言語スイッチャーの設定には少し技術が必要であることは理解しています。 しかし朗報です! 無料のインストールを提供します

4. 言語スイッチャーを有効にする

4.1 Linguise JS スクリプトをロードする

HTML ヘッダーにフラグと代替 URL を含む言語スイッチャーを表示するには、 Linguise JS スクリプト リンクをすべての ProcessWire CMS ページにロードする必要があります (SEO 目的)。

スクリプト リンクをコピーするには、 Linguise ダッシュボードからドメイン設定に移動し、スクリプト リンクをコピーします。

モジュールのインストール手順を示すグラフ。グラフには青い点線が上向きに表示されています。

ProcessWire にロードする最も簡単な方法は、Web サイトのヘッダー内に追加するか、 セクション。 ProcessWire CMS には、ヘッダーにスクリプトをロードするための特定のファイルが付属しています。

_main.phpにあり、 site/templates/_main.phpに移動すると見つかります。 スクリプト ファイルを編集して、ヘッダー セクションにスクリプト リンクを含めます。

フラグ付きの言語スイッチャーが自動的にロードされるようになりました。

Script-in-ProcessWire-cms

言語スイッチャーは、デフォルトで Web サイトの右上のフローティング位置に表示されます。 次の章で説明するようにカスタマイズしてください。

SEO に関する重要事項:セットアップする言語の数は、SEO に大きな影響を与えます。 翻訳言語を設定するときに、大量のインデックス ページ (>500) がある場合、検索エンジンがそれらを処理するのに多くの時間がかかる場合があります。 元の言語での SEO に影響を与える可能性があります。 そのため、最初に最大 5 つの言語を追加することをお勧めします。その後、インデックスが作成されたら、月に 3 つのバッチで言語を追加できます。

言語スイッチャーをセットアップする

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

英語のオプションを含む言語設定を選択するためのドロップダウン メニューを示すスクリーンショット。

画面の右側には言語スイッチャーのプレビューが表示されます。 設定できる要素は次のとおりです。

  • 3 つのレイアウト: サイドバイサイド、ドロップダウン、またはポップアップ
  • 言語スイッチャーの位置
  • 言語スイッチャーのコンテンツ
  • 英語または母国語の言語名
  • 旗の形と大きさ
  • 色とボックスの影

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

フラグの定位置

ProcessWire内の特定の場所に言語スイッチャーを表示するには、その位置を「その場」に設定する必要があります。 Linguise
で位置を設定したら、以下のショートコードを追加してその位置を含めることができます。 以下のコードをクリックしてクリップボードに置きます。

				
					<div>&#091;linguise&#093;</div>
				
			

追加すると、フロントエンドでコードを追加した HTML 領域にフラグと言語名が表示されます。

ローカル キャッシュ システム オプションを有効にする

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

それを補完するために、保存されるキャッシュの量を MB 単位で定義できます。 次の例では、キャッシュがアクティブ化され、保持するキャッシュの量は 500 MB です。

Laravel 翻訳設定コードの例。翻訳を設定するための設定。
				
					    /** Basic configuration **/
    public $cache_enabled = true;
    public $cache_max_size = 500; // In megabyte
				
			

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

Web.config ファイルに、Web サイト ビルダーに対応する行を追加します。
これは、他のリダイレクト、特に 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}&amp;original_url={R:2}" appendQueryString="true" />
</rule>
				
			

NGINX サーバーでの自動翻訳

CMS に対応する行を NGINX サーバー構成ブロックに追加します。
これは、他のリダイレクト、特に PHP メイン ファイル内のリダイレクトの前に設定する必要があります。
				
					rewrite ^/(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 last;