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 zestawieniem najlepszych wtyczek do przełączania języków w WordPressie.

Dzięki wtyczce „ Weglot ” możesz dodać wiele języków do swojej witryny WordPress lub sklepu na platformie WooCommerce bez konieczności pisania kodu, a także sprawdzić każde tłumaczenie w kontekście przed jego opublikowaniem.

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.

Weglot Wersja 2.0 opiera się na znanym już narzędziu „ Weglot ”: wtyczce do tłumaczenia opartej na sztucznej inteligencji dla WordPressa, która automatycznie dodaje przełącznik języka, tłumaczy witrynę bez konieczności pisania kodu, wykorzystując tłumaczenia oparte na sztucznej inteligencji dostosowane do Twojej marki, oraz tworzy podkatalogi językowe zoptymalizowane pod kątem SEO wraz z tagami hreflang i przetłumaczonymi metadanymi. Możesz dodać przełącznik języka WordPressa 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 wtyczka „ Weglot ” umieszcza przełącznik języka w prawym dolnym rogu witryny. Następnie pokażemy Ci, jak go przenieść – albo za pomocą ustawień wtyczki, albo na stronie Weglotw sekcji „ Visual Editor ”, gdzie edytor przełącznika pozwala również zmienić jego wygląd. 

Krok 1: Zainstaluj i aktywuj Weglot

Zainstaluj i aktywuj wtyczkę „Weglot ” na swojej witrynie WordPress. Następnie załóż konto na stronie Weglot : podczas konfiguracji podasz adres URL swojej witryny, wybierzesz język źródłowy i docelowy oraz skonfigurujesz styl marki i wytyczne dotyczące tłumaczeń, aby tłumaczenia były zgodne z Twoim stylem pisania. Na pulpicie nawigacyjnym Weglot będziesz zarządzać i edytować tłumaczenia oraz skopiować swój unikalny klucz API potrzebny do integracji.

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

Kliknij zakładkę „ Weglot ” w panelu administracyjnym WordPressa, a następnie otwórz Ustawieniai wklej swój klucz API. Poniżej pojawią się Twój język domyślny oraz języki wybrane podczas tworzenia projektu (aby je później zmienić, przejdź do panelu Weglot ). Kliknij „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 zmian, przejdź do Weglot > Ustawienia w panelu administracyjnym WordPressa. Przełącznik języka możesz ustawić miejsce wyświetlania: w menu, w widżecie, za pomocą skrótu lub w kodzie źródłowym strony (omówimy to poniżej):

Wygląd przełącznika języka można dostosować w edytorze przełącznika języka, który otwiera się pod adresem Weglot’s Visual Editor po kliknięciu przełącznika języka na Twojej stronie. W edytorze 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

Dostępna jest również opcja pole „Niestandardowy CSS” na własne selektory, ale do tego przejdziemy za chwilę. Na razie dostosujmy przełącznik języka tak, aby wyświetlał nazwy języków bez flag, ale zachował menu rozwijane.

W tym celu wyłącz opcję wyświetlania flag i włącz opcję wyświetlania pełnych nazw języków, a następnie kliknij Zapisz, a następnie sprawdź swoją stronę:

‍

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

Przełącznik Weglot można wyświetlić w pięciu miejscach:

• Menu: Przejdź do sekcji „Wygląd” > „Menu”, wybierz swoje menu, zaznacz Weglot i przeciągnij je w odpowiednie miejsce.
• Widżet: Przejdź do sekcji „Wygląd” > „Widżety ” i dodaj Weglot do dowolnego obszaru widgetów (nagłówka, paska bocznego lub stopki).
• Skrót: Wklej [weglot] na dowolnej stronie, w dowolnym wpisie lub szablonie, w którym chcesz, aby pojawił się przełącznik.
• HTML / kod źródłowy: Umieść przełącznik bezpośrednio w kodzie HTML swojej strony, aby uzyskać pełną kontrolę nad jego położeniem.
• Pływający przycisk: Umieść przełącznik w stałym rogu ekranu, tak aby pozostawał widoczny podczas przewijania strony przez użytkowników (ustawienie domyślneWeglot).

