WPML
튜토리얼

프로그래밍 없이 사용자 정의 콘텐츠 목록을 표시하고 번역하는 방법

Amir3분

공유:

사용자 정의 글 유형과 사용자 정의 필드를 사용하는 많은 사이트에서는 동적 콘텐츠 목록을 표시해야 합니다. Toolset의 View 블록을 사용하여 이러한 목록을 만드는 방법을 보여드리겠습니다.

View는 데이터베이스에서 선택한 콘텐츠를 로드하고 원하는 스타일로 표시합니다. 예를 들어 View를 사용하여 다음과 같은 항목을 표시할 수 있습니다.

최근 추가된 부동산

추천 투어

특정 검색 기준을 충족하는 레시피

이 외에도 다양하게 활용할 수 있습니다!

위의 각 예에서 View는 기존 콘텐츠를 검색하여 특정 기준과 일치하는 항목을 표시합니다. 즉, 일치하는 콘텐츠가 더 많이 생성될수록 View의 출력이 동적으로 업데이트됩니다. 이 모든 작업이 코딩 없이 이루어집니다!

설정하기

View를 만들려면 다음 두 가지 플러그인만 있으면 됩니다.

  • Toolset Types
  • Toolset Blocks

이러한 플러그인을 얻으려면 Toolset 계정이 필요합니다. 아직 Toolset을 사용하고 있지 않다면 Discover WP 사이트에서 모든 Toolset 플러그인을 무료로 테스트하고 사용해 볼 수 있습니다. 이 사이트에서는 미리 빌드된 여러 사이트 템플릿 중 하나를 선택하고 한 번의 클릭으로 설치하여 자체 샌드박스 사이트를 만들 수 있습니다.

콘텐츠를 번역하려면 다음 WPML 플러그인도 필요합니다.

  • WPML 코어 플러그인
  • WPML 번역 관리
  • WPML 문자열 번역

1단계) 페이지에 View 추가

View를 추가하려면 View를 포함할 페이지, 글 또는 템플릿을 만들거나 편집하기만 하면 됩니다. 그런 다음 View 블록을 삽입하고 View의 이름을 지정하세요.

페이지에 View 블록 추가

2단계) View 옵션 선택

목록, 그리드, 메이슨리 또는 콜라주 레이아웃 중에서 선택할 수 있습니다. 많은 콘텐츠를 표시하는 경우 페이지네이션, 프런트엔드 정렬 또는 검색 옵션을 추가할 수 있습니다.

View 옵션 선택

3단계) 표시할 콘텐츠 선택

다음으로 표시할 콘텐츠 유형을 선택하세요. 모든 사용자 정의 글 유형 중에서 선택할 수 있습니다.

목록에 표시할 콘텐츠 선택

4단계) 필드 추가 및 View 출력 디자인

이제 프런트엔드에서 View가 콘텐츠를 표시하는 방식을 선택해야 합니다. 즉, 나열된 글에 대한 다양한 정보를 표시하기 위해 여러 블록을 삽입해야 합니다.

에디터에서 더하기 버튼을 클릭하여 블록을 추가하고 Toolset 블록 중 하나를 선택하세요. 제목, 이미지, 단일 필드, 버튼 등 20개 이상의 블록 중에서 선택할 수 있습니다.

모든 Toolset 블록에서는 동적 소스에서 가져온 콘텐츠를 표시할 수 있습니다. 동적 소스는 데이터베이스에 저장된 모든 WordPress 필드, 사용자 정의 필드 및 분류 체계입니다.

블록의 특정 동적 소스를 선택하면 콘텐츠가 자동으로 새로 고쳐지고 목록의 각 글에 대한 동적 정보가 표시됩니다.

View에 동적 콘텐츠 추가

View의 스타일, 표시되는 결과 수, 결과가 표시되는 순서 등 더 많은 항목을 변경할 수도 있습니다!

다음은 Toolset View 블록을 사용하여 사용자 정의 목록을 만드는 방법에 대한 비디오입니다.

단계별 지침은 WordPress에서 사용자 정의 글 목록 만들기에 대한 Toolset 문서를 참조하세요.

View가 포함된 페이지 번역

View는 페이지(또는 글이나 사용자 정의 유형) 내에 있습니다. View가 포함된 페이지를 번역할 때 WPML을 사용하면 View에 추가한 모든 “정적” 텍스트를 번역할 수 있습니다.

동적 콘텐츠를 사용하는 블록도 기존 번역을 가져옵니다. 즉, 이러한 요소에 대한 번역이 있는 경우 올바른 언어로 View에 자동으로 표시됩니다.

WPML로 다른 페이지를 번역하는 것과 마찬가지로 View가 있는 콘텐츠를 정상적으로 번역해야 합니다.

번역이 완료되면 View가 있는 페이지는 다음과 같이 표시됩니다.

기본 언어로 된 View
보조 언어로 된 View
%%tb-image-alt-text%%

%%tb-image-alt-text%%

직접 사용해 보세요!

이 튜토리얼은 프로그래밍 없이 Toolset으로 빌드할 수 있는 기능의 극히 일부만 보여줍니다. 사용자 정의 WordPress 사이트 빌드에 대한 더 많은 튜토리얼은 Toolset의 모든 무료 과정을 확인하세요.

단일 사이트용 전체 패키지의 경우 Toolset은 단 $69부터 시작합니다. Toolset에 관심이 있으시다면 쿠폰 페이지에서 WPML 고객을 위한 30% 할인을 제공합니다.

댓글 남기기

Toolset을 사용해 보셨나요? View를 사용하여 어떤 항목을 표시했는지 아래 댓글로 알려주세요!

이 글이 유용했나요? 이 글을 공유하세요:

추천 글