워드프레스 Polylang 언어별 메뉴 설정 방법

워드프레스 다국어 지원을 위해서 Polylang을 설치했다면, 언어별로 보이는 메뉴가 달라지면 좋겠죠? 워드프레스 Polylang 언어별 메뉴 설정 방법을 알아보겠습니다.

Polylang 언어별 메뉴 설정 방법

한국어 페이지에서는 한국어 메뉴로, 영문 페이지에서는 메뉴가 영어로 나오면 사용자에게 편안함을 줄 수 있습니다. 우선 한국어 페이지가 기본으로 설정돼 있으므로 영문 메뉴를 새로 추가해 보겠습니다.

메뉴 설정

블로그를 다국어로 구성하기로 했다면 메뉴에서 언어를 선택할 수 있다면 사용자가 원하는 언어를 선택할 수 있으면 편리하겠죠? 이를 위해서 좌측 메뉴의 외모 > 메뉴로 들어갑니다.

기본적으로 보이는 메뉴 구조는 그림 1에서 보다시피 한국어 메뉴입니다. Primary Menu 한국어에 체크 돼 있으면 한국어일 때 이 메뉴를 사용하게 됩니다.

그림 1. Polylang 언어별 메뉴 설정: 한국어
그림 1. Polylang 언어별 메뉴 설정: 한국어

영문 페이지용 메뉴 추가

영문 페이지용 메뉴를 만들 것이므로 상단의 메뉴 편집 탭 바로 아래에 있는 새 메뉴 만들기 링크를 눌러줍니다.

그림 2. 새 메뉴 만들기
그림 2. 새 메뉴 만들기

이제 새로운 메뉴 설정 화면이 열렸습니다. 메뉴 이름에는 Menu in English라고 입력해 주었습니다. 그리고 영문 페이지에서 사용할 메뉴이므로 Primary Menu English를 선택해 줍니다. 이제 메뉴 생성 버튼을 눌러주면 영문용 메뉴가 생성됩니다.

그림 3. 영문 페이지용 메뉴 추가
그림 3. 영문 페이지용 메뉴 추가

편집할 언어별 메뉴 선택

메뉴 생성 버튼을 누르고 나면 메뉴 편집 아래에 편집할 메뉴 선택이라는 부분이 생깁니다. 이곳에서 영문 메뉴나 한글 메뉴를 선택하고 오른쪽에 있는 선택 버튼을 눌러주면, 해당 언어의 메뉴를 편집하는 화면으로 변경됩니다.

그림 4. 언어별 메뉴 선택
그림 4. 언어별 메뉴 선택

Language switcher 추가

저는 한국어 메뉴에 언어 스위처를 달아주려고 합니다. 이를 위해 한국어 메뉴를 선택하고 선택 버튼을 눌러줍니다.

이제 메뉴 추가에서 Language switcher의 Languages를 체크해 준 후, Add to Menu를 눌러줍니다.

그림 5. 언어 변환 스위처 메뉴에 추가
그림 5. 언어 변환 스위처 메뉴에 추가

메뉴 구조의 최하단에 Languages(Language switcher) 메뉴가 추가됩니다. 박스를 열어주면 아래와 같이 메뉴를 어떻게 설정할 것인지 체크할 수 있게 되어 있습니다. 드롭다운 메뉴 사용을 위해서 Displays as a dropdown에 표시해 줍니다. 그리고 언어 이름을 보여줄 것이므로 Displays language names에 표시해 줍니다. 그리고 언어에 따른 국기를 표시하기 위해서 Display flags에 표시해 줍니다. 이제 메뉴 저장을 누르면 한국어 메뉴 설정이 저장됩니다.

그림 6. 언어 스위처 설정
그림 6. 언어 스위처 설정

영어용 메뉴도 마찬가지 방식으로 설정하면 Language switcher를 추가할 수 있습니다.

관련 자료

Polylang의 Create menus 페이지를 참고했습니다.

같이 읽으면 좋은 글

Leave a Comment