Moduł przełączający Weglot działa ze wszystkimi motywami WordPressa, w tym z motywami FSE i motywami blokowymi.

Aby określić miejsce wyświetlania przełącznika języka, wróć do sekcji sekcja Przełącznik języka w Weglot > Ustawienia (pokazanej powyżej) i kliknij link na karcie odpowiadającej wybranemu położeniu. W tym przypadku przejdziemy do sekcji Wygląd > Menu i przeciągniemy i upuścimy przełącznik, aby zmienić kolejność pozycji 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 też użyć kodów języków umieszczonych bezpośrednio w tekście zamiast menu rozwijanego.

Zaawansowane stylizowanie przełącznika języków

W tym miejscu należy skorzystać z CSS. W edytorze przełącznika (więcej na ten temat poniżej) wyłącz układ rozwijany, ustaw wyświetlanie kodów języków zamiast pełnych nazw oraz dodaj kilka selektorów dotyczących czcionek, kolorów i grubości tekstu, aby przełącznik pasował do wyglądu Twojej witryny. Oto efekt końcowy widoczny na stronie:

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 wprowadzanie własnych zmian w arkuszu CSS jest całkowicie opcjonalne. Układ strony można dostosowywać i zmieniać, korzystając z gotowych opcji dostępnych w edytorze Switcher Editor. 

Aby ją otworzyć, przejdź na stronę Weglotw sekcji „ Visual Editor ” i kliknij przełącznik języka na swojej witrynie. Edytor przełącznika pojawi się obok podglądu na żywo, dzięki czemu każda zmiana będzie widoczna natychmiast po jej wprowadzeniu, a jej panel „Niestandardowy CSS” (kliknij Edytuj niestandardowy CSS , aby wyświetlić pole), w którym należy umieścić selektory z poprzedniego kroku: 

Ustaw pozycję i układ na panelu, a następnie kliknij „Zapisz”, aby zmiany zaczęły obowiązywać na Twojej stronie WordPress. 

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

Osoby zmieniające język zazwyczaj dzielą się na cztery grupy:

• Nie istnieje. Innymi słowy, strona w ogóle nie oferuje tłumaczeń.
• Trudno to znaleźć. Przełącznik języka może być ukryty w pasku nawigacyjnym lub w innym miejscu, co zmusza użytkownika do zabawy w chowanego i powoduje, że korzystanie z serwisu jest bardzo uciążliwe.
• Ł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.

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

Dodanie przełącznika języków WordPressa do Twojej witryny jest proste, jeśli masz odpowiednią wtyczkę. Dzięki Weglot zyskujesz automatycznie dodany przełącznik języków, pełne tłumaczenie oparte na sztucznej inteligencji od pierwszego dnia, funkcję tłumaczenia tekstu zawartego w obrazach oraz pełną kontrolę nad edycją – bez konieczności angażowania programisty. Wtyczka działa w tle, na bieżąco aktualizując tłumaczenia zgodne z wizerunkiem Twojej marki w miarę zmian treści. Możesz również włączyć automatyczne przekierowanie z pulpitu nawigacyjnego Weglot : funkcja ta wykrywa język przeglądarki odwiedzającego i automatycznie wyświetla mu odpowiednią wersję językową Twojej witryny.

Weglot została również zaprojektowana z myślą o wielojęzycznym SEO. Automatycznie tworzy podkatalogi językowe dla każdej przetłumaczonej wersji Twojej witryny, dodaje tagi hreflang oraz tłumaczy metadane, dzięki czemu wyszukiwarki i narzędzia oparte na sztucznej inteligencji mogą od samego początku wyszukiwać i indeksować każdą wersję językową.

Wybierz wtyczkę do tłumaczenia WordPressa, która została zaprojektowana z myślą o wielojęzycznym SEO. Dzięki automatycznie tworzonym podkatalogom językowym, przetłumaczonym metadanym oraz wdrożeniu tagów hreflang, wtyczka „ Weglot ” zajmuje się zarówno aspektami technicznymi, jak i związanymi z SEO oraz tłumaczeniem Twojej wielojęzycznej witryny.

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.