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

autorstwa Aorinki Anendyi
13 czerwca 2024 r

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

Konfigurowanie przełącznika języka w Craft CMS jest kluczową funkcją dla każdej witryny internetowej, której celem jest dotarcie do odbiorców na całym świecie. W dzisiejszej erze globalizacji możliwość płynnego przełączania się między wieloma językami jest pilną potrzebą.

Skonfiguruj przełącznik języka w Craft CMS aby zwiększyć dostępność dla gości z różnych krajów, może poprawić rankingi w wyszukiwarkach i może zbudować globalne zaufanie do marki. Choć może to wydawać się skomplikowane, ten przewodnik krok po kroku pomoże Ci zrobić to sprawnie i skutecznie na Twojej Craft CMS .

Znaczenie ustawienia przełącznika języka w Craft CMS

Zanim zagłębimy się w sposób konfiguracji przełącznika języka w Craft CMS , omówmy najpierw znaczenie ustawienia przełącznika języka. Tutaj jest kilka z nich.

Lepsze doświadczenie użytkownika: przełącznik języka umożliwia odwiedzającym łatwy dostęp do treści w preferowanym przez nich języku, zwiększając w ten sposób ich zrozumienie i zaangażowanie w witrynę.
Zmniejszanie współczynnika odrzuceń: odwiedzający, którzy nie mogą znaleźć żądanego języka, mogą potencjalnie natychmiast opuścić Twoją witrynę. Przełącznik języka zapewniający wiele języków może uniemożliwić im opuszczenie witryny.
Zwiększanie konwersji: zrozumienie szczegółów produktu, zasad i procesu zakupów w ich języku może zachęcić odwiedzających do zakupu lub podjęcia innych działań.
Optymalizacja wielojęzycznego SEO: Wyszukiwarki biorą pod uwagę czynniki związane z doświadczeniem użytkownika podczas rankingu witryn internetowych. Przyjazny dla użytkownika przełącznik języków może poprawić Twój wielojęzyczny ranking SEO, ułatwiając odwiedzającym dostęp do treści w ich języku. Prawidłowe tłumaczenie treści wysyła również pozytywne sygnały do wyszukiwarek, że Twoja witryna jest odpowiednia dla różnych zapytań 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 Craft CMS

Po zrozumieniu znaczenia używania przełącznika języka w wielojęzycznej witrynie Craft CMS , omówmy, jak to zrobić. Zazwyczaj usługi tłumaczenia stron internetowych oferują tę funkcję, którą można dostosować do własnych potrzeb.

Jednak nie wszystkie usługi tłumaczeniowe zapewniają przełącznik języków, który można łatwo dostosować i który jest przyjazny dla użytkownika. Dlatego ważny jest wybór usługi automatycznego tłumaczenia kompatybilnej z różnymi frameworkami i zapewnienia elastycznej funkcji przełączania języków.

Jedną z usług spełniających te kryteria jest Linguise . Linguise oferuje funkcję zmiany języka, którą można łatwo dostosować i która jest przyjazna dla użytkownika oraz którą można dobrze zintegrować z Craft CMS .

Korzystając z płynnej integracji Linguise z frameworkiem Craft CMS , możesz łatwo dodać przełącznik języka do swojej wielojęzycznej aplikacji. Dzięki zaawansowanym funkcjom i przyjaznemu interfejsowi Linguise konfiguracja i obsługa przełącznika języka na Twojej stronie Craft CMS będzie znacznie prostsza.

Poniżej znajdują się kroki instalacji Linguise na wielojęzycznej stronie internetowej Craft CMS i skonfigurowania przełącznika języka.

#1: Zarejestruj darmowe konto Linguise

Zarejestruj darmowe konto Linguise i na początek skorzystaj z bezpłatnego miesięcznego okresu próbnego. Wystarczy wpisać swój adres e-mail, aby wygenerować nazwę użytkownika i hasło.

Przez cały okres próbny będziesz cieszyć się dostępem do wszystkich atrakcyjnych funkcji, jakie ma do zaoferowania Linguise . Po zakończeniu okresu próbnego zostaniesz przekierowany do panelu Linguise .

#2: Dodanie strony domeny Craft CMS

Po Linguise zostaniesz przekierowany do panelu, w którym możesz wprowadzić domenę witryny Craft CMS Wybierz „Dodaj domenę” i uzupełnij dostępne pola:

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

Możesz uzyskać klucz API, który musisz wkleić w kolejnym kroku.

#4: Prześlij skrypt Linguise

Następnie musisz załadować skrypt tłumaczący Linguise na swój serwer, na którym zainstalowany jest Craft CMS .

Pobierz skrypt tłumaczący PHP-JS, rozpakuj go i prześlij do katalogu głównego instalacji Craft CMS .

Upewnij się, że skrypt znajduje się w katalogu głównym Twojej witryny, w którym znajdują się pliki Craft CMS , i że folder zachowuje swoją oryginalną nazwę „ linguise ”.

Następnie wstaw klucz API Linguise do pliku Configuration.php przesłanego na serwer. Otwórz plik do edycji i wklej klucz API w cudzysłowie, zastępując tekst REPLACE_BY_YOUR_TOKEN.

