<< powrót
Opublikowano Jeden komentarz

Wielojęzyczna strona WordPress przy użyciu wtyczki Polylang

Wieojęzyczna strona WordPress Polylang

Dodatkowe wersje językowe można dodać do WordPressa na kilka sposobów. W tym artykule pokażę jak wykonać to przy użyciu wtyczki Polylang. Metoda ta nie jest skomplikowana, dzięki czemu w szybki i prosty sposób możemy do naszej strony dodać dodatkową wersję językową. Wielojęzyczna strona WordPress – to proste 🙂

Instalacja i konfiguracja wtyczki Polylang

Przejdź do oficjalnego repozytorium wtyczek i odszukaj wtyczkę Polylang. Następnie zainstaluj ją i włącz.

Wieojęzyczna strona WordPress Polylang

Po włączeniu wtyczki otworzy się konfigurator, który pozwoli Ci na szybką konfigurację wtyczki.

W pierwszym kroku dodaj wszystkie języki, jakie mają być na stronie.

Wieojęzyczna strona WordPress Polylang

W drugim kroku możesz zadecydować, czy chcesz, żeby tekst dołączony do mediów (tytuł, tekst alternatywny, opis) był tłumaczony.

Wieojęzyczna strona WordPress Polylang

Jeśli na Twojej stronie są już jakieś wpisy, strony, kategorie oraz tagi, musisz przypisać im język.

Wieojęzyczna strona WordPress Polylang

Jeśli wyłączysz konfigurator lub jeśli zajdzie potrzeba dodania kolejnego języka, w każdej chwili możesz to zrobić z poziomu ustawień wtyczki.

W zakładce Języki -> Języki dodasz kolejny język.

Konfiguracja Polylang w WordPressie
Konfiguracja Polylang w WordPressie

W zakładce Języki -> Ustawienia aktywujesz możliwość tłumaczenia mediów.

Konfiguracja Polylang w WordPressie

Jeśli chcesz ponownie skorzystać z konfiguratora przejdź do zakładki Języki -> Konfiguracja.

Ważniejsze ustawienia w Polylang

Modyfikacje URL

Możesz wybrać jak mają się wyświetlać bezpośrednie odnośniki.

Języki -> Ustawienia -> Modyfikacje URL

Wieojęzyczna strona WordPress Polylang

Wykryj język przeglądarki

Po włączeniu tej opcji wtyczka Polylang będzie sprawdzać jaki jest ustawiony język w przeglądarce użytkownika. Po jego wykryciu Polylang będzie automatycznie przełączać język na stronie.

Wieojęzyczna strona WordPress Polylang

Media

Polylang umożliwia dodanie tłumaczenia do mediów – tytułu, tekstu alternatywnego, podpisu, opisu. Jeśli chcesz skorzystać z tej opcji, po prostu ją włącz.

Wieojęzyczna strona WordPress Polylang

Dodajemy tłumaczenie do strony

Jeśli chcesz dodać tłumaczenie do danej zakładki, przejdź do sekcji ze wszystkimi stronami Strony->Wszystkie strony. Następnie kliknij przycisk z ikoną plusa, co umożliwi dodanie tłumaczenia.

Wieojęzyczna strona WordPress Polylang

Wpisz nową nazwę dla zakładki, a także uzupełnij treść. Jeśli nie chcesz od nowa budować zawartości zakładki po prostu zaznacz całą zawartość przy użyciu CTRL+A oraz skopiuj ją przy użyciu CTRL+C z bazowej wersji językowej, a następnie wklej przy użyciu CTRL+V do tłumaczonej zakładki.

Wieojęzyczna strona WordPress Polylang

Po zapisaniu zmian przetłumaczona zakładka będzie widoczna na liście. Dla wpisów tłumaczenie dodaje się analogicznie jak dla stron.

Wieojęzyczna strona WordPress Polylang

Przełącznik języka

