Instal terjemahan otomatis Linguise di Craft CMS

Daftar isi

Persyaratan teknis Craft CMS

Terjemahan otomatis saraf yang akan digunakan dengan Craft CMS memerlukan penggunaan skrip PHP (dapat diunduh di bawah). Untuk menginstal skrip Linguise , Anda memerlukan persyaratan berikut:

  • Jalankan PHP 7+
  • Apache, LiteSpeed, NGINX, server IIS
  • Pastikan penulisan ulang URL diaktifkan di server Anda
  • Craft CMS 3 atau 4 ke atas
  • Biasanya, Craft CMS diatur pada folder “ /web ”.

1. Buat Kunci API

Setelah terhubung atau mendaftar ke dasbor Linguise , Anda harus menyiapkan domain baru terlebih dahulu dan menyimpan setelannya untuk mendapatkan Kunci API.

Cukup pilih platform Craft CMS untuk mendapatkan tautan yang tepat ke dokumentasi ini serta bahasa sumber dan tujuan.

Setelah itu Anda akan mendapatkan:

  • Kunci API yang memvalidasi keanggotaan Anda
  • Tautan ke skrip Linguise untuk pengalih bahasa

 

Kunci API inilah yang diperlukan untuk mengaktifkan terjemahan di situs web Craft CMS Anda. Pada dasarnya, kunci API akan memeriksa bahasa apa yang diaktifkan di domain Anda dan memungkinkan terjemahan konten secara otomatis.

Untuk saat ini, Anda dapat menyalin Kunci API dan menyimpannya di papan klip.

2. Unggah dan hubungkan skrip terjemahan Linguise

Skrip terjemahan Linguise perlu diunggah ke server Anda tempat Craft CMS diinstal:

