Ustawienie przełącznika języka w Ustawienie przełącznika języka w Kirby CMS is an important feature to make it easier for visitors from abroad to still interact with your site. The ability to switch between different languages easily has become an essential requirement for many online platforms.
Konfigurując przełącznik języka w Kirby CMS, możesz znacznie zwiększyć dostępność swojej witryny dla międzynarodowych gości, potencjalnie poprawić wydajność wyszukiwarki i zwiększyć zaufanie do swojej marki na skalę globalną. Chociaż proces ten może wydawać się na początku zniechęcający, ten przewodnik przeprowadzi Cię przez kroki niezbędne do efektywnego wdrożenia tej funkcji na Twojej witrynie Kirby CMS, zapewniając płynne i przyjazne dla użytkownika doświadczenie wielojęzyczne.
Znaczenie konfiguracji przełącznika języka na CMS Kirby
Wdrożenie przełącznika języka na Kirby CMS to coś więcej niż tylko funkcja – to strategiczna decyzja, która może znacząco wpłynąć na wydajność i zasięg Twojej strony internetowej. Przyjrzyjmy się kluczowym powodom, dla których warto skonfigurować przełącznik języka na swojej stronie Kirby CMS.
- Ulepszanie doświadczenia użytkownika: Przełącznik języka umożliwia odwiedzającym dostęp do treści w preferowanym języku, znacznie poprawiając ich zrozumienie i zaangażowanie w stronę internetową.
- Zmniejszanie współczynnika odrzuceń: Odwiedzający, którzy nie mogą znaleźć treści w swoim języku, prawdopodobnie szybko opuszczą witrynę. Oferowanie wielu opcji językowych zachęca użytkowników do dalszego przeglądania witryny.
- Zwiększanie współczynników konwersji: Kiedy użytkownicy mogą zrozumieć szczegóły produktów, zasady i procesy zakupowe w swoim języku ojczystym, są bardziej skłonni do zakupu lub podjęcia pożądanych działań.
- Wzmacnianie SEO wielojęzycznego: Wyszukiwarki uwzględniają doświadczenie użytkownika przy rankingowaniu stron internetowych. Intuicyjny przełącznik języka może poprawić Twoje SEO wielojęzyczne
Jak skonfigurować przełącznik języka na Kirby CMS
Now that we’ve explored the importance of implementing a language switcher on a multilingual Kirby CMS website let’s delve into the practical aspects of setting it up. While many website translation services offer this feature, finding one that provides a highly customizable and user-friendly language switcher can be challenging.
Ważne jest, aby wybrać automatyczną usługę tłumaczeniową, która nie tylko dobrze współpracuje z różnymi frameworkami, ale także oferuje elastyczną funkcję przełączania języka. Jedną z usług, która wyróżnia się w spełnianiu tych wymagań, jest Linguise automatyczna strona tłumaczeniowa. Ich przełącznik języka jest znany ze swojej łatwości dostosowania i przyjaznego interfejsu użytkownika, co czyni go doskonałym wyborem do integracji z Kirby CMS.
Dzięki bezproblemowemu włączeniu Linguise do Twojego Kirby CMS, możesz łatwo dodać przełącznik języka do swojej wielojęzycznej aplikacji. Zaawansowane funkcje i intuicyjny interfejs Linguiseupraszczają konfigurację i utrzymanie przełącznika języka na Twojej stronie Kirby CMS.
Przejdźmy do kroków, aby zainstalować Linguise na wielojęzycznej stronie Kirby CMS i skonfigurować przełącznik języka.
Krok 1: Zarejestruj swoje konto Linguise
Rozpocznij od przygotowania swojej witryny Kirby CMS do tłumaczenia, co wymaga dostępu do panelu administracyjnego Kirby CMS. Następnie utwórz darmowe konto Linguise i dodaj domenę swojej witryny. Możesz skorzystać z 30-dniowego darmowego okresu próbnego przed wyborem planu subskrypcyjnego.
Krok 2: Dodaj domenę swojej strony Kirby CMS
Po skonfigurowaniu konta Linguise, przejdź do pulpitu i dodaj domenę swojej witryny Kirby CMS. Kliknij „Dodaj domenę” i podaj następujące dane:
- Konto
- Adres URL
- Platforma (Kirby CMS)
- Domyślny język
- Języki tłumaczenia
- Tłumacz adresy URL
- Dynamiczne tłumaczenie treści
Krok 3: Wgraj i podłącz skrypt Linguise
Download the Linguise translation script and upload it to the root folder of your Kirby CMS installation.
Rozpakuj skrypt i upewnij się, że folder o nazwie „linguise” pozostaje na poziomie głównym Twojej witryny.
Następnie skopiuj klucz API Linguise do pliku `Configuration.php` na Twoim serwerze. Otwórz plik, zastąp `REPLACE_BY_YOUR_TOKEN` kluczem API i zapisz zmiany.
Krok 4: Skonfiguruj przepisywanie adresów URL dla Kirby CMS
Kirby CMS ma domyślnie włączone przepisywanie adresów URL. Jeśli nie jest aktywne, możesz je włączyć za pośrednictwem dostawcy hostingu.
Aby skonfigurować adresy URL według języka, dodaj poniższy kod do pliku `.htaccess` bezpośrednio po linii `RewriteEngine on` w domyślnym pliku `.htaccess` Kirby CMS.
<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>
Krok 5: Aktywuj i dostosuj przełącznik języka
Aby wyświetlić przełącznik języka z flagami i alternatywnymi adresami URL dla celów SEO, link JavaScript Linguise musi być załadowany na wszystkich stronach Kirby CMS.
Pobierz link skryptu z ustawień domeny na pulpicie nawigacyjnym Linguise i skopiuj go.
Najprostszym sposobem załadowania tego skryptu w Kirby CMS jest dodanie go do nagłówka header.php lub sekcji <head> na Twojej stronie. Oto jak to zrobić:
- Uzyskaj dostęp do folderu głównego swojej witryny.
- Przejdź do witryny > fragmenty > header.php
- Edytuj plik header.php, aby dołączyć łącze skryptu w sekcji nagłówka.
Przełącznik języka będzie początkowo wyświetlany w formacie domyślnym. Ale możesz dostosować przełącznik języka za pomocą Linguise panelu administracyjnego, przechodząc do Ustawienia > Wyświetlanie flag językowych. Ta sekcja oferuje różne opcje dostosowania, w tym ustawienia głównego wyświetlacza, nazwy języków i elementy designu.
Krok 6: Skonfiguruj główny wyświetlacz
Aby rozpocząć konfigurowanie przełącznika języka, przejdź do Ustawienia > Wyświetlanie flag języka w panelu Linguise .
W tej sekcji możesz dostosować różne ustawienia. Główne ustawienia wyświetlania pozwalają na dostosowanie elementów takich jak.
- Styl ikony flagi: Wybierz pomiędzy wyświetlaniem obok siebie, menu rozwijanym lub popupem.
- Pozycja: Określ położenie przełącznika języka na swojej witrynie. Wybierz pozycję, która jest łatwo dostępna dla odwiedzających.
Krok 7: Ustaw projekt flagi
Po skonfigurowaniu głównych ustawień wyświetlania dostosuj wygląd wyświetlanych flag.
- Wyświetlanie nazwy języka:
- Jest to przydatne dla języków z wieloma wariantami, takimi jak angielski amerykański lub brytyjski, i ma również zastosowanie do hiszpańskiego, tajwańskiego, niemieckiego i portugalskiego.
- Styl flagi: Wybierz kształt ikony flagi, albo okrągły, albo prostokątny.
Krok 8: Ustaw kolor i rozmiar
Po skonfigurowaniu projektu flagi dostosuj kolor i rozmiar flag. Oto kilka ustawień, które możesz dostosować.
- Promień zaokrąglenia flagi: Dostosuj promień zaokrąglenia dla prostokątnych flag, mierzony w pikselach.
- Kolor nazwy języka: Wybierz domyślny kolor tekstu, aby wyświetlić nazwę języka.
- Kolor języka wyskakującego: Ustaw kolor tekstu tytułu języka w wyskakującym oknie lub menu rozwijanym.
- Rozmiar flagi: Dostosuj rozmiar ikon flag.
- Kolor najechania nazwy języka: Określ kolor tekstu, który pojawia się, gdy użytkownik najedzie kursorem na nazwę języka.
- Kolor języka wyskakującego przy najechaniu: Zdefiniuj kolor tekstu, który pojawia się, gdy użytkownik najedzie kursorem na tytuł języka w obszarze wyskakującym lub rozwijanym.
Krok 9: Skonfiguruj box-shadow
Na koniec dostosuj ustawienia cienia pola flagi. Pierwsza opcja pozwala dodać efekt cienia do każdej ikony flagi wyświetlanej na Twojej stronie. Druga opcja kontroluje efekt cienia, gdy użytkownicy przesuwają kursor nad flagami języków.
Po wprowadzeniu niezbędnych zmian kliknij przycisk Zapisz, aby zastosować zmiany. Następnie sprawdź swoją stronę internetową Kirby CMS, aby upewnić się, że konfiguracja została pomyślnie wdrożona. To pokaże Ci, jak będzie wyglądał przełącznik języka.
Po zakończeniu procesu konfiguracji możesz zobaczyć przełącznik języka w działaniu na swojej witrynie Kirby CMS wielojęzycznej.
Następnie automatycznie przetłumaczymy witrynę Kirby CMS na inne języki, takie jak francuski.
4 wskazówki dotyczące optymalizacji przełącznika języków w Kirby CMS
Oto cztery niezbędne wskazówki, które pomogą Ci udoskonalić przełącznik języka i uczynić go bardziej skutecznym dla Twojej globalnej publiczności.
#1 Użyj łatwo rozpoznawalnej ikony flagi języka
Włączenie łatwo rozpoznawalnych symboli lub flag językowych do przełącznika języka jest kluczowe dla szybkiej identyfikacji języka. To podejście pozwala odwiedzającym szybko zlokalizować i wybrać preferowany język, tworząc intuicyjne doświadczenie użytkownika. Kluczem jest wybór powszechnie zrozumiałych wskaźników, aby uniknąć błędnej interpretacji.
Podczas implementacji ikon flag, upewnij się, że są one wysokiej jakości i łatwo rozróżnialne, nawet w mniejszych rozmiarach. Rozważ użycie kombinacji flag i kodów językowych, aby zapewnić zarówno wizualne, jak i tekstowe wskazówki dla użytkowników.
Przykład:
Wyobraź sobie blog podróżniczy oparty na Kirby'ego, który obejmuje destynacje na całym świecie. Przełącznik języka na stronie mógłby używać ikony globu wraz z małymi ikonami flag i dwuliterowymi kodami języków.
🌎 🇺🇸 PL | 🇪🇸 ES | 🇫🇷 FR | 🇩🇪 DE | 🇯🇵 JP
To ustawienie pozwala użytkownikom szybko rozpoznać swój język, niezależnie od tego, czy rozpoznają flagę, czy kod języka, co poprawia ogólne doświadczenie użytkownika.
#2 Wyświetlaj nazwy języków obok flag
Podczas gdy flagi zapewniają szybkie odniesienie wizualne, łączenie ich z rodzimymi nazwami języków zapewnia dodatkową klarowność. Ta strategia pomaga zapobiegać zamieszaniu, szczególnie w przypadku języków używanych w wielu krajach z różnymi flagami.
Uwzględniając rzeczywiste nazwy języków, eliminujesz niejasności i zapewnisz odwiedzającym możliwość dokładnego zidentyfikowania preferowanego języka. To podejście pokazuje również szacunek dla różnorodności kulturowej i promuje inkluzywność.
Przykład:
Rozważ platformę edukacyjną zasilaną Kirby'ego, oferującą kursy w wielu językach. Ich przełącznik języka mógłby wyglądać tak.
🇺🇸 Polski | 🇪🇸 Español | 🇫🇷 Français | 🇩🇪 Deutsch | 🇯🇵 日本語
Ten projekt umożliwia użytkownikom zobaczenie zarówno flagi, jak i nazwy języka w jego rodzimym piśmie, co sprawia, że jest od razu rozpoznawalny dla osób posługujących się tym językiem. Jest to szczególnie pomocne w przypadku języków takich jak hiszpański czy angielski, które są używane w wielu krajach z różnymi flagami.
#3 Umieść przycisk przełącznika języka rozważnie
Umiejscowienie przełącznika języka ma kluczowe znaczenie dla jego skuteczności. Powinien być widoczny i łatwo dostępny na stronie internetowej. Typowe i skuteczne lokalizacje obejmują nagłówek, stopkę lub główne menu nawigacyjne.
Upewnij się, że przełącznik języka jest widoczny i łatwo dostępny z dowolnej strony Twojej witryny. Ta spójność w rozmieszczeniu pomaga użytkownikom szybko znaleźć opcje językowe, niezależnie od ich bieżącego położenia na stronie.
Przykład:
Na przykład portfolio oparte na Kirby dla międzynarodowej firmy architektonicznej. Mogą one zaimplementować swój przełącznik języka w następujący sposób.
- Umiejscowienie w nagłówku: Przełącznik języka znajduje się w prawym górnym rogu nagłówka, obok ikony wyszukiwania.
- Nawigacja lepka:
- Optymalizacja dla urządzeń mobilnych: Na urządzeniach mobilnych przełącznik języka jest zawarty w menu hamburgera, aby zapewnić łatwy dostęp bez zaśmiecania małego ekranu.
To strategiczne rozmieszczenie zapewnia, że użytkownicy mogą łatwo przełączać języki w dowolnym momencie, niezależnie od tego, czy przeglądają galerie projektów, czytają o historii firmy, czy sprawdzają informacje kontaktowe.
#4 Zachowaj spójność przełącznika języka na wszystkich stronach
Niezbędne jest zachowanie jednolitości wyglądu i funkcjonalności przełącznika języka na całej stronie internetowej. Użytkownicy powinni mieć możliwość łatwej zmiany języka, niezależnie od bieżącej strony lub wyświetlanej treści.
Ta spójność zapewnia bezproblemowe doświadczenie użytkownika i wzmacnia dostępność opcji językowych, budując zaufanie i pewność w stosunku do Twojej wielojęzycznej strony internetowej.
Przykład:
Rozważmy witrynę e-commerce zasilaną przez Kirby, sprzedającą produkty na całym świecie. Oto jak mogą one zaimplementować spójną strategię przełączania języków.
- Jednolity design: Przełącznik języka pojawia się jako menu rozwijane oznaczone etykietą „Język” w prawym górnym rogu każdej strony, w tym na stronach z listą produktów, stronach indywidualnych produktów i stronach kasy.
- Zachowanie zawartości: Gdy użytkownicy przełączają języki, pozostają na tej samej stronie, ale zawartość jest wyświetlana w nowo wybranym języku. Na przykład, jeśli użytkownik przegląda opis ręcznie robionego wazonu w języku angielskim i przełącza się na francuski, zobaczy te same szczegóły produktu w języku francuskim.
- Struktura URL: Struktura URL zmienia się konsekwentnie podczas przełączania języków.
Angielski: www.yourmarket.com/produkty/niebieska-ceramiczna-waza
Francuski: www.yourmarket.com/fr/produits/vase-ceramique-bleu
Ta spójna na wszystkich stronach zapewnia użytkownikom możliwość bezpiecznego poruszania się po stronie i robienia zakupów w preferowanym języku, co potencjalnie zwiększa prawdopodobieństwo dokonania zakupu i powrotu na stronę w przyszłości.
Skonfiguruj przełącznik języka na swojej stronie Kirby z Linguise!
Konfiguracja przełącznika języka w Kirby CMS jest kluczowym krokiem w kierunku stworzenia naprawdę globalnej i przyjaznej dla użytkownika strony internetowej. Wdrażając tę funkcję, otwierasz swoje cyfrowe drzwi dla zróżnicowanej międzynarodowej publiczności, potencjalnie zwiększając zaangażowanie, zmniejszając współczynniki odrzuceń i poprawiając ogólną wydajność witryny.
Aby usprawnić ten proces i zapewnić optymalne wyniki, rozważ użycie Linguise na swojej stronie Kirby CMS. Linguise oferuje potężny, konfigurowalny przełącznik języka, który bezproblemowo integruje się z Kirby CMS, umożliwiając łatwe wdrożenie i dopracowanie strategii wielojęzycznej. Utwórzmy konto Linguise, zintegrujmy je ze stroną Kirby CMS i dostosujmy przełącznik języka, aby jeszcze bardziej poprawić wrażenia użytkownika.
