Jak stworzyć skuteczne menu rozwijane języka w WordPress

Opublikowany: 2023-04-01

Tł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 .

zrzut ekranu ustawień TranslatePress

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.

zrzut ekranu edytora witryny WordPress

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

zrzut ekranu stopki witryny WordPress z rozwijanym językiem

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.

zrzut ekranu edytora menu WordPress

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.

zrzut ekranu nagłówka WordPress z rozwijanym językiem 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.

zrzut ekranu strony WordPress z ruchomym przełącznikiem języka

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!