Jak skonfigurować przełącznik języka w Kirby CMS

autorstwa Aorinki Anendyi
29 lipca 2024 r

Blog > Przewodnik > Jak skonfigurować przełącznik języka w Kirby CMS

Konfigurowanie przełącznika języka w Kirby CMS jest ważną funkcją ułatwiającą odwiedzającym z zagranicy dalszą interakcję z Twoją witryną. Możliwość łatwego przełączania się między różnymi językami stała się niezbędnym wymogiem dla wielu platform internetowych.

Konfigurując przełącznik języka w Kirby CMS, możesz znacznie zwiększyć dostępność swojej witryny dla gości z zagranicy, potencjalnie poprawić wydajność wyszukiwarek i zwiększyć globalne zaufanie do swojej marki. Chociaż proces ten może początkowo wydawać się trudny, ten przewodnik przeprowadzi Cię przez kolejne etapy skutecznego wdrożenia tej funkcji w witrynie Kirby CMS , zapewniając płynną i przyjazną dla użytkownika wielojęzyczną obsługę.

Znaczenie konfiguracji przełącznika języka w Kirby CMS

Wdrożenie przełącznika języka w 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 witryny. Przyjrzyjmy się najważniejszym powodom skonfigurowania przełącznika języka w witrynie Kirby CMS.

Poprawa komfortu użytkownika: Przełącznik języka umożliwia odwiedzającym dostęp do treści w preferowanym przez nich języku, znacznie poprawiając ich zrozumienie i zaangażowanie w witrynę.
Obniżenie współczynnika odrzuceń: odwiedzający, którzy nie będą mogli 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: gdy użytkownicy mogą zrozumieć szczegóły produktu, zasady i procesy zakupowe w swoim ojczystym języku, są bardziej skłonni do zakupu lub podjęcia pożądanych działań.
Wzmocnienie wielojęzycznego SEO: wyszukiwarki uwzględniają wygodę użytkownika podczas rankingu witryn internetowych. Intuicyjny przełącznik języków może poprawić wielojęzycznego SEO , ułatwiając łatwy dostęp do treści w różnych językach.

Przełam bariery językowe

Pożegnaj się z barierami językowymi i przywitaj nieograniczony rozwój! Wypróbuj naszą usługę automatycznego tłumaczenia już dziś.

Zacznij tłumaczyć teraz

Jak skonfigurować przełącznik języka w Kirby CMS

Teraz, gdy zbadaliśmy znaczenie wdrożenia przełącznika języka w wielojęzycznej witrynie Kirby CMS, przyjrzyjmy się praktycznym aspektom jego konfiguracji. Chociaż wiele usług tłumaczeń stron internetowych oferuje tę funkcję, znalezienie takiego, który zapewnia wysoce konfigurowalny i przyjazny dla użytkownika przełącznik języków, może być wyzwaniem.

Bardzo ważne jest, aby wybrać usługę automatycznego tłumaczenia, która nie tylko dobrze współpracuje z różnymi frameworkami, ale także oferuje elastyczną funkcję zmiany języka. Jedną z usług, która wyróżnia się w spełnianiu tych wymagań, jest witryna do automatycznych tłumaczeń Linguise . Ich przełącznik języków jest znany z łatwości dostosowywania i przyjaznego dla użytkownika interfejsu, co czyni go doskonałym wyborem do integracji z Kirby CMS.

Bezproblemowo włączając Linguise do swojego Kirby CMS, możesz bez wysiłku dodać przełącznik języka do swojej wielojęzycznej aplikacji. Zaawansowane funkcje i intuicyjny interfejs Linguise upraszczają konfigurację i konserwację przełącznika języków w witrynie Kirby CMS.

Postępujmy zgodnie z instrukcjami, aby zainstalować Linguise na wielojęzycznej witrynie Kirby CMS i skonfigurować przełącznik języków.

Krok 1: Zarejestruj swoje konto Linguise

Zacznij od przygotowania 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. Przed wybraniem planu subskrypcji możesz skorzystać z 30-dniowego bezpłatnego okresu próbnego.

Krok 2: Dodaj domenę swojej witryny Kirby CMS

Po skonfigurowaniu konta Linguise Kliknij „Dodaj domenę” i podaj następujące szczegóły:

Konto
Adres URL
Platforma (Kirby CMS)
Domyślny język
Języki tłumaczenia
Przetłumacz adresy URL
Dynamiczne tłumaczenie treści

