탐색 건너뛰기

Elementor Pro를 사용하면 ACF 커스텀 필드 데이터를 Elementor 디자인에 직접 동적으로 삽입할 수 있습니다. WPML을 사용하면 모든 콘텐츠를 다국어로 만들 수 있습니다.

Elementor에서 지원하는 ACF 필드 유형을 알아보려면 Elementor와 ACF 통합 문서 페이지를 확인하세요.

이 페이지에서:

시작하기

먼저 다음 플러그인을 설치하고 활성화하세요:

ACF 다국어 번역 옵션 선택하기

ACF 다국어 2.0에는 세 가지 번역 옵션 중에서 선택할 수 있는 다국어 설정 마법사가 함께 제공됩니다:

  • 여러 언어에서 동일한 필드
  • 언어에 따른 다양한 필드
  • 전문가

번역 옵션에 대해 자세히 알아보세요.

ACF, Elementor Pro 및 WPML을 사용하는 기존 사이트에서는 기존 필드 그룹에 대해 전문가 옵션이 선택됩니다.

필드 그룹 단위로 번역 옵션을 설정해야 한다는 점에 유의하세요. 이를 위해서는 각 필드 그룹을 편집하고 그 안에 있는 필드에 대한 번역 옵션을 선택해야 합니다. 필드 그룹에 대한 번역 옵션을 설정하지 않으면 해당 그룹에 속한 필드를 번역할 수 없습니다.

선택, 체크상자 및 라디오 버튼 필드를 번역 가능 상태로 만들기

WPML을 사용하면 선택, 체크상자라디오 버튼 필드 유형에 추가한 선택 사항을 번역하여 프론트엔드에 표시할 수 있습니다.

그러나 Elementor는 필드 값만 표시합니다. 따라서 커스텀 컬럼에서 이러한 필드 유형을 추가할 때는 선택 사항 섹션의 새 줄에 각 선택 사항을 입력해야 합니다.

새 줄에 각 선택 항목 입력하기

“언어 간 동일한 필드” 번역 옵션 사용

여러 언어에 걸쳐 동일한 필드 옵션을 선택하면 2단계 프로세스에 따라 커스텀 컬럼을 다국어로 만들 수 있습니다:

ACF 커스텀 필드가 할당된 게시물 또는 사용자 지정 게시물 유형 번역하기

모든 항목 자동 번역 기능을 활성화한 경우 모든 내용을 자동으로 번역하기 모드를 활성화하면 글, 글에 할당된 필드 및 필드 레이블이 자동으로 번역됩니다.

에서 선택한 내용 번역 모드에서는 다른 글과 페이지를 번역할 때와 같은 방식으로 게시물, 그 안의 커스텀 컬럼, 필드 레이블 및 선택 항목의 레이블을 번역할 수 있습니다.

여기에서는 게시물과 필드 값을 직접 번역하는 방법을 빠르게 보여 드리겠습니다:

  1. 번역하려는 게시물을 편집합니다. 언어 상자에서 게시물을 번역하려는 언어 옆에 있는 더하기 아이콘을 클릭합니다.
더하기 아이콘을 클릭하여 게시물을 번역합니다.
  1. 고급 번역 편집기로 이동합니다. 번역 크레딧이 있는 경우 자동 번역이 채워진 것을 볼 수 있습니다. 검토하고 수락할 수 있습니다. 크레딧이 없고 콘텐츠를 수동으로 번역하는 경우 더하기 아이콘을 클릭하고 각 줄에 대한 번역을 입력합니다. 완료했으면 완료 버튼을 누릅니다.
고급 번역 편집기에서 커스텀 필드를 사용하여 게시물 번역하기

Elementor 템플릿 번역하기

ACF 커스텀 필드 데이터를 단일 게시물 템플릿에 동적으로 삽입한 후에는 사이트의 보조 언어로 번역할 수 있습니다. 자세히 알아보려면 Elementor 템플릿 번역 가이드를 참조하세요.

“언어 간 다른 필드” 번역 옵션 사용

Elementor 및 ACF를 WPML과 함께 사용하면 각 사이트의 언어에 대해 동일한 수의 필드를 사용하면서 필드 값은 다르게 설정할 수 있습니다.

예를 들어 영화에 대한 블로그가 있다고 가정해 보겠습니다. 사이트의 콘텐츠는 영어와 스페인어 두 가지 언어로 제공됩니다. 올해 최고의 영화에 대한 게시물을 만들고 싶습니다. 그러나 영어와 스페인어를 사용하는 시청자는 서로 다른 두 영화에 투표했습니다.

영화 제목, 영화 설명, 영화 이미지, 영화 장르와 같은 동일한 커스텀 컬럼을 두 언어에 걸쳐 사용하려고 합니다. 하지만 그 값은 달라져야 합니다. 또한 두 게시물이 서로 다른 Elementor 템플릿을 사용하도록 하려고 합니다.

