Jak stworzyć skuteczne menu rozwijane języka w WordPress
Opublikowany: 2023-04-01Tłumaczenie witryny na wiele języków jest przydatne dla użytkowników i korzystnie wpływa na ruch. Gdy odwiedzający zobaczą, że mogą czytać zawartość Twojej witryny w swoim języku, pozostaną na niej dłużej. Skoro oferujesz tłumaczenia, dlaczego nie ułatwić użytkownikom przejścia na preferowany język? Dzięki TranslatePress istnieje wiele sposobów wyświetlania menu rozwijanego języka:
- Menu rozwijane
- Lista rozwijana widżetów lub stopek
- Pływający selektor
W tym poście pokażę Ci, jak korzystać z nich wszystkich. Ale najpierw porozmawiajmy o tym, co sprawia, że lista języków jest skuteczna.
Projektowanie skutecznego rozwijanego języka
Jak każdy aspekt projektu Twojej witryny, wszystko zależy od użytkownika. A kiedy mówimy o rozwijanym menu — lub przełączniku — najważniejszą rzeczą, której musisz być świadomy, jest sposób, w jaki odwiedzający Twoją witrynę będą go przeglądać i wchodzić z nim w interakcje.
Jednym z ważnych wyborów projektowych, których możesz dokonać, jest to, czy wyświetlać języki w języku ojczystym witryny, czy w określonym języku. Na przykład w witrynie w języku angielskim zamiast wyświetlać język jako „hiszpański”, możesz wyświetlić go jako „Espanol”. Pomaga to użytkownikom łatwo zidentyfikować swój język i sprawia, że od razu czują się komfortowo przeglądając Twoją witrynę.
Innym wizualnym przewodnikiem, który może być pomocny, jest wyświetlenie flagi kraju obok języka. Wyświetlenie koreańskiej flagi obok tekstu języka w przełączniku sprawia, że jest on natychmiast rozpoznawalny dla koreańskiego gościa.
Planując układ witryny, należy również pomyśleć o rozmieszczeniu listy rozwijanej języków. Każda witryna jest wyjątkowa, więc najlepsze miejsce docelowe dla Twojej witryny może różnić się od innej. Ponownie zastanów się, w jaki sposób użytkownicy będą wchodzić w interakcje z Twoją witryną. Zastanów się, gdzie najbardziej oczywiste może być miejsce na wyświetlenie listy rozwijanej. Może znajdować się w prawym dolnym rogu, ale jeśli masz tam inną ważną treść, możesz rozważyć przeniesienie jej na lewą stronę strony.
Jeśli umieścisz menu rozwijane języka w stopce, czy odwiedzający łatwo je zauważą? Rozważ także umieszczenie przełączników języka w wielu obszarach, takich jak pasek boczny, a nawet w menu nawigacyjnym.
Najważniejszym czynnikiem przy wyświetlaniu menu rozwijanego języka jest sposób, w jaki wyobrażasz sobie, że poszczególni użytkownicy najlepiej go znajdą i będą z nim wchodzić w interakcje.
Teraz, gdy omówiliśmy aspekty projektowania, przejdźmy do tego, jak wprowadzić to wszystko w życie!
Twoje ustawienia przełącznika języka
Po zainstalowaniu bezpłatnej wtyczki TranslatePress z pulpitu nawigacyjnego WordPress ( Wtyczki → Dodaj nowy ), pierwszą rzeczą, którą musisz zrobić, to przejść do ustawień. Możesz je znaleźć w menu pulpitu nawigacyjnego WordPress w Ustawienia → TranslatePress . Przewiń w dół na karcie Ogólne , aby znaleźć sekcję Przełącznik języka .

