Wix 다국어: 다국어 사이트 정렬 문제 해결하기

3 분 분량

다국어 사이트의 요소 정렬은 언어 버전마다 변경됩니다. 다른 언어로 번역된 텍스트의 길이가 다르지만 요소의 레이아웃이 자동으로 최적화되거나 반응하지 않을 수 있기 때문입니다.

모든 언어 버전의 정렬에 영향을 미치므로 사이트를 제작할 때 기본 언어의 요소 디자인 및 배치에 주의를 기울이는 것이 중요합니다. 번역된 콘텐츠의 버전이 디자인 문제를 일으키면 콘텐츠를 변형하거나 통합하는 것을 고려해 보세요.

사이트에서 작업하면서 라이브 사이트의 다양한 언어 버전에서 어떻게 보이는지 계속 확인하고 정렬 문제가 발생하면 수정하세요.

보조 언어 요소의 위치를 변경하면 모든 언어의 해당 요소 위치에 영향을 미칩니다. 즉, 보조 언어의 에디터에서 요소를 이동하면 다른 모든 언어 버전의 같은 요소가 이동됩니다.

요소를 이동할 때 위치를 변경하면 사이트의 모든 언어 버전에 적용됨을 알리는 팝업이 표시됩니다. 이 변경사항을 계속하거나 실행 취소할 수 있습니다.

도움말:

요소가 재배치된 것이 마음에 들지 않는 경우 언제든지 사이트의 이전 버전을 복원할 수 있습니다. 추가, 삭제, 공개, 또는 비공개한 언어는 영향을 받지 않습니다. 콘텐츠, 디자인 및 레이아웃에 대한 변경 사항은 이전 버전으로 복원됩니다.

텍스트를 번역하면 언어마다 길이가 다를 수 있습니다. 이로 인해 언어 버전 간에 정렬 문제가 발생할 수 있습니다. 이러한 문제를 해결하는 방법에는 여러 가지가 있습니다.

텍스트 상자 크기: 기본 언어 텍스트 상자를 보조 언어로 번역할 수 있을 만큼 충분히 크게 만듭니다. 이렇게 하면 텍스트가 잘리는 것을 방지할 수 있습니다.
글꼴: 일부 글꼴은 특정 언어에서 잘 읽히지 않을 수 있습니다. 글꼴에 문제가 있는 경우 언어 버전의 글꼴을 변경하세요. 정렬을 개선하기 위해 언어별로 글꼴을 변경하고 텍스트 크기를 늘리거나 줄일 수도 있습니다.
글자 및 줄 간격: 글자 및 줄 간격이 모든 언어에서 동일한지 확인합니다. 텍스트 서식에 대한 자세한 도움말을 확인하세요.
텍스트 테마: 보조 언어 텍스트에 적용된 텍스트 테마가 기본 언어의 테마와 일치하는지 확인합니다. 텍스트 테마에 대한 자세한 도움말을 확인하세요.
겹치는 요소: 텍스트 상자는 버튼이나 다른 요소와 겹치지 않아야 합니다. 겹치는 경우 번역된 텍스트가 기본 언어보다 길면 정렬 문제가 발생할 수 있습니다. 텍스트 상자 외부에 버튼 및 기타 요소를 배치하는 것이 좋습니다.
텍스트 및 요소 그룹화: 요소를 그룹화하면 언어 전체에서 겹치거나 정렬에 관련된 문제를 방지할 수 있습니다.요소 그룹화에 대한 자세한 도움말을 확인하세요.

도움말:

반복 레이아웃을 사용해 콘텐츠를 보관해 보세요. 반복 레이아웃을 사용하면 디자인과 레이아웃이 동일하기 때문에 콘텐츠를 쉽게 구성하고 구성할 수 있습니다. 모든 언어 버전에서 콘텐츠가 깔끔하고 예상대로 정렬되도록 하는 좋은 방법입니다.

사이트를 번역할 때 기본 언어의 크기와 위치에 맞게 배경 이미지를 조정해야 할 수도 있습니다.

에디터 상단에서 언어 변경 패널을 클릭합니다.
작업하고자 하는 보조 언어를 선택합니다.
왼쪽에서 배경 아이콘을 클릭합니다.
설정을 클릭합니다.
변경하고자 하는 항목에 따라 다음을 수행합니다.
- 이미지 배열 조정: 이미지 배열 아래의 드롭다운 메뉴를 클릭하고옵션을 선택합니다.
- 이미지 위치 변경: 이미지 위치 아래의 그리드에서 위치를 선택합니다.

도움말:

일반적인 독립형 이미지에 문제가 있는 경우 다른 언어 버전의 이미지를 동일한 해상도(픽셀)로 업로드하고 있는지 확인하세요.

정렬하려는 요소의 X 및 Y 값이 모든 언어에서 동일한지 확인합니다. 해당 값은 각각 에디터에 상대적인 가로 및 세로 위치를 나타냅니다. 해당 값은 에디터 툴바에서 확인할 수 있습니다. 요소가 여전히 정렬되지 않은 경우 키보드에서 Enter 키를 사용해 텍스트 상자에 공백을 추가합니다.
휴대 기기에서 발생하는 정렬 문제는 모바일 에디터가 아닌 데스크톱 에디터에서 조정해야 합니다.

페이지 메뉴