이 경우 자동 번역이나 고급 번역 편집기를 사용할 수 없는데, 이는 글 콘텐츠와 필드 값을 직접 번역해야 하기 때문입니다. 그러나 필드 그룹에 대해 언어 간 다른 필드 번역 옵션을 선택할 수 있으며:

  1. WPML 미디어 번역으로 이미지 번역하기
  2. 게시물 및 필드 값을 사이트의 보조 언어로 수동으로 번역합니다.
  3. WPML 문자열 번역에서 필드 유형 선택 값을 번역합니다.
  4. 기본 언어와 보조 언어의 게시물에 서로 다른 Elementor 템플릿을 할당합니다.

아래 섹션에서는 다양한 요소를 모두 번역하는 과정을 안내해 드리겠습니다.

미디어 번역을 사용하여 이미지 번역하기

ACF 이미지 필드 유형이 있는 경우 다른 언어로 된 게시물에 서로 다른 이미지를 사용할 수 있습니다.

시작하려면 WPML 미디어 번역 애드온을 설치하고 활성화하세요.

그런 다음 아래 단계를 따르세요:

  1. WPML → 미디어 번역으로 이동합니다.
  2. ‘번역’하려는 이미지를 찾은 다음 다른 이미지를 사용하려는 언어 아래의 연필 아이콘을 클릭합니다.
  3. 다른 이미지를 업로드하고 미디어 번역 저장 버튼을 클릭합니다.
다른 이미지 업로드 및 미디어 번역 저장하기

워드프레스 편집기에서 게시물 및 ACF 필드 값 번역 가능

이제 언어 간 다른 필드 번역 옵션에서 게시물 및 필드 값을 번역할 수 있습니다. 이 번역 옵션의 경우 WordPress 편집기만 사용하여 콘텐츠를 번역할 수 있다는 점에 유의하세요.

  1. 기본 언어 게시물을 수정합니다. 언어 상자에서 게시물을 번역하려는 언어 옆에 있는 더하기 아이콘을 클릭합니다.
언어 상자에서 더하기 아이콘을 클릭합니다.
  1. 빈 커스텀 컬럼과 미디어 번역을 사용하여 이미 번역한 이미지가 표시되어야 합니다. 이제 남은 작업은 사이트의 보조 언어로 게시물 콘텐츠와 필드 값을 수동으로 입력한 다음 출판을 클릭하기만 하면 됩니다.
사이트의 보조 언어로 필드 값을 수동으로 입력합니다.

선택, 체크상자 및 라디오 버튼 필드에 대한 선택 항목 번역 가능

언어 간 다른 필드 번역 옵션에서 문자열 번역을 사용하여 선택 필드 유형에 대한 선택 항목을 번역해야 합니다.

이렇게 하려면

  1. WPML → 문자열 번역으로 이동합니다.
  2. 문자열 번역 페이지 상단의 디스플레이 필터를 사용하여 표시할 문자열을 결정합니다. acf-field-group 도메인에서 문자열을 찾거나 정확한 텍스트를 검색할 수 있습니다.
표시할 문자열 결정하기
  1. 번역하려는 텍스트를 찾으면 번역하려는 언어 아래의 더하기 아이콘을 클릭합니다. 그런 다음 엔터를 눌러 번역을 저장합니다.
더하기 아이콘을 클릭하여 문자열을 번역합니다.

기본 및 보조 언어 게시물에 대해 서로 다른 Elementor 템플릿 만들기

모든 게시물 콘텐츠 및 필드 값 번역을 완료한 후에는 각 게시물에 대해 서로 다른 템플릿을 만들고 필드 값을 동적으로 삽입할 수 있습니다.

특정 게시물과 페이지를 위한 다양한 Elementor 템플릿을 제2외국어로 만드는 방법에 대한 자세한 내용은 문서에서 확인할 수 있습니다.

ACF 커스텀 필드 레이블 번역 및 표시하기

필드 레이블과 ACF 커스텀 컬럼의 값을 모두 표시하고 싶을 때가 있습니다.

영화에 관한 게시물을 예로 들어 보겠습니다. 필드 레이블인 영화 장르와 필드 값인 액션을 프론트엔드에 표시하고 싶습니다.

WPML을 사용하면 ACF 필드 레이블을 번역할 수 있지만 Elementor는 프론트엔드에 필드 레이블을 동적으로 표시하는 방법을 제공하지 않습니다. 기본적으로 Elementor는 필드 값을 동적으로만 표시할 수 있습니다.
레이블을 동적으로 표시하려면 고급 탭의 옵션을 사용하여 필드 값 앞이나 뒤에 원하는 텍스트를 수동으로 추가해야 합니다.

고급 탭에서 필드 값 앞에 수동으로 텍스트 추가하기

커스텀 컬럼앞이나 뒤에 추가한 텍스트를 번역하려면 Elementor 템플릿을 번역하기만 하면 됩니다. 템플릿을 직접 번역하는 경우 고급 번역 편집기에 텍스트가 표시됩니다.

고급 번역 편집기에서 템플릿에 추가된 텍스트 번역하기

게시물과 템플릿을 모두 번역하면 프론트엔드의 올바른 위치에 번역된 내용을 볼 수 있습니다.

프론트엔드에서 번역된 커스텀 필드 앞에 추가된 텍스트는 다음과 같습니다.