다국어 홈페이지- WiX로 만드는 새로운 방법
 |
| 다국어 홈페이지- WiX로 만드는 새로운 방법 |
2018년!! 새롭게 사용자의 의견을 많이 반영한 WIX 다국어 사이트를 만드는 방법은 언어마다 같은 메뉴 형식을 쓸 수 있고 각 언어 페이지를 직접 복사하지 않고 제작할 수 있는 방법입니다. 기존 다국어 사이트 제작 방법보다는 많이 간단하고 편리합니다. 두 가지 방법 모두 각각 장단점이 있기 때문에 홈페이지의 제작 의도나 방향에 따라 나에게 맞는 방법을 선택하여 제작 바랍니다.
WIX로 미리 제작해 둔 한국어 홈페이지를 활용하여 영어와 일본어를 추가하는 방법과 절차를 설명하고 모바일 화면에서 메뉴 디자인을 살펴보고 주의할 점을 알려드립니다. 설명 영상을 통해 전체 과정도 참고하실 수 있습니다.
1. 먼저 기본 언어로 한 사이트를 완성합니다. 예제는 기본 언어(주 언어)로 한국어를 제작했습니다. 메뉴는 대분류와 하위 메뉴가 생성되는지 확인하기 위해 소분류로 구성했습니다.
메뉴 구성 참조
| NO | 대분류 | 소분류 |
|---|---|---|
| 1 | 홈 | |
| 2 | 디자인아라 | 회사소개 |
| 3 | 포트폴리오 | |
| 4 | 문의하기 | 홈페이지 디자인견적 문의 |
| 5 | 홈페이지 교육 문의 | |
2. WiX 홈페이지에서 다른 언어를 추가하려면 < 다국어 >를 활성화합니다. 이 기능은 내 홈페이지에 만들어둔 대표 언어 페이지가 있다면 그대로 자동 복사하여 다른 언어 버전으로 생성되고 사용자는 번역 작업을 바로 진행하면 됩니다.
2-1 에디터 상단 바에서 설정을 클릭하고 다국어 메뉴를 클릭합니다.
 |
| 다국어 아이콘 미리보기 |
2-2 팝업 화면에서 시작하기를 선택합니다.
 |
