Jak dodać przełącznik języka WordPress

Zastanawiasz się nad dodaniem przełącznika języków WordPress do swojej strony internetowej? Jeśli tak, czytaj dalej!

Dodanie przełącznika języków do witryny WordPress oraz przetłumaczenie treści, tak aby odwiedzający mogli je czytać w swoim języku, może pomóc Ci dotrzeć do nowych rynków, zapewnić większe możliwości w zakresie SEO i widoczności w sieci oraz zbudować zaufanie wśród nowych odbiorców. Nie wiesz, której wtyczki użyć? Zapoznaj się z naszym zestawieniemnajlepszych wielojęzycznych wtyczek WordPress nastronie ( ).

Dzięki Weglot możesz dodać wiele języków do swojej witryny WordPress lub WooCommerce w mniej niż 5 minut, bez konieczności pisania kodu.

W tym artykule przedstawimy szczegółowy przewodnik krok po kroku, jak dodać przełącznik języka WordPress do swojej witryny i jak dostosować go do wyglądu witryny.

Samouczek: Dodaj przełącznik języka WordPress za pomocą Weglot

Przełącznik języków w WordPressie to element nawigacyjny, który pozwala odwiedzającym wybrać preferowany język i przełączać się między przetłumaczonymi wersjami witryny. Można go dodać do dowolnej witryny WordPressa, instalując wtyczkę do tłumaczeń, wybierając języki oraz umieszczając przełącznik w menu, obszarze widżetów lub na stronie za pomocą skrótu.

Dzięki Weglot, opartej na sztucznej inteligencjiwtyczce do tłumaczenia stron internetowych typu „ ” dla WordPressa, możesz w ciągu 5 minut dodać do swojej witryny obsługę wielu języków i dostosować jej wygląd bez konieczności pisania kodu. Ta sama konfiguracja działa w WooCommerce – przełącznik języków wygląda i działa identycznie, niezależnie od tego, czy prowadzisz standardową witrynę WordPress, czy WooCommerce .

Możesz dodać przełącznik języka WordPress do swojej witryny w różnych miejscach, w tym w menu, w widżecie lub w kodzie źródłowym strony HTML. 

W tym samouczku dodamy przełącznik języka do nawigacji Twojej witryny. Domyślnie Weglot przełącznik języka w lewym dolnym rogu witryny. Następnie pokażemy Ci, jak przenieść go za pomocą ustawień lub visual editor przełącznika języka Weglot. 

Krok 1: Zainstaluj i aktywuj Weglot

Zainstaluj i aktywuj wtyczkęWeglot na swojej stronie WordPress. Następnie utwórz konto Weglot , gdzie będziesz zarządzać i edytować swoje tłumaczenia oraz otrzymasz unikalny klucz API do integracji

Krok 2: Połącz Weglot wybierz języki

Kliknij zakładkę Weglot na pulpicie nawigacyjnym WordPress i dodaj swój klucz API, wybierz oryginalny język swojej witryny i język(i), które chcesz dodać, a następnie kliknij przycisk Zapisz. 

Krok 3: Sprawdź swoją stronę i przełącznik języka

Twoja strona WordPress jest teraz wielojęzyczna! Weglot automatycznie Weglot treści Twojej witryny, przetłumaczył je przy pomocy sztucznej inteligencji i umieścił je w podkatalogach językowych.

Zajrzyj na stronę główną swojej witryny, a w prawym dolnym rogu zobaczysz nowy przełącznik języków WordPress.

Po jego kliknięciu, rozwinie się, aby wyświetlić dostępne języki i umożliwić wybór i wyświetlenie preferowanego tłumaczenia.

Jest to domyślny projekt dostarczany wraz z Weglot, a teraz możesz dostosować wygląd i lokalizację przełącznika języków WordPress na kilka różnych sposobów.

Dostosuj przełącznik języka WordPress

Aby rozpocząć wprowadzanie podstawowych dostosowań, przejdź do Weglot > Projekt przycisku języka (opcjonalnie) w zapleczu WordPress. Na tym ekranie możesz wybrać:

• Czy używać menu rozwijanego
• Czy w przełączniku będą używane flagi i jakiego typu
• Jeśli wyświetlane są nazwy języków
• Aby wyświetlić tylko kod języka

Jest też sekcja, gdzie można zmienić CSS i zastąpić go własnymi selektorami — zaraz do tego wrócimy. Na razie dostosujmy przełącznik języka, żeby pokazywał nazwy języków bez flag, ale zachowajmy menu rozwijane.

