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, a także pomóc w budowaniu zaufania 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 na stronie .

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.

Weglot oparta na sztucznej inteligencji wtyczka tłumaczeniowa dla WordPressa, która automatycznie dodaje przełącznik języków, tłumaczy witrynę w ciągu kilku minut bez konieczności pisania kodu oraz tworzy podkatalogi językowe dostosowane do SEO wraz z tagami hreflang. Możesz dodać przełącznik języków WordPressa do swojej witryny w różnych miejscach, m.in. 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 Weglot na swojej witrynie WordPress. Następnie załóż Weglot , gdzie będziesz zarządzać i edytować swoje tłumaczenia oraz uzyskać unikalny klucz API potrzebny 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 zmian, przejdź do Weglot Projekt przycisku języka (opcjonalnie) w panelu administracyjnym WordPressa. 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

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 ustawić miejsce wyświetlania przełącznika języków za pomocą Weglot, przejdź do Weglot w panelu administracyjnym WordPressa i przewiń stronę w dół, aż pojawią się opcje wyświetlania przełącznika języków:

Wystarczy postępować zgodnie z wyświetlanymi instrukcjami, w zależności od tego, gdzie chcesz umieścić przełącznik języka. W tym przypadku przejdziemy do sekcji „Wygląd” > „Menu” i zmienimy kolejność pozycji w menu, przeciągając i upuszczając przełącznik. 

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.

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.