Teraz pozostaje kwestia dodania przełącznika do zmiany języka. Można go dodać na wiele sposobów. Przełącznik może być w postaci grafiki z flagami, może być jako nazwa języków, a także jako ich skróty. Ponadto lista może być rozwijalna. Dodatkowo jest możliwość ukrycia aktualnie wyświetlanego języka.

Umiejscowienie przełącznika

Przełącznik możemy dodać na kilka sposobów: jako widget, jako dodatkowa pozycja w menu, a także możemy go dodać w formie shortcode. W poradniku tym pokażę jak dodać przełącznik do pola na widgety a także do menu.

Jeśli chcesz dodać przełącznik do pola na widgety, przejdź do sekcji Wygląd -> Widgety. Następnie dodaj widget o nazwie Przełącznik języka do wybranego pola na widgety.

Konfiguracja Polylang w WordPressie

Jeśli chcesz dodać przełącznik do menu, przejdź do sekcji Wygląd -> menu. Następnie dodaj pozycję Języki do menu.

Konfiguracja Polylang w WordPressie

Jeśli u Ciebie nie jest widoczna sekcja Przełącznik języka, rozwiń u góry Opcje ekranu i zaznacz checkbox Przełącznik języka.

Konfiguracja Polylang w WordPressie

Wygląd przełącznika

Przełącznik języka może mieć różny wygląd. Poniżej opis poszczególnych opcji:

  • Wyświetla się jako lista rozwijana – przełącznik jest w formie rozwijalnej listy z nazwami języków lub z ikonkami flag – w zależności od dodatkowo wybranej opcji.
  • Wyświetla nazwy języków – w przełączniku wyświetlane są nazwy języków.
  • Wyświetla flagi – w przełączniku wyświetlane są ikonki z flagami.
  • Wymusza link do strony głównej – po zaznaczeniu tej opcji użytkownik po zmianie języka automatycznie przenoszony jest do strony głównej, bez względu na to w której był zakładce.
  • Ukrywa aktualny język – aktualnie wyświetlany język jest ukrywany w przełączniku.
  • Ukrywaj języki bez tłumaczenia – po zaznaczeniu tej opcji będzie możliwość zmiany tylko na język, który posiada tłumaczenia.
Konfiguracja Polylang w WordPressie

Brzydkie ikonki z flagami

Domyślne ikonki z flagami dostępne w Polylang są niezbyt dobrej jakości i jeśli chcesz je powiększyć za pomocą reguł CSS, to może się okazać, że grafika stanie się niewyraźna i będą widoczne piksele. W takiej sytuacji nie pozostaje nam nic innego jak zmienić domyślne grafiki.

Konfiguracja Polylang w WordPressie

W folderze wp-content utwórz nowy folder i nazwij go polylang.

Konfiguracja Polylang w WordPressie

Następnie umieść w tym folderze nowe grafiki z flagami i odpowiednio je nazwij, wg poniższego klucza:

Konfiguracja Polylang w WordPressie

Teraz przejdź do zakładki Języki -> Ustawienia -> Synchronizacja i kliknij przycisk Zachowaj zmiany.

Konfiguracja Polylang w WordPressie

Nowe ikonki powinny być już widoczne.

Konfiguracja Polylang w WordPressie

Jak dodać skróty języków

Domyślnie w przełączniku Polylang możemy dodać pełne nazwy języków, czyli np. Polski, English, Deutsch. Jeśli chcesz, żeby były widoczne same skróty np. PL, EN, DE, dodaj poniższy filtr po pliku functions.php:

add_filter( 'pll_the_languages_args', function( $args ) {
	$args['display_names_as'] = 'slug';
	return $args;
} );
Konfiguracja Polylang w WordPressie
Subscribe
Powiadom o
guest
1 Komentarz
najstarszy
najnowszy oceniany
Inline Feedbacks
View all comments
Sylwana
5 miesięcy temu

Nie wiedziałam, że aż tyle opcji ma ta wtyczka, wow! 🙂