Aby to zrobić, usuń zaznaczenie opcji "Z flagami" i zaznacz opcję "Jest pełną nazwą", a następnie spójrz na swoją witrynę:

‍

Możesz również wprowadzić kilka zaawansowanych dostosowań. Na przykład wyświetlmy przełącznik języka w menu nawigacyjnym lub pasku bocznym.

Opcje umieszczenia przełącznika języka

Można to zrobić na kilka sposobów: poprzez menu, jako widżet, za pomocą skrótu HTML, przy użyciu kodu HTML lub jako pływający przycisk, który pozostaje w rogu ekranu podczas przewijania strony przez użytkownika. Możesz również umieścić przełącznik bezpośrednio w treści wpisu lub strony, używając skrótu [weglot] – wklej go w edytorze strony w miejscu, w którym chcesz, aby się pojawił. Przełącznik Weglot działa ze wszystkimi motywami WordPressa, w tym z motywami FSE i motywami blokowymi.

Wróć do Weglot w panelu administracyjnym WordPress i przewiń stronę w dół, aż zobaczysz opcje wyświetlania przełącznika języków:

Po prostu postępuj zgodnie z instrukcjami, w zależności od tego, gdzie chcesz umieścić przełącznik języka. W tym przypadku przejdziemy do „Wygląd -> menu” i przeciągniemy przełącznik, aby zmienić kolejność elementów w menu. 

Gdy będziesz gotowy i zapiszesz zmiany, spójrz jeszcze raz na swój front-end:

Chociaż przełącznik języka znajduje się w nagłówku, nie wyświetla się prawidłowo. Można również użyć kodów języka wbudowanych zamiast menu rozwijanego.

Zaawansowane stylizowanie przełącznika języków

To jest miejsce, w którym używasz CSS. Najpierw wyłącz rozwijane ustawienie w menu Weglot w WordPress. Następnie zaznacz pole, aby wyświetlić kody językowe.

Z tego miejsca można użyć obszaru tekstowego Zastąp CSS, aby ustawić selektory czcionek, kolorów i grubości tekstu, tak aby pasowały do projektu witryny:

Na koniec spójrz na swój projekt z przodu:

Dzięki odpowiedniemu rozmieszczeniu i kilku wierszom kodu CSS można szybko i łatwo dostosować styl przełącznika języków Weglotdo wyglądu swojej witryny bez konieczności wykonywania skomplikowanych zmian w szablonie oraz bez znajomości kodowania HTML lub PHP. 

Należy pamiętać, że niestandardowe modyfikacje CSS są całkowicie opcjonalne. Możesz przenosić i zmieniać wygląd za pomocą opcji dostępnych w sekcji zakładki Weglot w panelu administracyjnym WordPress. 

visual editor wolisz pracować w sposób bardziej wizualny, możesz również skorzystać z visual editor przełącznika języków Weglot: 

visual editor przełącznika języka visual editor kontrolować te same ustawienia, co w panelu administracyjnym WordPress. Wystarczy przeciągnąć przełącznik do miejsca, w którym ma się pojawić, a następnie kliknąć „Zapisz”, aby zmiany zostały wprowadzone na stronie WordPress. 

Najlepsze praktyki dotyczące wyświetlania przełączników języka WordPress

Osoby zmieniające język często dzielą się na dwa obozy z odpowiednimi atrybutami:

• Nie istnieje. Innymi słowy, strona w ogóle nie oferuje tłumaczeń.
• Trudno go znaleźć. Przełącznik języka może być ukryty w nawigacji lub w innym miejscu, co zmusza użytkownika do zabawy w chowanego i zapewnia fatalne wrażenia użytkownika.
• Łatwe do znalezienia. Natomiast przełącznik języka WordPressa można znaleźć w wyraźnym, odpowiednim miejscu, takim jak nagłówek lub stopka.
• Bardzo łatwe do znalezienia. Będziesz miał szczęście, jeśli przełącznik języka WordPress znajduje się w widocznym miejscu ekranu, np. w nagłówku. Dzięki temu możesz szybko wybrać odpowiedni język.

W związku z tym ważne jest, aby ułatwić odwiedzającym witrynę wybór preferowanego języka i zapewnić przyjazne dla użytkownika doświadczenie dla odwiedzających witrynę międzynarodową. W idealnym świecie powinieneś być w stanie to zrobić bez potrzeby stosowania dodatków. Mając to na uwadze, rozważ następujące kwestie:

1. Starannie wybieraj opcje językowe. To, że możesz włączyć każdy język, nie oznacza, że powinieneś to robić; powinieneś aktywować tylko te języki, których potrzebujesz. 
2. Umieść przełącznik języka w widocznym miejscu. Dobrym pomysłem jest umieszczenie przełącznika języka w nagłówku lub stopce strony – oba te miejsca są doskonałe. W przypadku urządzeń mobilnych przełącznik języka często znajduje się w głównym menu nawigacyjnym jako pozycja menu.
3. Dostosuj przełącznik języka WordPress do swojego projektu. Chociaż kuszące może być pozostawienie domyślnego przełącznika języka, dostosowanie go do wyglądu i stylu swojej witryny jest świetnym pomysłem.
4. Wybierz flagi lub nazwy dla wybranych języków. Chociaż flagi są kuszące dla projektantów z wielu powodów (są kolorowe, ikoniczne i zajmują mało miejsca), flagi nie są przeznaczone do przedstawiania języków. Powoduje to różne problemy.

3 Przykłady udanych zmian języka

Podczas przeglądania stron internetowych często widzisz przełączniki języków. Jeśli jednak nie mówisz w innym języku (lub nie szukasz takiej opcji), możesz nie zdawać sobie sprawy z tego, jak różnorodne mogą one być pod względem wyglądu i lokalizacji na stronie.

1. Microsoft Translator

Witryna Microsoft Translator pozwala odwiedzającym wybierać spośród prawie 40 języków za pomocą listy rozwijanej (lub w tym przypadku "drop-up") znajdującej się w pobliżu stopki strony. Zdecydowano się również na wyświetlanie pełnej nazwy każdego języka przy użyciu języka ojczystego. Pozwala to odwiedzającym rozpoznać ich język na pierwszy rzut oka i zapewnia, że opcje przełączania języka są jasne.

2. Etsy

Jako międzynarodowa platforma handlowa, na której twórczy ludzie mogą sprzedawać swoje ręcznie robione produkty, nie jest zaskoczeniem, że Etsy oferuje dobrze zaprojektowany przełącznik języka. Znajdziesz go w stopce każdej strony serwisu.

Możesz wybrać region, język i walutę. Po kliknięciu pojawi się okienko, w którym możesz zmienić każdą z tych opcji – to przejrzyste rozwiązanie, które pozwala uniknąć konieczności przekierowywania użytkowników na stronę regionalną.

3. Evernote

Popularna aplikacja do robienia notatek Evernote ma prosty przełącznik języka – do zmiany języka służy menu rozwijane w stopce strony.

Jest łatwy do znalezienia i ma przejrzyste oznaczenia – co dowodzi, że nawet minimalistyczny przełącznik może zapewnić przejrzystą i płynną obsługę.

Stwórz dobrze zaprojektowany przełącznik języków WordPress

Dodanie przełącznika języków WordPress do Twojej witryny jest proste, jeśli dysponujesz odpowiednimi narzędziami. Dzięki Weglot zyskujesz automatycznie dodany przełącznik języków, pełne tłumaczenie oparte na sztucznej inteligencji od pierwszego dnia oraz pełną kontrolę nad edycją – bez konieczności angażowania programisty. Narzędzie tłumaczeniowe działa w tle, dbając o aktualność tłumaczeń, spójność z wizerunkiem marki i nie wymagając żadnej interwencji z Twojej strony. Możesz również włączyć automatyczne przekierowanie z Weglot – wykrywa ono język przeglądarki odwiedzającego i automatycznie wyświetla mu odpowiednią wersję językową Twojej witryny.

Weglot stworzony z myślą o wielojęzycznym SEO. Automatycznie tworzy podkatalogi językowe dla każdej przetłumaczonej wersji Twojej witryny. Dodaje tagi hreflang i tłumaczy metadane. Wyszukiwarki mogą znaleźć i zindeksować każdą wersję językową już od pierwszego dnia.

Wybierz wtyczkę do tłumaczenia WordPress, która jest również zbudowana z myślą o wielojęzycznym SEO. Dzięki automatycznie tworzonym podkatalogom językowym, przetłumaczonym metadanym, implementacji tagów hreflang, Weglot zajmuje się techniczną, SEO i tłumaczeniem Twojej wielojęzycznej strony.

Chcesz dodać do swojej witryny przełącznik języków WordPress? Zacznij korzystać z Weglot– bezpłatny planWeglot, bez konieczności podawania danych karty kredytowej.