| - WiX 다국어 기능 활성 - |
2-3 기본 언어, 주로 사용되는 언어와 국기를 선택합니다. 한번 선택하면 변경할 수 없습니다. (Once you choose a main language, you can't change it.)
 |
| - 대표 언어 추가하기 - |
2-4 사이트에 추가할 언어 및 표시할 국기를 선택합니다. 예제는 영어로 먼저 진행하겠습니다. 참고로 더 많은 언어를 추가하거나 변경은 다국어 대시보드에서 진행함으로 보조 언어로 하나만 선택하시고 다음 단계로 진행합니다.
 |
| 다국어 언어 추가 |
2-5 언어를 선택하는 단계를 마치고 본격적으로 다국어 추가 작업을 진행합니다.
3. WiX 에디터 화면 상단에 언어 표시와 국기 모양의 언어 변경 메뉴가 생성됩니다. 주 언어는 한국어이고 영어는 비공개되어 있습니다. 번역 작업을 완료하면 공개로 전환하면 됩니다.
 |
| - 언어 관리- |
3-1 에디터에 추가된 언어 메뉴 디자인은 내 홈페이지에 맞게 바꿀 수 있습니다. 동그라미 모양에 점 3개 있는 추가 작업 버튼을 클릭합니다. 메뉴관리, 탐색, 레이아웃, 디자인 변경 등 애니메이션 삽입까지 가능합니다.
 |
| - 메뉴 관리 보기 - |
3-2 에디터 상단의 언어 변경 메뉴에서 추가한 언어 페이지로 이동합니다. 예제는 영어를 선택합니다. 이동하면 국기가 변경되고 언어의 표시가 변경됩니다.
3-3 메뉴를 선택하여 번역을 클릭한 후 메뉴 및 페이지 관리로 이동하여 각 메뉴의 이름을 변경합니다. 완성하면 추가 작업을 선택하여 언어마다 다를 수 있는 특징에 따라 폰트를 변경하거나 디자인도 다르게 하고 싶다면 변경 가능합니다.
 |
| wix 홈페이지 메뉴 언어 변경-2 |
 |
| wix 홈페이지 메뉴 언어 변경 |
3-4 텍스트, 이미지, 페이지 이름 및 언어 별 링크는 각 언어마다 다르게 변경할 수 있습니다. 그러나 사이트의 디자인 및 레이아웃 등 모든 언어에서 동일한 부분은 사이트에 페이지 나 요소를 추가, 이동 또는 크기 조정 등 변경 사항이 모든 언어에 반영될 수 있으므로 주의해야 합니다.
3-5 모든 페이지의 텍스트와 이미지 등 변경 가능한 삽입 요소를 언어 변경합니다.
 |
| 텍스트 번역하여 변경하기 |
3-6 작업 완료한 언어를 공개하기 위해 언어 관리로 이동합니다. 영어 표시 버튼을 활성 합니다. 라이브 사이트에 반영되어 홈페이지 방문자는 영어 사이트를 이용할 수 있습니다.
 |
| 표시 완료 |
4. 이미 추가한 언어 외에 다른 언어를 추가하는 작업을 진행합니다. 언어 관리를 클릭하여 다국어 대시보드로 이동한 후 + 언어 추가를 선택합니다. 예제는 일본어와 국기를 추가하겠습니다. 위에서 영어를 변경했던 방법으로 일본어도 변경합니다. 완료하면 다국어 대시보드로 이동하여 일본어 표시합니다. 라이브 사이트에서 확인합니다.
 |
| WiX 사이트 언어 추가 하기 |
5. 모바일에서 다국어 언어 표시는 메뉴 하단에 자동으로 표기되고, 사용자가 선택하여 언어별로 이동합니다.
 |
| - WiX다국어 사이트 모바일 메뉴 화면 - |
6. 주의하기
6-1 기본 언어의 데스크톱 화면과 모바일 화면을 완벽하게 만든 후 언어 추가 작업을 진행하는 것을 권해드립니다. 추가하면서 디자인 수정이나 변경은 전체 레이아웃에도 영향을 줄 수 있습니다. 새로운 기능 WIX 다국어 기능은 홈페이지의 각 언어마다 디자인 통일감을 유지하면서 언어만 다르게 할 때 유용하게 쓰일 수 있습니다.
6-2 각 언어로 다르게 메뉴 설정을 할 수 없습니다. 예를 들어 비공개 설정이나 삭제, 추가 등 모든 언어에 적용됩니다.
6-3 간단하게 작업을 해본 경험이지만 여러 언어로 제작을 완료한 후 메뉴를 추가하거나 삭제하면 작업한 내용이 불 안전하게 저장되는 경우가 있었습니다. 이런 경우 주요 언어는 그대로 인데 보조 언어의 메뉴가 안 보여서 난감했던 경험이 있습니다. 메뉴를 수정해서 생긴 오류인지 저장 도중 생긴 오류인지 정확하게 알 수 없어서 개인적인 경험이라고 알려 드리는 내용입니다. 만약 제작을 고려하고 있다면 최종 메뉴를 결정 후 대표 언어를 먼저 제작하고 각각 언어들만 수정하는 작업은 무난하게 진 행 될 것 같습니다.
6-4 모든 언어에 동일한 이미지를 표시하거나, 언어 별로 다른 이미지를 표시할 수 있습니다. 일반 이미지 요소 외에, 페이지 배경 이미지, 목록 및 그리드의 이미지 역시 언어 별로 설정할 수 있습니다. 그러나 스트립 배경, 벡터 아트, 프로 갤러리 이미지, 라이트박스 이미지, 앱 안의 이미지는 모든 언어에 동일하게 적용됨으로 전체 레이아웃이 변경되는 요소는 주의하여 적용해야 합니다.
번역할 수 있는 콘텐츠
- 텍스트 (텍스트 상자, 메뉴 탭, 버튼, 목록, 그리드 등)
- 이미지 및 배경
- 링크
- SEO 설정
번역할 수 없는 콘텐츠
- 사이트 구독양식
- 라이트박스
- Wix 비즈니스 솔루션 (Wix Stores, Wix 호텔, Wix Bookings, Wix 레스토랑 등)
- Wix 앱 (Wix 프로 갤러리, Wix 블로그, Wix 게시판, Wix Chat 등)
- 회원 페이지
- 타사 앱
- Wix Code를 사용해 추가된 콘텐츠
6-5 다국어 사이트 SEO(검색엔진 최적화: Search-Engine Optimization)는 각 언어별로 최적화할 수 있습니다. 페이지 제목 및 설명을 추가하고 각 페이지 주소 URL(웹 주소)은 직접 지정하여 사용할 수 있으며 보조 언어는 동일한 URL을 가집니다.
관련 링크
댓글
댓글 쓰기