Setelah skrip diunduh, unzip dan unggah ke folder root tempat Craft CMS diinstal.

  • Pastikan itu berada di level root situs web Anda (tempat Craft CMS berada, secara default ada di dalam folder /web
  • Pastikan folder tetap menggunakan nama default " linguise "

Kunci Linguise perlu disalin ke dalam Configuration.php yang telah Anda unggah ke server Anda, edit file dan salin Kunci API Anda di antara tanda kutip sederhana, ganti teks REPLACE_BY_TOUR TOKEN.

config-php
KAMI MEMAHAMI BAHWA KONFIGURASI URL DAN PENGGANTI BAHASA SEDIKIT TEKNIS UNTUK DIKONFIGURASI; TAPI KABAR BAIK! KAMI MENAWARKAN INSTALASI GRATIS

3. Siapkan penulisan ulang URL Craft CMS

Secara default, penulisan ulang URL aktif di Craft CMS. Jika tidak, Anda dapat mengaktifkannya dari penyedia hosting Anda.

URL menurut bahasa perlu dikonfigurasi di .htaccess. Copy saja kode di bawah ini setelah kode RewriteEngine on yang tersedia di CMS bawaan Craft CMS .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>
				
			

Terakhir, Craft CMS .htaccess Anda akan terlihat seperti ini:

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


    # Send would-be 404 requests to Craft
    RewriteCond %{REQUEST_FILENAME} !-f
    RewriteCond %{REQUEST_FILENAME} !-d
    RewriteCond %{REQUEST_URI} !^/(favicon\.ico|apple-touch-icon.*\.png)$ [NC]
    RewriteRule (.+) index.php?p=$1 [QSA,L]
</IfModule>
				
			

Anda sekarang dapat memuat semua halaman terjemahan menggunakan URL, misalnya: www.shop.com /fr/

Sekarang mari memuat pengalih bahasa.

KAMI MEMAHAMI BAHWA KONFIGURASI URL DAN PENGGANTI BAHASA SEDIKIT TEKNIS UNTUK DIKONFIGURASI; TAPI KABAR BAIK! KAMI MENAWARKAN INSTALASI GRATIS

4. Aktifkan pengalih bahasa

4.1 Muat skrip Linguise JS

Tautan skrip Linguise JS perlu dimuat di semua halaman Craft CMS Anda untuk menampilkan pengalih bahasa dengan tanda dan URL alternatif di header HTML Anda (untuk tujuan SEO).

Untuk menyalin tautan skrip, dari dasbor Linguise buka pengaturan domain dan salin tautan skrip.

Cara termudah untuk memuat kode ini di craft CMS adalah dengan menambahkannya ke indeks template Anda. Buka folder /template dan edit file indeks untuk menyertakan link skrip di bagian header.

Pengalih bahasa adalah popup bendera untuk memilih bahasa yang Anda inginkan. Untuk memuatnya, Anda perlu menyalin kode yang diberikan di akhir konfigurasi situs web ke bagian atas halaman HTML Anda. Pengalih bahasa bendera kemudian akan dimuat secara otomatis.

Pengalih bahasa akan ditampilkan secara default di posisi kanan atas mengambang di situs web Anda. Anda dipersilakan untuk menyesuaikannya seperti yang dijelaskan di bab berikutnya.

Catatan penting SEO: Jumlah bahasa yang Anda atur berdampak besar pada SEO. Saat Anda menyiapkan bahasa terjemahan, jika Anda memiliki banyak halaman yang diindeks (>500), mesin pencari mungkin memerlukan banyak waktu untuk memprosesnya. Ini dapat memengaruhi SEO Anda dalam bahasa asli Anda. Itu sebabnya kami menyarankan untuk menambahkan maksimal 5 bahasa terlebih dahulu, kemudian saat diindeks, Anda dapat menambahkan bahasa dalam batch 3 per bulan.

Siapkan pengalih bahasa

Sakelar bahasa dapat disesuaikan dari Dashboard Linguise > Pengaturan> Tampilan Bendera Bahasa. Setiap modifikasi di sini akan tercermin di situs web.

Di sisi kanan layar Anda memiliki pratinjau pengalih bahasa. Berikut adalah elemen yang dapat Anda atur:

  • 3 tata letak: berdampingan, dropdown atau popup
  • Posisi pengalih bahasa
  • Konten pengalih bahasa
  • Nama bahasa dalam bahasa Inggris atau bahasa asli
  • Bentuk dan ukuran bendera
  • Warna dan bayangan kotak

Muat pengalih bahasa di konten Craft CMS

posisi bendera di tempat

Untuk menampilkan Pengalih Bahasa di tempat tertentu, di Craft CMS , Anda harus mengatur posisinya sebagai “Di tempat”.
Setelah Anda mengatur posisinya di Linguise , Anda dapat menambahkan kode pendek di bawah ini untuk memasukkannya. Klik kode di bawah ini untuk menaruhnya di clipboard Anda.

				
					<div>&#91;linguise&#93;</div>
				
			

Setelah ditambahkan, di bagian depan Anda akan melihat bendera dan nama bahasa ditampilkan di area HTML tempat Anda menambahkan kode.

Aktifkan opsi sistem cache lokal

Sebagai opsi, Anda dapat mengaktifkan sistem cache lokal yang menyimpan URL dan konten multibahasa terkait untuk menyajikan halaman lebih cepat. Cache lokal akan menyimpan beberapa transfer data antara server Linguise dan server situs web Anda. Cache hanya digunakan ketika halaman telah diterjemahkan dan belum diperbarui. Cache yang diprioritaskan akan menjadi cache dari halaman multibahasa yang paling banyak dilihat.

Untuk melengkapi itu, Anda dapat menentukan jumlah cache yang disimpan dalam MB. Dalam contoh berikut, cache diaktifkan dan jumlah cache yang disimpan adalah 500 MB.

				
					    /** Basic configuration **/
    public $cache_enabled = true;
    public $cache_max_size = 500; // In megabyte
				
			

Terjemahan otomatis di server Windows IIS

Tambahkan baris yang sesuai dengan pembuat situs web Anda di file Web.config Anda.
Ini harus diatur sebelum pengalihan lainnya, terutama pengalihan ke file utama PHP Anda:

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

Terjemahan otomatis di server NGINX

Tambahkan baris yang sesuai dengan CMS Anda di blok konfigurasi server NGINX Anda.
Ini harus diatur sebelum pengalihan lainnya, terutama pengalihan di file utama PHP Anda.
				
					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;