#5: Włącz i dostosuj przełącznik języków

Link do skryptu Linguise JS musi zostać wbudowany na wszystkich stronach Twojego Craft CMS aby wyświetlić przełącznik języka z flagami i uwzględnić alternatywne adresy URL w nagłówkach HTML, co przyniesie korzyści SEO.

Aby uzyskać link do skryptu, przejdź do ustawień domeny w panelu Linguise i skopiuj stamtąd podany link do skryptu.

Łatwym sposobem na włączenie tego kodu do Craft CMS jest dodanie go do indeksu szablonów. Uzyskaj dostęp do folderu /template i edytuj plik indeksu, aby uwzględnić łącze do skryptu w sekcji nagłówka.

Aby wyświetlić przełącznik języka, reprezentowany przez wyskakujące okienko z flagą umożliwiające wybranie żądanego języka, możesz go załadować, kopiując dostarczony kod na końcu konfiguracji witryny i wklejając go w nagłówku swojej strony HTML. Ta akcja umożliwi automatyczne załadowanie przełącznika języka flagi.

Przełącznik języka będzie początkowo wyświetlany w domyślnym formacie, ale możesz go spersonalizować. Dostosuj przełącznik języków za pomocą Linguise , przechodząc do opcji Ustawienia > Wyświetlanie flag języków . Ta sekcja zawiera różne opcje dostosowywania, w tym główny wyświetlacz, nazwy języków i elementy projektu.

#6 Skonfiguruj główny wyświetlacz

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

W tej sekcji możesz dostosować kilka ustawień. Po pierwsze, istnieją główne ustawienia wyświetlania, w których można modyfikować różne elementy, takie jak.

Styl ikony flagi: możesz wybrać wyświetlanie obok siebie, menu rozwijane lub wyskakujące okienko.
Pozycja: To ustawienie określa położenie przełącznika języka w Twojej witrynie. Istnieje kilka opcji pozycji, dlatego upewnij się, że wybrałeś taką, do której goście będą mieli wygodny dostęp.

#7 Ustaw projekt flagi

Po dostosowaniu głównych ustawień wyświetlania możesz przystąpić do dostosowywania projektu wyświetlanych flag.

Wyświetlanie nazwy języka: Możesz wyświetlić nazwę języka na podstawie nazwy kraju lub samego języka. Możesz na przykład wyświetlić „francuski” lub „français”.
Typ flagi angielskiej: ta funkcja dotyczy języków z wieloma odmianami, takich jak angielski amerykański lub brytyjski. Dotyczy to również języka hiszpańskiego, tajwańskiego, niemieckiego i portugalskiego.
Styl flagi: Ta opcja umożliwia wybranie kształtu ikony flagi – okrągłej lub prostokątnej.

#8 Ustaw kolor i rozmiar

Po zakończeniu konfiguracji projektu flagi możesz przystąpić do dostosowywania koloru i rozmiaru flag. Poniżej znajdują się niektóre ustawienia, które można dostosować.

Promień obramowania flagi: Dostosuj promień obramowania dla prostokątnego stylu flagi, mierzony w pikselach.
Kolor nazwy języka: wybierz domyślny kolor tekstu, w którym będzie wyświetlana nazwa.
Kolor języka wyskakującego okienka: zdefiniuj kolor tekstu tytułu języka w wyskakującym okienku lub obszarze rozwijanym.
Rozmiar flagi: zmień 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 językiem w wyskakującym okienku: określ kolor tekstu, który będzie wyświetlany, gdy użytkownik najedzie kursorem na tytuł języka w wyskakującym okienku lub obszarze rozwijanym.

#9 Skonfiguruj cień pudełka

Na koniec możesz dostosować ustawienia cienia pola flagi. Opcja początkowa umożliwia dodanie efektu cienia do każdej ikony flagi wyświetlanej na Twojej stronie internetowej. Kolejna opcja zarządza efektem cienia, gdy użytkownik najedzie myszką na flagi języka.

Po dokonaniu wszystkich niezbędnych zmian kliknij przycisk Zapisz, aby zastosować zmiany w dostosowaniu. Następnie przejdź do witryny Craft CMS , aby potwierdzić, że konfiguracja została pomyślnie zastosowana. W przybliżeniu tak będzie wyświetlany przełącznik języka.

Po zakończeniu procesu konfiguracji możesz sprawdzić funkcjonalność przełącznika języka na swojej wielojęzycznej stronie internetowej Craft CMS .

Następnie automatycznie przetłumaczymy Craft CMS na inne języki, np. niemiecki.

5 wskazówek dotyczących optymalizacji przełączania języków w Craft CMS

Po skonfigurowaniu przełącznika języka na Craft CMS ważne jest, aby zrozumieć najlepsze praktyki projektowania selektora języka i jego działania z korzyścią zarówno dla Twojej witryny, jak i odwiedzających.

Użyj łatwo rozpoznawalnego logo flagi językowej