Zobaczysz trzy opcje, każda z własnymi ustawieniami:
- Krótki kod
- Pozycja w menu
- Pływający wybór języka
Dla każdej opcji użyj menu rozwijanych, aby wybrać sposób wyświetlania nazw języków. Możesz na przykład wybrać Pełne nazwy języków , Krótkie nazwy języków , Flagi z nazwami języków i inne.
Dodatkowo wybór pływającego języka umożliwia wybór ciemnego lub jasnego motywu, a także pozycjonowanie na stronie.
Po dokonaniu wyboru i zapisaniu zmian przejdźmy do wyświetlania listy rozwijanej na stronie.
Wyświetlanie menu rozwijanego języka
Ponownie, wyświetlanie rozwijanego języka jest indywidualnym wyborem. Być może będziesz musiał poeksperymentować z różnymi ustawieniami i opcjami wyświetlania, aż znajdziesz najlepsze rozwiązanie dla swojej witryny.
Krótki kod
Jeśli użyjesz opcji shortcode [language-switcher]
dla rozwijanego języka, możesz wyświetlić przełącznik praktycznie w dowolnym miejscu w swojej witrynie, które akceptuje blok shortcode Gutenberga. Najlepsze miejsca na użycie krótkiego kodu to zazwyczaj widżet — który można umieścić na pasku bocznym lub w stopce.

Jeśli używasz motywu blokowego i pełnej edycji witryny, możesz bardzo łatwo dodać krótki kod w stopce.

Na froncie odwiedzający mogą skorzystać z menu rozwijanego, aby wybrać preferowany język.

Pozycja w menu
Jeśli chcesz, możesz wyświetlić menu rozwijane języka w menu nawigacyjnym. TranslatePress automatycznie dodaje opcję do WordPress, aby to ułatwić. Gdy edytujesz swoje menu , na liście elementów menu, które możesz dodać, zobaczysz opcję Zmiana języka.

Najpierw wybierz Bieżący język i języki, które mają być wyświetlane w rozwijanym menu. Kliknij Dodaj do menu . Następnie uporządkuj języki jako elementy podrzędne pod opcją Bieżący język.
Po zapisaniu menu upewnij się, że w nagłówku witryny wybrano odpowiednie menu — zależy to od motywu. W interfejsie rozwijany język pojawi się w menu nawigacyjnym.

Pływający wybór języka
Jeśli chcesz, aby menu rozwijane języka było zawsze dostępne na każdej stronie, bez względu na to, gdzie przewija się użytkownik, będziesz chciał skorzystać z pływającego wyboru języka .
Jeśli włączyłeś tę opcję w ustawieniach TranslatePress, jak omówiliśmy wcześniej, pojawi się ona automatycznie we wskazanych miejscach — nie musisz nic więcej robić!
Z przodu pływający przełącznik języka wygląda jak profesjonalnie dopracowany przycisk. Kliknięcie powoduje rozwinięcie opcji dla wszystkich udostępnionych języków.

Jeśli korzystasz z płatnej wersji TranslatePress, możesz wyświetlać dowolną liczbę języków. Jeśli jednak potrzebujesz tylko jednego dodatkowego języka, możesz skorzystać z darmowej wersji.
Ułatw to swoim gościom dzięki rozwijanemu językowi
Jest wiele rzeczy, które możesz zrobić, aby ułatwić odwiedzającym wybór preferowanego języka. Projektując przetłumaczoną witrynę, rozważ następujące opcje:
- Wyświetlana nazwa w języku ojczystym lub język Twojej witryny;
- Używanie flag, aby pomóc użytkownikom szybko zidentyfikować ich język;
- Umiejscowienie listy rozwijanej języka.
Im lepsze wrażenia użytkowników, tym większe prawdopodobieństwo, że pozostaną w Twojej witrynie — i wrócą!

TłumaczNaciśnij wielojęzyczny
TranslatePress to najprostszy sposób na przetłumaczenie witryny WordPress. Jest szybki, nie spowalnia Twojej witryny, współpracuje z DOWOLNYM motywem lub wtyczką i jest przyjazny dla SEO.
Pobierz wtyczkęLub pobierz DARMOWĄ wersję
Jeśli masz więcej pytań dotyczących konfiguracji własnego menu rozwijanego języka, nie wahaj się dać nam znać w komentarzach!