Krok 3: Prześlij i podłącz skrypt Linguise

Pobierz skrypt tłumaczący Linguise i prześlij go do folderu głównego instalacji Kirby CMS.

Rozpakuj skrypt i upewnij się, że folder o nazwie „ linguise ” pozostaje w katalogu głównym Twojej witryny.

Następnie skopiuj klucz API Linguise do pliku `Configuration.php` na swoim serwerze. Otwórz plik, zastąp `REPLACE_BY_YOUR_TOKEN` swoim 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 aktywna, możesz ją włączyć za pośrednictwem swojego dostawcy usług hostingowych.

Aby skonfigurować adresy URL według języka, dodaj następujący kod do pliku `.htaccess` zaraz po wierszu `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ęzyków

Aby wyświetlić przełącznik języka z flagami i alternatywnymi adresami URL na potrzeby SEO, na wszystkich stronach Kirby CMS musi być załadowany link Linguise JavaScript.

Uzyskaj link do skryptu z ustawień domeny na pulpicie nawigacyjnym Linguise i skopiuj go.

Najłatwiejszym sposobem załadowania tego skryptu do Kirby CMS jest dodanie go do pliku header.php lub Sekcja. Oto jak to zrobić:

Uzyskaj dostęp do folderu głównego swojej witryny.
Przejdź do witryny > fragmenty > nagłówek.php.
Edytuj plik header.php, aby uwzględnić łącze do skryptu w sekcji nagłówka.

Przełącznik języka będzie początkowo wyświetlany w formacie domyślnym. Możesz jednak dostosować przełącznik języków za pomocą Linguise , przechodząc do opcji Ustawienia > Wyświetlanie flag języków. W tej sekcji dostępne są różne opcje dostosowywania, w tym główne ustawienia wyświetlania, nazwy języków i elementy projektu.

Krok 6: Skonfiguruj główny wyświetlacz

Aby rozpocząć konfigurowanie przełącznika języka, przejdź do opcji Ustawienia > Wyświetlanie flag języków w panelu Linguise .

W tej sekcji możesz dostosować różne ustawienia. Główne ustawienia wyświetlania pozwalają dostosować elementy takie jak.

Styl ikony flagi: wybierz wyświetlanie obok siebie, menu rozwijane lub wyskakujące okienko.
Pozycja: Określ położenie przełącznika języka na swojej stronie internetowej. Wybierz pozycję łatwo dostępną dla zwiedzających.

Krok 7: Ustaw projekt flagi

Po skonfigurowaniu głównych ustawień wyświetlania dostosuj wygląd wyświetlanych flag.

Wyświetlanie nazwy języka: wybierz wyświetlanie nazwy języka na podstawie kraju lub samego języka, np. „francuski” lub „français”.
Typ flagi angielskiej: jest to przydatne w przypadku języków z wieloma odmianami, takich jak angielski amerykański lub brytyjski, a także ma zastosowanie w przypadku języka hiszpańskiego, tajwańskiego, niemieckiego i portugalskiego.
Styl flagi: wybierz kształt ikony flagi – okrągły lub prostokątny.

Krok 8: Ustaw kolor i rozmiar

Po skonfigurowaniu projektu flagi dostosuj kolor i rozmiar flag. Oto niektóre ustawienia, które możesz dostosować.

Promień obramowania flagi: Dostosuj promień obramowania flag prostokątnych, mierzony w pikselach.
Kolor nazwy języka: wybierz domyślny kolor tekstu, w którym będzie wyświetlana nazwa języka.
Kolor języka wyskakującego okienka: ustaw kolor tekstu tytułu języka w wyskakującym okienku lub obszarze rozwijanym.
Rozmiar flagi: dostosuj rozmiar ikon flag.
Kolor najechania nazwą języka: określ kolor tekstu wyświetlanego, gdy użytkownik najedzie kursorem na nazwę języka.
Kolor najechania na język wyskakującego okienka: zdefiniuj kolor tekstu, który pojawia się, gdy użytkownik najedzie kursorem na tytuł języka w wyskakującym lub rozwijanym obszarze.

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żytkownik najedzie kursorem na flagi języka.

Po dokonaniu niezbędnych zmian kliknij przycisk Zapisz, aby zastosować zmiany. Następnie sprawdź witrynę 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 zobaczysz działanie przełącznika języka w wielojęzycznej witrynie Kirby CMS.

Następnie automatycznie przetłumaczymy witrynę Kirby CMS na inne języki, np. francuski.

4 wskazówki dotyczące optymalizacji przełączania języków w Kirby CMS

Oto cztery podstawowe wskazówki, które pomogą Ci udoskonalić przełącznik języka i zwiększyć jego skuteczność dla odbiorców na całym świecie.

#1 Użyj łatwo rozpoznawalnej ikony flagi języka

Włączenie łatwo rozpoznawalnych symboli lub flag językowych do przełącznika języków jest niezbędne do szybkiej identyfikacji języka. Takie podejście pozwala odwiedzającym szybko zlokalizować i wybrać preferowany język, tworząc intuicyjną obsługę. Kluczem jest wybór powszechnie rozumianych wskaźników, aby uniknąć błędnej interpretacji.

Wdrażając ikony flag, upewnij się, że są wysokiej jakości i łatwe do odróżnienia, nawet w mniejszych rozmiarach. Rozważ użycie kombinacji flag i kodów językowych, aby zapewnić użytkownikom wskazówki wizualne i tekstowe.

Przykład:

Wyobraź sobie blog podróżniczy prowadzony w Kirby, obejmujący miejsca docelowe na całym świecie. Przełącznik języka witryny może wykorzystywać ikonę globusa wraz z małymi ikonami flag i dwuliterowymi kodami języka.

🌎 🇺🇸 PL | 🇪🇸 ES | 🇫🇷FR | 🇩🇪 DE | 🇯🇵JP

Ta konfiguracja pozwala użytkownikom szybko zidentyfikować swój język, niezależnie od tego, czy rozpoznają flagę, czy kod języka, poprawiając ogólne wrażenia użytkownika.

#2 Wyświetlaj nazwy języków obok flag

Chociaż flagi umożliwiają szybkie odniesienie wizualne, połączenie ich z rodzimymi nazwami języków zapewnia dodatkową przejrzystość. Ta strategia pomaga zapobiegać nieporozumieniom, szczególnie w przypadku języków używanych w wielu krajach pod różnymi flagami.

Uwzględniając rzeczywiste nazwy języków, eliminujesz niejasności i zapewniasz, że odwiedzający będą mogli dokładnie zidentyfikować preferowany język. Takie podejście pokazuje również szacunek dla różnorodności kulturowej i promuje włączenie.

Przykład:

Rozważ platformę edukacyjną opartą na Kirby, oferującą kursy w wielu językach. Ich przełącznik języka może wyglądać tak.

🇺🇸 Angielski | 🇪🇸 Hiszpański | 🇫🇷 Francuski | 🇩🇪 Niemiecki | 🇯🇵 日本語

Dzięki takiemu projektowi użytkownicy mogą zobaczyć zarówno flagę, jak i nazwę języka w jego natywnym piśmie, dzięki czemu są one natychmiast rozpoznawalne dla osób posługujących się tym językiem. Jest to szczególnie przydatne w przypadku języków takich jak hiszpański czy angielski, którymi mówi się w wielu krajach pod różnymi flagami.

#3 Rozważnie ustaw przycisk zmiany języka

Umieszczenie przełącznika języka ma kluczowe znaczenie dla jego skuteczności. Powinien być widoczny i łatwo dostępny na Twojej stronie internetowej. Typowe i skuteczne pozycje 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 w Twojej witrynie. Ta spójność rozmieszczenia pomaga użytkownikom szybko znaleźć opcje językowe, niezależnie od ich aktualnej lokalizacji w witrynie.

Przykład:

Na przykład witryna internetowa z portfolio międzynarodowej firmy architektonicznej oparta na Kirby. Mogliby zaimplementować swój przełącznik języka w następujący sposób.

Umieszczenie nagłówka: Przełącznik języka znajduje się w prawym górnym rogu nagłówka, obok ikony wyszukiwania.
Lepka nawigacja: gdy użytkownicy przewijają, nagłówek pozostaje nieruchomy u góry, dzięki czemu przełącznik języka jest zawsze dostępny.
Optymalizacja mobilna: na urządzeniach mobilnych przełącznik języka jest zawarty w menu hamburgera, co zapewnia łatwy dostęp bez zaśmiecania małego ekranu.

To strategiczne rozmieszczenie zapewnia użytkownikom możliwość łatwej zmiany języka w dowolnym momencie, niezależnie od tego, czy przeglądają galerie projektów, czytają o historii firmy, czy sprawdzają dane kontaktowe.

#4 Zachowaj spójność przełącznika języka na wszystkich stronach

Ważne jest, aby wygląd i funkcjonalność przełącznika języka były jednakowe w całej witrynie. Użytkownicy powinni mieć możliwość łatwej zmiany języka, niezależnie od bieżącej strony i treści, które przeglądają.

Ta spójność zapewnia bezproblemową obsługę użytkownika i zwiększa dostępność opcji językowych, budując zaufanie do Twojej wielojęzycznej witryny internetowej.

Przykład:

Rozważ witrynę e-commerce opartą na Kirby, sprzedającą produkty na całym świecie. Oto, jak mogą wdrożyć spójną strategię zmiany języka.

Jednolity wygląd: przełącznik języka pojawia się jako menu rozwijane zatytułowane „Język” w prawym górnym rogu każdej strony, w tym list produktów, stron poszczególnych produktów i stron kasy.
Zachowywanie treści: gdy użytkownicy zmieniają język, pozostają na tej samej stronie, ale treść jest wyświetlana w nowo wybranym języku. Na przykład, jeśli użytkownik wyświetli opis ręcznie wykonanego wazonu w języku angielskim i przejdzie na francuski, zobaczy te same szczegóły produktu w języku francuskim.
Struktura adresu URL: Struktura adresu URL zmienia się konsekwentnie podczas zmiany języka.

Polski: www.yourmarket.com/products/blue-ceramic-vase

Francuski: www.yourmarket.com/fr/produits/vase-ceramique-bleu

To spójne doświadczenie na wszystkich stronach gwarantuje, że użytkownicy mogą bez obaw nawigować i robić zakupy w preferowanym przez siebie języku, co potencjalnie zwiększa ich prawdopodobieństwo sfinalizowania zakupu i powrotu do witryny w przyszłości.

Gotowy na odkrywanie nowych rynków? Wypróbuj naszą usługę automatycznego tłumaczenia za darmo w ramach 1-miesięcznego okresu próbnego bez ryzyka. Karta kredytowa nie jest potrzebna!

Odbierz 1-miesięczny bezpłatny okres próbny

Skonfiguruj przełącznik języka na swojej stronie Kirby za pomocą Linguise !

Konfigurowanie przełącznika języka w Kirby CMS to kluczowy krok w kierunku stworzenia prawdziwie 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ółczynnik odrzuceń i poprawiając ogólną wydajność swojej witryny.

Aby usprawnić ten proces i zapewnić optymalne wyniki, rozważ użycie Linguise w swojej witrynie Kirby CMS. Linguise oferuje potężny, konfigurowalny przełącznik języków, który płynnie integruje się z Kirby CMS, umożliwiając łatwe wdrażanie i dostosowywanie strategii wielojęzycznej. Utwórzmy konto Linguise , zintegruj je z Twoją witryną Kirby CMS i dostosuj przełącznik języków, aby jeszcze bardziej poprawić wygodę użytkownika.

Jak skonfigurować przełącznik języka w Kirby CMS

Znaczenie konfiguracji przełącznika języka w Kirby CMS

Jak skonfigurować przełącznik języka w Kirby CMS

Krok 1: Zarejestruj swoje konto Linguise

Krok 2: Dodaj domenę swojej witryny Kirby CMS

Krok 3: Prześlij i podłącz skrypt Linguise

Krok 4: Skonfiguruj przepisywanie adresów URL dla Kirby CMS

Krok 5: Aktywuj i dostosuj przełącznik języków

Krok 6: Skonfiguruj główny wyświetlacz

Krok 7: Ustaw projekt flagi

Krok 8: Ustaw kolor i rozmiar

Krok 9: Skonfiguruj box-shadow

4 wskazówki dotyczące optymalizacji przełączania języków w Kirby CMS

#1 Użyj łatwo rozpoznawalnej ikony flagi języka

#2 Wyświetlaj nazwy języków obok flag

#3 Rozważnie ustaw przycisk zmiany języka

#4 Zachowaj spójność przełącznika języka na wszystkich stronach

Skonfiguruj przełącznik języka na swojej stronie Kirby za pomocą Linguise !

Możesz być również zainteresowany czytaniem

Wielojęzyczne media społecznościowe: najlepsze strategie osiągnięcia globalnego zaangażowania

Najlepsze praktyki projektowania selektora języka

Jak stworzyć wielojęzyczną stronę internetową Elementor na WordPress

Prawny

Wsparcie

Produkt