Używanie powszechnie rozpoznawalnych ikon lub flag językowych ma kluczowe znaczenie, aby odwiedzający mogli szybko zidentyfikować i wybrać preferowaną opcję językową. Aby uniknąć nieporozumień i dwuznaczności, upewnij się, że używane ikony lub flagi są wyraźne, mają dobry kontrast kolorów i są szeroko rozumiane w różnych kulturach.

Znajome symbole lub ikony pomagają stworzyć intuicyjne i przyjazne dla użytkownika doświadczenie, umożliwiając odwiedzającym łatwe nawigowanie do wybranej wersji językowej. Bardzo ważne jest, aby wybierać ikony lub flagi, które są powszechnie znane, aby uniknąć nieporozumień i zamieszania.

Używanie nazw języków i flag

Oprócz używania wyłącznie flag, zaleca się rozważenie włączenia zarówno flag, jak i oryginalnych nazw języków. Takie podejście może pomóc uniknąć nieporozumień, ponieważ niektóre języki są używane w wielu krajach pod różnymi flagami.

Bezpośrednie użycie nazw języków eliminuje dwuznaczność i gwarantuje, że odwiedzający będą mogli jasno zidentyfikować i wybrać żądany język bez nieporozumień. Co więcej, używanie nazw językowych może mieć charakter bardziej włączający i respektujący różnorodność kulturową.

Umieść przycisk zmiany języka strategicznie

Umieść przycisk zmiany języka w widocznym i łatwo dostępnym miejscu na Twojej stronie internetowej. Standardowe miejsca docelowe obejmują nagłówek, stopkę lub główne menu nawigacyjne. Lokalizacje te są intuicyjne dla większości internautów i zgodne z ich oczekiwaniami przy wyszukiwaniu opcji językowych.

Spójne rozmieszczenie na wszystkich stronach zapewnia odwiedzającym łatwy dostęp do przełącznika języka, niezależnie od punktu wejścia lub konkretnej odwiedzanej strony. To spójne rozmieszczenie pomaga zapewnić płynne i przewidywalne doświadczenie użytkownika.

Zaimplementuj responsywny projekt przełącznika języka

Upewnij się, że przycisk zmiany języka jest responsywny i działa prawidłowo na różnych urządzeniach i ekranach o różnych rozmiarach, w tym na komputerach stacjonarnych, tabletach i smartfonach. Przetestuj go na różnych urządzeniach i rozdzielczościach ekranu, aby zapewnić płynną obsługę bez obcinania lub nakładania się elementów.

Responsywny projekt zapewnia odwiedzającym łatwy dostęp do opcji językowych z dowolnego urządzenia, z którego korzystają, co zwiększa dostępność i wygodę zmiany języka.

Upewnij się, że przełącznik języków jest spójny na wszystkich stronach

Upewnij się, że przełącznik języka zachowuje spójny wygląd i zachowanie w całej witrynie. Użytkownicy powinni mieć możliwość płynnej zmiany języka, niezależnie od tego, na której stronie się znajdują i jakie treści przeglądają. Spójność nie tylko zapewnia spójne doświadczenie użytkownika, ale także zwiększa dostępność i dostępność opcji językowych, budując zaufanie do wielojęzycznej witryny internetowej.

Jakakolwiek niespójność w przełączniku języka może dezorientować i frustrować użytkowników, potencjalnie prowadząc ich do opuszczenia Twojej witryny.

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 w Craft CMS z Linguise !

W tym momencie powinieneś zauważyć, że konfigurujesz przełącznik języka dla wielojęzycznej witryny Craft CMS . Ustanowienie przełącznika języka może zapewnić różne korzyści i można je dostosować w oparciu o wcześniej wymienione punkty.

Optymalizacja przełącznika języka może znacznie poprawić ogólne wrażenia użytkownika. Następnie zarejestruj konto Linguise , zintegruj je ze swoją Craft CMS i dostosuj przełącznik języków, aby jeszcze bardziej poprawić wygodę użytkownika.

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

Znaczenie ustawienia przełącznika języka w Craft CMS

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

#1: Zarejestruj darmowe konto Linguise

#2: Dodanie strony domeny Craft CMS

#4: Prześlij skrypt Linguise

#5: Włącz i dostosuj przełącznik języków

#6 Skonfiguruj główny wyświetlacz

#7 Ustaw projekt flagi

#8 Ustaw kolor i rozmiar

#9 Skonfiguruj cień pudełka

5 wskazówek dotyczących optymalizacji przełączania języków w Craft CMS

Użyj łatwo rozpoznawalnego logo flagi językowej

Używanie nazw języków i flag

Umieść przycisk zmiany języka strategicznie

Zaimplementuj responsywny projekt przełącznika języka

Upewnij się, że przełącznik języków jest spójny na wszystkich stronach

Skonfiguruj przełącznik języka w Craft CMS z Linguise !

Możesz być również zainteresowany czytaniem

Kantoński kontra mandaryński, jaka jest różnica?

Webflow eCommerce: ponad 5 wskazówek, jak dotrzeć na rynek międzynarodowy

Jak wybrać najlepszą wtyczkę do tłumaczenia WooCommerce dla Twojego sklepu wielojęzycznego (+ konfiguracja)

Prawny

Wsparcie

Produkt