Instal terjemahan otomatis Linguise di Bolt CMS

Daftar isi

Persyaratan teknis Bolt CMS

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

  • Jalankan PHP 7+
  • Apache, LiteSpeed, NGINX
  • Pastikan penulisan ulang URL diaktifkan di server Anda
  • Bolt CMS 5 keatas

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.

Anda dapat memilih platform “PHP Lainnya” untuk melanjutkan pendaftaran domain Linguise , seperti dokumentasi ini dan bahasa sumber dan tujuan.

Pengaturan platform situs web dan bahasa terjemahan

Setelah itu, Anda akan mendapatkan:

  • Kunci API yang memvalidasi keanggotaan Anda
  • Tautan ke skrip Linguise untuk pengalih bahasa
Tangkapan layar halaman web dengan video tentang menerjemahkan situs web

Kunci API inilah yang diperlukan untuk mengaktifkan terjemahan di situs web Bolt 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 di server Anda tempat Bolt CMS diinstal. Unduh di sini.

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

  • Pastikan itu ditempatkan di tingkat root situs web Anda (tempat Bolt CMS berada)
  • Pastikan folder tetap menggunakan nama default " linguise "
File baut-cms

Bagaimana cara mengakses antarmuka skrip Linguise ?

Setelah menyelesaikan Linguise , Anda dapat mengakses dasbor dengan mengunjungi situs web Anda dengan format URL berikut:
https://www.domain.com/ linguise

Ubah alamat domain sesuai dengan alamat situs web Anda*
Pastikan Linguise memiliki izin baca dan tulis yang tepat*

Mengatur Kata Sandi dan Koneksi Basis Data

Setelah Anda mengakses antarmuka skrip, Anda akan disajikan dengan layar pengaturan tempat Anda dapat membuat kata sandi dan terhubung ke database pilihan Anda.

Anda bisa:

  • Tetapkan kata sandi, yang akan diperlukan untuk akses di masa mendatang ke antarmuka ini.
  • Pilih jenis database Anda - baik MySQL atau SQLite, tergantung pada pengaturan dan preferensi Anda.

Pengaturan awal ini memastikan akses yang aman dan memungkinkan Anda untuk mengkonfigurasi skrip sesuai dengan lingkungan Anda.

Koneksi database MySQL

Jika Anda memilih MySQL, antarmuka yang berbeda akan muncul meminta detail koneksi berikut dari bidang konfigurasi MySQL di bawah ini:

Pastikan informasinya benar untuk membuat koneksi yang berhasil ke database MySQL Anda. 

Mysql vs sqlite - apa bedanya?
Baik MySQL dan SQLite adalah sistem basis data populer yang digunakan untuk menyimpan dan mengelola data untuk situs web dan aplikasi. Namun, mereka dirancang untuk kasus penggunaan yang berbeda dan memiliki beberapa perbedaan utama:

FiturSqliteMysql
PengaturanSangat mudah (diperlukan instalasi sqlite)Membutuhkan pengaturan server
PenyimpananFile tunggalDikelola oleh server mysql
PertunjukanBagus untuk aplikasi skala kecilLebih baik untuk sistem yang besar dan lalu lintas tinggi
Kasus penggunaanAplikasi lokal, pengujian, situs kecilAplikasi Web, Ekommerce, Sistem Perusahaan

Antarmuka Skrip Linguise : Pengaturan untuk Platform PHP

Dasbor terjemahan Linguise , sebelumnya hanya tersedia untuk Joomla dan WordPress, sekarang memperluas dukungan ke PHP dan platform tambahan. Pembaruan ini memungkinkan pengguna untuk mengonfigurasi pengaturan bahasa dengan mulus - seperti opsi tampilan, gaya bendera, dan kustomisasi penampilan - secara langsung dari antarmuka terpadu, terlepas dari CM atau kerangka kerja mereka.

API-antarmuka

Administrator dapat mengelola pengaturan Linguise lebih efisien, dengan fitur yang konsisten seperti popup pemilihan bahasa, efek bayangan, dan varian pilihan bendera khusus wilayah. Dasbor mempertahankan desainnya yang ramah pengguna sambil menawarkan kompatibilitas yang lebih luas untuk berbagai lingkungan web.

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

3. Siapkan penulisan ulang URL Bolt CMS

Secara default, penulisan ulang URL aktif di Bolt 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 Bolt 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 Bolt CMS Anda akan terlihat seperti ini:

				
					#   following RewriteCond (best solution)
    RewriteCond %{ENV:REDIRECT_STATUS} ^$
    RewriteRule ^index\.php(?:/(.*)|$) %{ENV:BASE}/$1 [R=301,L]

   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]
				
			

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

Grafik yang mengilustrasikan langkah-langkah pemasangan modul. Grafik menunjukkan garis putus-putus biru yang mengarah ke atas.

Cara termudah untuk memuat kode ini di Bolt CMS adalah dengan menambahkannya di dalam header situs web Anda atau kode. Bolt CMS hadir dengan lingkungan khusus dan memiliki file khusus untuk menambahkan skrip ke header.

Itu terletak di _master.twig yang dapat Anda temukan dengan menavigasi ke folder instalasi CMS Anda di bawah. Bolt CMS default disebut skeleton:
/theme/*YOUR_THEME*/partials/_master.twig.

Edit file script tersebut dengan menyertakan link script pada bagian header seperti di bawah ini.

Skrip-Baut-cms

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.

Pengalih bahasa Boltcms

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.

Tangkapan layar yang menunjukkan menu tarik-turun untuk memilih pengaturan bahasa dengan opsi untuk bahasa Inggris.

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 BoltCMS

posisi bendera di tempat

Untuk menampilkan Pengalih Bahasa di tempat tertentu, di konten BoltCMS, 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>&#091;linguise&#093;</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.

Contoh kode konfigurasi terjemahan Laravel . Konfigurasi untuk menyiapkan terjemahan.
				
					    /** Basic configuration **/
    public $cache_enabled = true;
    public $cache_max_size = 500; // In megabyte
				
			

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;